/*
 *
 *  * EENDA
 *  * Marketing, Desarrollo & Consulting
 *  * www.eenda.com
 *  * © 2026
 *
 */

/* ============================================================
   Hablando con lobos — Responsive
   Breakpoints alineados con Bootstrap 5.
   ============================================================ */

@media (min-width: 1400px){ /* XXL */

	.hero__title { font-size: 5.5rem; }

}

@media (max-width: 1399px){ /* XL */


}

@media (max-width: 1199px){ /* LG */

	:root { --font-size-base: 1.0625rem; }

}

/* Por debajo de LG el menú colapsa (navbar-expand-lg) */
@media (max-width: 991px){ /* MD */

	/* Menú móvil desplegable, sobrio */
	#mainNav { padding-top: 1rem; padding-bottom: .5rem; }
	.navbar-nav { gap: 0; }
	.nav-link { padding: .65rem 0 !important; }
	.nav-link--cta {
		display: inline-block;
		margin-left: 0;
		margin-top: .5rem;
		padding: .65rem 1.2rem !important;
	}

	.hero { padding-top: 3rem; }
	.hero__title { font-size: clamp(2.4rem, 9vw, 3.6rem); }

	.proyecto .section-label { margin-bottom: 1rem; }

}

@media screen and (max-width: 767px){ /* SM */

	:root { --font-size-base: 1rem; }

	.hero__actions { gap: 1.25rem; }
	.hero__actions .btn-line { width: 100%; text-align: center; }

	.frase__quote { font-size: clamp(1.6rem, 7vw, 2.2rem); }

	.participa .text-lg-end { text-align: left !important; }
	.participa__title { margin-bottom: 1.25rem; }

	.footer-bottom { flex-direction: column; align-items: flex-start; }

}

@media screen and (max-width: 576px){ /* XS */

	.brand-tag { display: none; }

	.story-card { padding: 1.5rem 1.25rem; }

	.footer-legal { flex-wrap: wrap; gap: .75rem 1.25rem; }

}