/* ============================================================
   ÉGIDA — responsive.css
   ============================================================ */

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  .brand-row{ grid-template-columns:repeat(3,1fr); }
  .palette{ grid-template-columns:repeat(5,minmax(150px,1fr)); }
  .swatch{ min-height:220px; padding:1.2rem 1rem; }
}
@media (max-width:900px){
  .nav__links, .nav__cta{ display:none; }
  .nav__burger{ display:flex; }
  .marca__grid{ grid-template-columns:1fr; }
  .marca__card{ max-width:560px; margin-inline:auto; width:100%; }
  .stats{ grid-template-columns:repeat(2,1fr); }
  .type-cards{ grid-template-columns:1fr; }
  .app-grid{ grid-template-columns:repeat(2,1fr); }
  .guia__pillars{ grid-template-columns:1fr; }
  .guia__layout{ grid-template-columns:1fr; }
  .guia__matrix{ grid-template-columns:1fr; }
  .guia__tech-grid{ grid-template-columns:repeat(2,1fr); }
  .brand-row{ grid-template-columns:1fr; max-width:520px; margin-inline:auto; }
  .palette{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px){
  .app-grid{ grid-template-columns:1fr; }
  .stats{ grid-template-columns:1fr 1fr; gap:1rem; }
  .brand-viewer__controls{ flex-direction:column; align-items:stretch; }
  .brand-viewer__backgrounds{ justify-content:center; }
  .marquee{ transform:rotate(-2deg) scale(1.08); }
  .footer__grid{ grid-template-columns:1fr; }
  .guia__tech-grid{ grid-template-columns:1fr; }
  .footer__legal{ flex-direction:column; gap:.8rem; text-align:center; }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
  html{ scroll-behavior:auto; }
  .reveal{ opacity:1; transform:none; }
  .cursor{ display:none; }
}