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

/* =========================================================================
   Ocean Clinik — Responsive (alcance: header + hero + footer)
   Breakpoints alineados con Bootstrap 5 (max-width).
   ========================================================================= */

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

}

@media (max-width: 1199px){ /* LG */
	/* En pantallas medianas, los enlaces pasan al menú móvil (offcanvas);
	   se conservan logo centrado + idioma + hamburguesa. */
	.oc-nav--left .oc-nav__link { display: none; }
	.oc-nav--right .oc-nav__link { display: none; }
	.oc-burger { display: inline-flex; }
}

@media (max-width: 991px){ /* MD (tablet) */
	.oc-hero__content { max-width: 100%; }
}

@media screen and (max-width: 767px){ /* SM (mobile) */
	:root { --header-h: 72px; }
	body.front-end { font-size: 16px; padding-bottom: 76px; } /* espacio barra fija */
	.oc-logo { height: 42px; }
	.oc-h1 { font-size: 40px; line-height: 1.06; }
	.oc-hero { text-align: center; }
	.oc-hero .oc-eyebrow { justify-content: center; }
	.oc-hero__actions { justify-content: center; }
	.oc-mobile-cta { display: grid; }
	.oc-footer__bottom { justify-content: center; text-align: center; }
}

@media screen and (max-width: 576px){ /* XS */
	.oc-hero__actions .btn-ocean-light,
	.oc-hero__actions .btn-ocean-ghost { width: 100%; }
}