/* Responsive overrides pa' landings IA (agencia-ia-*.html) · 28-jun-2026 */
@media (max-width: 768px) {
  body { font-size: 15px; }
  h1, h2, h3 { word-break: break-word !important; }
  /* Hero H1 mobile */
  section h1 { font-size: clamp(28px, 9vw, 48px) !important; line-height: 1.05 !important; }
  /* Section headlines */
  section h2 { font-size: clamp(24px, 7vw, 36px) !important; line-height: 1.1 !important; }
  /* Padding sections */
  section { padding-left: 16px !important; padding-right: 16px !important; padding-top: 56px !important; padding-bottom: 56px !important; }
  /* Nav links ocultar en mobile, solo logo + CTA */
  header nav { display: none !important; }
  /* CTAs full-width */
  .cta-primary, .cta-secondary { width: 100% !important; box-sizing: border-box; }
  /* Grid 3 cols colapsa */
  .grid.md\:grid-cols-3, .grid.md\:grid-cols-2.lg\:grid-cols-3 { grid-template-columns: 1fr !important; }
  /* Banda sectores 4 cols → 2 */
  .grid.md\:grid-cols-4 { grid-template-columns: repeat(2, 1fr) !important; }
  /* Manifesto 3 cols → 1 */
  section .grid.md\:grid-cols-3.gap-12 { grid-template-columns: 1fr !important; gap: 32px !important; }
  /* Footer 4 cols → 1 */
  footer .grid.md\:grid-cols-4 { grid-template-columns: 1fr !important; gap: 32px !important; }
  /* Terminal text más pequeño */
  .font-mono { font-size: 11px !important; }
  /* Container max */
  .max-w-\[1400px\] { padding-left: 0 !important; padding-right: 0 !important; }
}