/* ==========================================================================
   laleonawaterfalltpl — Child Theme Custom CSS
   Origen: hallazgos de Lighthouse / PageSpeed Insights (16 ago 2026)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1) CONTRASTE — botones "Book" de las tarjetas de tour (home + archivo)
   Lighthouse marcó: texto #B8CB41 (brand-contrast) sobre fondo blanco
   = ratio ~1.8:1 (falla WCAG AA, que exige mínimo 4.5:1 en texto normal).
   Se agregó la clase adicional "book-cta-link" en tour-item.php del hijo
   para no afectar otros usos decorativos de brand-contrast en el sitio.
   Nuevo color: #324a58 (brand DEFAULT / navy) sobre blanco = ratio ~9.3:1.
   -------------------------------------------------------------------------- */
.book-cta-link {
	color: #324a58 !important;
}
.book-cta-link:hover {
	color: #B8CB41 !important;
	border-color: #324a58 !important;
}

/* --------------------------------------------------------------------------
   2) RECURSO ROTO — img/pattern.png (404 en consola, reportado por Lighthouse)
   El slide del banner del home cargaba un pattern.png que no existe en el
   tema. En content-banner.php (hijo) ya se quitó la referencia rota; esta
   regla es un respaldo por si el navegador cachea el markup anterior.
   -------------------------------------------------------------------------- */
.bg-pattern {
	background-image: none !important;
}

/* --------------------------------------------------------------------------
   3) DESBORDE HORIZONTAL — el footer (y otras secciones) se recortaban a
   la izquierda porque algún elemento excedía el ancho del viewport y
   generaba scroll horizontal. Esto NO cambia layout, tamaños ni columnas:
   solo evita que cualquier elemento se salga del ancho de pantalla.
   -------------------------------------------------------------------------- */
html,
body {
	max-width: 100%;
	overflow-x: hidden;
}

/* --------------------------------------------------------------------------
   4) ACCESIBILIDAD — foco visible en botón de menú móvil y enlaces sociales
   Mejora menor de UX/accesibilidad que acompaña las correcciones de
   aria-label agregadas en header.php y footer.php del hijo.
   -------------------------------------------------------------------------- */
header button:focus-visible,
footer a:focus-visible {
	outline: 2px solid #B8CB41;
	outline-offset: 2px;
}