/* ==========================================================================
   Responsive — Mobile First Adjustments
   Breakpoints: 768 (tablet), 1024 (drawer→nav), 1280 (desktop large)
   ========================================================================== */

/* ============== TABLET y MENOR ============== */
@media (max-width: 1024px) {
	/* Nav desktop oculta, burger visible */
	.bn-nav { display: none; }
	.bn-burger { display: flex; }

	/* Header CTA en mobile compacto */
	.bn-header__cta-text { display: none; }

	/* Footer 2 cols */
	.bn-footer__grid {
		grid-template-columns: 1fr 1fr;
		gap: var(--space-8);
	}
	.bn-footer__brand { grid-column: 1 / -1; }
}

@media (max-width: 768px) {
	/* Topbar: oculto en mobile. Forzamos con !important porque HCDN puede cachear. */
	.bn-topbar,
	.bn-topbar * {
		display: none !important;
	}

	/* Hero compacto */
	.bn-hero { min-height: 70vh; padding: var(--space-8) var(--container-pad); }
	.bn-hero__cta { flex-direction: column; align-items: stretch; }
	.bn-hero__cta .bn-btn { width: 100%; justify-content: center; }
	.bn-hero__stats {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--space-4);
	}

	/* CTA "Encontrar tu Solución" en mobile: mostrar flecha en lugar de texto largo */
	.bn-header__cta-text { display: none; }
	.bn-header__cta-mobile { display: inline !important; font-size: 18px; }
	.bn-header__cta {
		min-width: 44px;
		padding: 0 14px !important;
	}

	/* LOPDP banner stack */
	.bn-lopdp {
		padding: var(--space-8) var(--space-6);
		flex-direction: column;
		text-align: left;
	}
	.bn-lopdp__cta .bn-btn { width: 100%; justify-content: center; }

	/* CTA final */
	.bn-cta-final { padding: var(--space-12) var(--space-6); }
	.bn-cta-final__btns { flex-direction: column; align-items: stretch; }
	.bn-cta-final__btns .bn-btn { width: 100%; }

	/* Footer 1 col */
	.bn-footer__grid { grid-template-columns: 1fr; gap: var(--space-8); }
	.bn-footer__brand { grid-column: 1; }
	.bn-footer__legal {
		flex-direction: column;
		text-align: left;
		gap: var(--space-2);
	}
	.bn-footer__legal a { margin-left: 0; margin-right: var(--space-3); }

	/* WhatsApp float más chico en mobile */
	.bn-wa-float { bottom: var(--space-4); right: var(--space-4); width: 52px; height: 52px; }
}

@media (max-width: 480px) {
	/* Padding más compacto */
	.bn-section { padding-block: var(--space-12); }

	/* Topbar oculta email texto */
	.bn-topbar__contact { font-size: 11px; }

	/* h1 más controlado */
	h1 { font-size: clamp(2rem, 8vw, 2.5rem); }
	h2 { font-size: clamp(1.5rem, 6vw, 2rem); }

	/* Buttons full width */
	.bn-btn--lg { padding: var(--space-3) var(--space-6); }

	/* Sectores grid 2 cols mobile */
	.bn-sectors__grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-3); }
	.bn-sector-card { padding: var(--space-4); }
}


/* ============== ULTRA WIDE ============== */
@media (min-width: 1440px) {
	:root { --container-max: 1320px; }
}


/* ============== HOVER en touch devices (off) ============== */
@media (hover: none) {
	.bn-card:hover, .bn-sector-card:hover, .bn-demo-card:hover {
		transform: none;
	}
	.bn-btn--primary:hover, .bn-btn--outline:hover {
		transform: none;
	}
}