UI: ajustes de botones, correo

public_html/css/css.css

@@ -3277,3 +3277,23 @@ padding: 1rem;
         max-width: 260px !important;
     }
 }
+
+/* === Marca VACCON en modales (forzado) === */
+.equipo-modal .modal-header .modal-title.vaccon-title{
+    display: flex !important;
+    align-items: center !important;
+    gap: 10px !important;
+  }
+  
+  .equipo-modal .modal-header .modal-title.vaccon-title .brand-name{
+    font-weight: 900 !important;
+    letter-spacing: 1px !important;
+    color: #c4001a !important;
+    text-transform: uppercase !important;
+  }
+  
+  .equipo-modal .modal-header .modal-title.vaccon-title .model-name{
+    font-weight: 600 !important;
+    color: #333 !important;
+    font-size: 0.95em !important;
+  }

public_html/index.php

@@ -206,9 +206,10 @@
                         <p><i class="fa fa-phone-square"></i> <a href="tel:6677386872">(667) 738 6872</a></p>
                         <p><i class="fab fa-whatsapp"></i> <a href="https://wa.me/5216672680388" target="_blank">(667) 268 0388</a></p>
                     </div>
-                    <a href="mailto:contacto@drenaxpro.com.mx"><i class="fa fa-envelope"></i> contacto@drenaxpro.com.mx</a>
+                    <a href="mailto:contacto@drenaxpro.com.mx"><i class="fa fa-envelope"></i> contacto@drenaxpro.mx</a>
                 </div>
                 <p style="margin-top:15px"><a href="https://www.facebook.com/Drenaxpro/" target="_blank"><i class="fab fa-facebook-square"></i> /Drenaxpro</a></p>
+                <p><a href="https://www.instagram.com/Drenaxoficial/"><i class="fab fa-instagram"></i> /Drenaxpro</p>
             </div>
             <div class="col-lg-3 footmapa">
                 <h4>Mapa del sitio</h4>
@@ -222,7 +223,14 @@
             </div>
             <div class="col-lg-3">
     <p>Solicita tu cotización, te recordamos que es sin costo.</p>
-                <a href="?id=cot"><button type="button" class="btn btn-primary btn-sm">Cotizar</button></a>
+
+    <a 
+        href="https://wa.me/5216672680388" 
+        target="_blank"
+        class="btn btn-danger btn-lg btn-block"
+    >
+        <i class="fab fa-whatsapp me-2"></i> Cotizar 
+    </a>
 </div>
         </div>
         <div class="footer-bot">
@@ -262,8 +270,8 @@
                     </div>
                     <a href="mainto:mazatlan@drenax.mx">mazatlan@drenax.mx</a>
                 </div>
-                <p><a href="https://www.facebook.com/Drenaxoficial"><i class="fab fa-facebook-square"></i> /Drenaxoficial</p>
+                <p><a href="https://www.facebook.com/Drenaxoficial"><i class="fab fa-facebook-square"></i> /Drenaxpro</p>
-                <p><a href="https://www.instagram.com/Drenaxoficial/"><i class="fab fa-instagram"></i> /Drenaxoficial</p>
+                <p><a href="https://www.instagram.com/Drenaxoficial/"><i class="fab fa-instagram"></i> /Drenaxpro</p>
             </div>
              <div class="col-lg-3 footmapa">
                 <h4>Mapa del sitio</h4>
@@ -273,10 +281,19 @@
                 <p><a class="a-color" href="?id=con">Contacto</a></p>
                 <p><a class="a-color" href="?id=cot">Cotización</a></p>
             </div>
+        
             <div class="col-lg-3">
     <p>Solicita tu cotización, te recordamos que es sin costo.</p>
-                <a href="?id=cot"><button type="button" class="btn btn-primary btn-sm">Cotizar</button></a>
+
+    <a 
+        href="https://wa.me/5216672680388" 
+        target="_blank"
+        class="btn btn-danger btn-lg btn-block"
+    >
+        <i class="fab fa-whatsapp me-2"></i> Cotizar 
+    </a>
 </div>
+
         </div>
         <div class="footer-bot">
             <p>© 2025 Drenax SA de CV.</p>

public_html/views/hidrocarros.php

@@ -28,7 +28,14 @@
   <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
     <div class="modal-content">
       <div class="modal-header equipo-modal-header">
-        <h4 class="modal-title">VACCON 12</h4>
+      <h4 class="modal-title" style="display:flex;align-items:center;gap:10px;">
+  <span style="font-weight:900;letter-spacing:1px;color:#c4001a;text-transform:uppercase;">
+    VACCON
+  </span>
+  <span style="font-weight:600;color:#333;font-size:0.95em;">
+    12
+  </span>
+</h4>
         <button type="button" class="close" data-dismiss="modal" aria-label="Cerrar">
           <span aria-hidden="true">&times;</span>
         </button>
@@ -62,7 +69,14 @@
         </div>
       </div>
       <div class="modal-footer equipo-modal-footer">
-        <a href="?id=cot" class="btn equipo-btn-contact">SOLICITAR INFORMACIÓN</a>
+      <a 
+  href="https://wa.me/5216672680388?text=Hola%2C%20me%20gustar%C3%ADa%20recibir%20informaci%C3%B3n%20sobre%20el%20equipo%20VACCON%2012."
+  target="_blank"
+  rel="noopener"
+  class="btn equipo-btn-contact"
+>
+  SOLICITAR INFORMACIÓN
+</a>
       </div>
     </div>
   </div>

public_html/views/hidroremolques.php

@@ -53,7 +53,14 @@
         </div>
       </div>
       <div class="modal-footer equipo-modal-footer">
-        <a href="?id=cot" class="btn equipo-btn-contact">SOLICITAR INFORMACIÓN</a>
+      <a 
+  href="https://wa.me/5216672680388?text=Hola%2C%20me%20gustar%C3%ADa%20recibir%20informaci%C3%B3n%20sobre%20el%20equipo%20VACCON%2012."
+  target="_blank"
+  rel="noopener"
+  class="btn equipo-btn-contact"
+>
+  SOLICITAR INFORMACIÓN
+</a>
       </div>
     </div>
   </div>

public_html/zzz_test.php

@@ -0,0 +1,2 @@
+<?php
+die("SI VES ESTO, ESTA ES LA CARPETA CORRECTA ✅");