/* =========================================================
   LF - Resaltado táctil global
   ========================================================= */

/**
 * Elimina el destello azul nativo al tocar elementos
 * interactivos en navegadores móviles compatibles.
 *
 * La regla se declara sin media query para evitar diferencias
 * en la detección de dispositivos híbridos o emuladores.
 *
 * No modifica el outline ni el enfoque por teclado.
 */
a,
button,
input,
select,
textarea,
summary,
[role="button"],
[role="link"],
[tabindex] {
  -webkit-tap-highlight-color: transparent;
}


/* =========================================================
   LF - Interacciones globales
   ========================================================= */

/**
 * Transición base para botones nativos de Gutenberg.
 *
 * Nota:
 * Esta clase no controla los botones de Spectra, que utilizan
 * una estructura diferente.
 */
.wp-block-button__link {
  transition: transform 0.2s ease;
}

.wp-block-button__link:hover {
  transform: translateY(-1px);
}


/* =========================================================
   LF - Utilidades globales
   ========================================================= */

/**
 * Card interactiva reutilizable.
 *
 * Se conserva el nombre actual para no romper los bloques
 * donde ya fue asignado desde Gutenberg o Spectra.
 */
.card_hover {
  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.card_hover:hover {
  border: 1px solid rgba(198, 161, 91, 0.30);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
  transform: translateY(-1px);
}

/**
 * Fondo claro reutilizable.
 */
.bg_sep {
  background-color: #FAFAF8;
}

/**
 * CookieYes - Contraste accesible en botones principales
 *
 * Motivo:
 * PageSpeed marca bajo contraste en los botones del banner de cookies.
 * CookieYes imprime estilos inline, por eso usamos selectores específicos
 * y !important únicamente en estos botones.
 *
 * Alcance:
 * - Solo afecta botones "Aceptar todo" y "Rechazar todo".
 * - No toca layout.
 * - No toca JS.
 * - No afecta Hero ni rendimiento base.
 */
body .cky-btn.cky-btn-accept,
body .cky-btn.cky-btn-reject {
  color: #FFFFFF !important;
  background-color: #0B5ED7 !important;
  border-color: #0B5ED7 !important;
}

/**
 * Estado hover/focus para mantener contraste y accesibilidad visual.
 */
body .cky-btn.cky-btn-accept:hover,
body .cky-btn.cky-btn-reject:hover,
body .cky-btn.cky-btn-accept:focus-visible,
body .cky-btn.cky-btn-reject:focus-visible {
  color: #FFFFFF !important;
  background-color: #084CB0 !important;
  border-color: #084CB0 !important;
}


/**
 * Mobile / Tablet Performance - Desactivar animaciones de entrada
 * La Floristería Miriam Franco
 *
 * Objetivo:
 * - Evitar animaciones de entrada por scroll en celular y tablet.
 * - Mantener el contenido visible inmediatamente.
 * - Reducir fricción visual y mejorar percepción de carga en mobile.
 * - Conservar animaciones y acabado premium en desktop.
 *
 * Alcance:
 * - Afecta animaciones tipo AOS/Spectra en todo el sitio.
 * - No elimina hover de botones en desktop.
 * - No modifica focus visible ni estados interactivos básicos.
 */

@media (max-width: 976px) {
  [data-aos],
  .aos-init,
  .aos-animate,
  .uagb-animate,
  .uagb-animations,
  .spectra-animations {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }

  [data-aos] {
    transition-delay: 0s !important;
    animation-delay: 0s !important;
  }
}