/* ═══════════════════════════════════════════════════════════════════════════
   FIX: Botón "Cotiza ahora" del Hero - Texto visible en hover
   v1.0 - 10 octubre 2025
   ═══════════════════════════════════════════════════════════════════════════ */

/* Botón secundario del hero (borde blanco) */
a[href="/contacto/"].border-2.border-white.text-white {
  color: white !important;
}

/* Al hacer hover: fondo blanco, texto NEGRO */
a[href="/contacto/"].border-2.border-white.text-white:hover {
  background-color: white !important;
  color: #000000 !important;
}

/* El span interno también debe ser negro en hover */
a[href="/contacto/"].border-2.border-white.text-white:hover span {
  color: #000000 !important;
}

/* Asegurar que la transición sea suave */
a[href="/contacto/"].border-2.border-white.text-white,
a[href="/contacto/"].border-2.border-white.text-white span {
  transition: color 0.35s cubic-bezier(.22,.61,.36,1) !important,
              background-color 0.35s cubic-bezier(.22,.61,.36,1) !important;
}