/*
 * Correcciones responsivas y de accesibilidad (auditoría 2026-10).
 * Se carga después de css/style.css y de los estilos compartidos de static.clubhipico.cl.
 */

/* AOS (fade-left/right, zoom) desplaza elementos fuera del viewport antes de
   animarlos y genera scroll horizontal en móvil. clip no rompe position: sticky. */
html,
body {
	overflow-x: hidden;
}

@supports (overflow: clip) {
	html,
	body {
		overflow-x: clip;
	}
}

/* El header es fijo (90px): las anclas no deben quedar tapadas al llegar desde otra página. */
section[id] {
	scroll-margin-top: 90px;
}

/* WCAG 2.5.8: área táctil mínima de 24px (se usa 44px, recomendación móvil). */
.chs-social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
}

.redes-footer .nav-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
}

/* Foco visible en enlaces y botones (WCAG 2.4.7). */
a:focus-visible,
button:focus-visible {
	outline: 2px solid #D3AB05;
	outline-offset: 2px;
}

/* Imágenes de contenido nunca más anchas que su contenedor (no se aplica
   globalmente: rompería los tiles y marcadores de Google Maps). */
.entry-content img,
.card-casos img,
#lightgallery img {
	max-width: 100%;
	height: auto;
}

/* Hero: "VETERINARÍA" a 100px no cabe en tablets/laptops pequeñas. */
@media (min-width: 768px) and (max-width: 1199.98px) {
	.header-big-veterinaria h1.font-100 {
		font-size: 8vw !important;
	}
}

@media (max-width: 767.98px) {
	/* Hero: .row anidado dentro de una columna con pl-0 desborda 5px. */
	.header-big-veterinaria .col-md-9 > .row {
		margin-left: 0;
		margin-right: 0;
	}

	/* Cards de casos clínicos y equipo a ancho completo con aire lateral. */
	#casos-clinicos .card-casos {
		margin-bottom: 1.5rem;
	}

	/* Pestañas del equipo: se apilan en vez de desbordar. */
	#pills-tab {
		flex-direction: column;
		width: 100%;
	}

	#pills-tab .nav-link-a {
		padding: .5rem 1rem;
		text-align: center;
	}


	/* Mapa más bajo en móvil. */
	#maps-veterinaria {
		height: 360px !important;
	}
}