/* =====================================================================
   ESCOLA DELARIVA DE JIU-JITSU AVEIRO — styles.css
   Paleta de marca: preto #070707 · vermelho #d71920 · dourado #d3a63f · branco
   Tipografia: Barlow Condensed (display) + Barlow (texto) — carregadas no HTML
   Motivo de marca: "disco vermelho" (o sol do logótipo Delariva)
   Mobile-first, acessível, sem frameworks.
===================================================================== */

:root{
  --ink:#070707;
  --ink-2:#0e0e0e;
  --panel:#141414;
  --panel-line:#262626;
  --white:#ffffff;
  --paper:#f6f4f1;        /* off-white quente para secções claras */
  --paper-2:#eeebe5;
  --text:#1c1b1a;         /* texto sobre claro */
  --text-soft:#55524d;    /* texto secundário sobre claro */
  --text-dim:#c3c0ba;     /* texto secundário sobre escuro */
  --red:#d71920;
  --red-deep:#a80f14;
  --gold:#d3a63f;
  --gold-soft:#e6c979;

  --max:1160px;
  --gutter:clamp(18px,5vw,40px);

  --r-sm:10px;
  --r-md:16px;
  --r-lg:22px;

  --shadow-soft:0 22px 60px -24px rgba(0,0,0,.45);
  --shadow-card:0 16px 40px -20px rgba(0,0,0,.5);

  --fs-display:clamp(2.9rem,7.4vw,6.1rem);
  --fs-h2:clamp(2.1rem,4.8vw,3.7rem);
  --fs-h3:clamp(1.35rem,2.4vw,1.7rem);

  --ease:cubic-bezier(.2,.7,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--white);
  color:var(--text);
  font-family:"Barlow",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:1.0625rem;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
h1,h2,h3{margin:0}
p{margin:0}
ul{margin:0;padding:0;list-style:none}

/* --- Acessibilidade ------------------------------------------------- */
.skip-link{
  position:absolute;left:12px;top:-60px;z-index:200;
  background:var(--red);color:#fff;padding:10px 16px;border-radius:8px;font-weight:600;
  transition:top .2s var(--ease);
}
.skip-link:focus{top:12px}
:focus-visible{outline:3px solid var(--gold-soft);outline-offset:2px;border-radius:4px}

/* --- Layout --------------------------------------------------------- */
.container{width:min(var(--max),100% - (var(--gutter) * 2));margin-inline:auto}
.container.narrow{max-width:860px}
.section{position:relative;padding:clamp(64px,9vw,110px) 0}
.section--dark{background:var(--ink);color:#fff}
.section--paper{background:var(--paper)}

/* Motivo de marca: disco vermelho reutilizável */
.disc{
  --d:8px;display:inline-block;width:var(--d);height:var(--d);border-radius:50%;
  background:var(--red);vertical-align:middle;flex:0 0 auto;
}

/* Kicker (usado com moderação, não em todas as secções) */
.kicker{
  display:inline-flex;align-items:center;gap:10px;
  font-family:"Barlow Condensed",sans-serif;font-weight:600;
  text-transform:uppercase;letter-spacing:.14em;font-size:.9rem;
  color:var(--red);margin:0 0 18px;
}
.section--dark .kicker{color:var(--gold-soft)}

/* Títulos display */
.display{
  font-family:"Barlow Condensed",sans-serif;font-weight:700;
  text-transform:uppercase;line-height:.95;letter-spacing:.005em;
}
h1.display{font-size:var(--fs-display)}
h2.display{font-size:var(--fs-h2)}
.lede{font-size:1.15rem;color:var(--text-soft);max-width:56ch}
.section--dark .lede{color:var(--text-dim)}

/* Regra dourada/vermelha sob títulos (device recorrente) */
.rule{width:64px;height:4px;border-radius:4px;background:var(--red);margin:20px 0 0}
.rule.gold{background:var(--gold)}

.tint-red{color:var(--red)}
.tint-gold{color:var(--gold)}
.section--dark .tint-gold{color:var(--gold-soft)}

/* --- Ícones SVG ----------------------------------------------------- */
.ico{width:1.5em;height:1.5em;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}

/* --- Botões --------------------------------------------------------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:0 24px;border-radius:var(--r-sm);
  font-weight:700;font-size:1.02rem;letter-spacing:.01em;
  border:1.5px solid transparent;transition:transform .18s var(--ease),
  background .18s var(--ease),box-shadow .18s var(--ease),color .18s var(--ease);
  text-align:center;
}
.btn .ico{width:1.25em;height:1.25em;stroke-width:1.9}
.btn--primary{
  background:var(--red);color:#fff;
  box-shadow:0 14px 30px -12px rgba(215,25,32,.7);
}
.btn--primary:hover{background:var(--red-deep);transform:translateY(-2px)}
.btn--whats{background:#1faa54;color:#fff}
.btn--whats:hover{background:#188a44;transform:translateY(-2px)}
.btn--ghost{border-color:rgba(255,255,255,.35);color:#fff;background:transparent}
.btn--ghost:hover{border-color:var(--gold-soft);color:var(--gold-soft);transform:translateY(-2px)}
.btn--ghost-dark{border-color:rgba(0,0,0,.22);color:var(--text);background:transparent}
.btn--ghost-dark:hover{border-color:var(--red);color:var(--red)}
.btn--sm{min-height:44px;padding:0 18px;font-size:.98rem}
.btn--block{width:100%}

.textlink{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--red)}
.textlink .ico{width:1.05em;height:1.05em;transition:transform .18s var(--ease)}
.textlink:hover .ico{transform:translateX(4px)}
.section--dark .textlink{color:var(--gold-soft)}

/* --- Cabeçalho / navegação ----------------------------------------- */
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(7,7,7,.82);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.08);
  transition:background .25s var(--ease),border-color .25s var(--ease);
}
.site-header.scrolled{background:rgba(7,7,7,.97)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
.brand{display:inline-flex;align-items:center;gap:12px}
.brand img{width:52px;height:52px;object-fit:contain}
.brand span{
  font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:.06em;font-size:1.05rem;color:#fff;line-height:1;
}
.brand span small{display:block;font-size:.62rem;letter-spacing:.28em;color:var(--gold-soft);font-weight:600}
.nav-links{display:flex;align-items:center;gap:26px}
.nav-links a:not(.btn){color:#e9e7e3;font-weight:600;font-size:.98rem;opacity:.85;transition:opacity .18s,color .18s}
.nav-links a:not(.btn):hover{opacity:1;color:var(--gold-soft)}
.nav-toggle{display:none;background:transparent;border:0;color:#fff;padding:6px}
.nav-toggle .ico{width:28px;height:28px;stroke-width:2}

/* --- Hero ----------------------------------------------------------- */
.hero{position:relative;overflow:hidden;background:var(--ink);color:#fff;
  padding:clamp(48px,7vw,88px) 0 clamp(56px,7vw,96px)}
.hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background:
    radial-gradient(120% 90% at 78% 30%,rgba(211,166,63,.10),transparent 55%),
    linear-gradient(180deg,transparent,rgba(0,0,0,.35));
}
.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;
  gap:clamp(28px,5vw,60px);align-items:center}
.hero-copy>*{opacity:0;transform:translateY(14px);animation:rise .7s var(--ease) forwards}
.hero-copy>*:nth-child(1){animation-delay:.05s}
.hero-copy>*:nth-child(2){animation-delay:.14s}
.hero-copy>*:nth-child(3){animation-delay:.22s}
.hero-copy>*:nth-child(4){animation-delay:.30s}
.hero-copy>*:nth-child(5){animation-delay:.38s}
.hero-copy>*:nth-child(6){animation-delay:.46s}
.hero-copy>*:nth-child(7){animation-delay:.54s}
@keyframes rise{to{opacity:1;transform:none}}

.hero h1{font-size:var(--fs-display);letter-spacing:.01em}
.hero h1 .line-2{color:var(--red);display:block}
.hero-sub{font-size:1.28rem;font-weight:600;margin-top:16px;color:#fff}
.hero-age{margin-top:8px;color:var(--text-dim);max-width:44ch}
.hero-age strong{color:var(--gold-soft);font-weight:700}

.offer-pill{
  display:flex;align-items:center;gap:16px;margin-top:26px;padding:16px 20px;
  border:1px solid rgba(211,166,63,.4);border-left:5px solid var(--gold);
  border-radius:12px;background:linear-gradient(90deg,rgba(211,166,63,.14),rgba(211,166,63,0));
  max-width:520px;
}
.offer-pill .amount{font-family:"Barlow Condensed",sans-serif;font-weight:700;
  font-size:2.4rem;line-height:.9;color:var(--gold-soft);white-space:nowrap}
.offer-pill .amount small{display:block;font-size:.72rem;letter-spacing:.22em;color:#cfc9bd}
.offer-pill p{font-size:.95rem;color:#e7e3da}
.offer-pill em{color:var(--gold-soft);font-style:normal}

.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hero-trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:24px;color:var(--text-dim);font-size:.95rem}
.hero-trust li{display:inline-flex;align-items:center;gap:8px}
.hero-trust .ico{width:1.15em;height:1.15em;color:var(--gold-soft)}

/* Visual do hero: disco vermelho (logótipo) + cutout De La Riva */
.hero-visual{position:relative;min-height:360px;display:flex;align-items:center;justify-content:center}
.hero-disc{
  position:absolute;width:min(78%,420px);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 42% 38%,#e23640,var(--red) 55%,var(--red-deep));
  box-shadow:0 40px 90px -30px rgba(215,25,32,.65),inset 0 0 60px rgba(0,0,0,.25);
}
.hero-disc::after{content:"";position:absolute;inset:0;border-radius:50%;
  border:1px solid rgba(255,255,255,.18)}
.hero-cut{position:relative;width:min(74%,430px);filter:drop-shadow(0 30px 40px rgba(0,0,0,.55));
  animation:rise .9s var(--ease) .2s both}

/* --- Banda de oferta (1 mês / 2 meses) ------------------------------ */
.offer-band{background:var(--ink-2);color:#fff;border-top:3px solid var(--red)}
.offer-band .container{padding-block:clamp(44px,6vw,64px)}
.offer-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px;margin-bottom:28px}
.tiers{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.tier{position:relative;padding:26px 26px 26px 30px;border:1px solid var(--panel-line);
  border-radius:var(--r-md);background:var(--panel);overflow:hidden}
.tier::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--gold)}
.tier .ico{width:34px;height:34px;color:var(--gold-soft);margin-bottom:14px}
.tier .amount{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:2.2rem;
  line-height:1;color:#fff}
.tier p{margin-top:8px;color:var(--text-dim)}
.tier p strong{color:var(--gold-soft);font-weight:700}
.offer-note{margin-top:20px;font-size:.92rem;color:#9a978f;display:flex;gap:10px;align-items:flex-start}
.offer-note .ico{width:1.15em;height:1.15em;color:var(--gold-soft);margin-top:2px}

/* --- Família -------------------------------------------------------- */
.family-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center}
.family-discount{margin:24px 0;padding:22px 24px;border-radius:var(--r-md);
  background:#fff;border:1px solid var(--paper-2);border-left:5px solid var(--red);
  box-shadow:0 18px 44px -28px rgba(0,0,0,.28)}
.family-discount .amount{font-family:"Barlow Condensed",sans-serif;font-weight:700;
  font-size:2.3rem;line-height:1;color:var(--red)}
.family-discount p{margin-top:6px;color:var(--text-soft)}
.family-media{position:relative}
.family-media .frame{border-radius:var(--r-lg);overflow:hidden;padding:18px;
  background:radial-gradient(120% 120% at 50% 15%,#fff,var(--paper-2));
  border:1px solid var(--paper-2)}
.family-media img{width:100%;max-width:440px;height:auto;margin-inline:auto}

/* --- Modalidades ---------------------------------------------------- */
.mod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px}
.mod{position:relative;border-radius:var(--r-md);overflow:hidden;background:var(--panel);
  border:1px solid var(--panel-line);display:flex;flex-direction:column}
.mod-photo{position:relative;aspect-ratio:4/3;overflow:hidden}
.mod-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.mod:hover .mod-photo img{transform:scale(1.05)}
.mod-photo::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(7,7,7,.75))}
.mod-tag{position:absolute;left:16px;top:16px;z-index:2;display:inline-flex;align-items:center;
  gap:8px;padding:7px 12px;border-radius:999px;background:rgba(7,7,7,.72);
  border:1px solid rgba(255,255,255,.16);font-size:.8rem;font-weight:600;color:var(--gold-soft)}
.mod-tag .ico{width:1.05em;height:1.05em}
.mod-body{padding:22px 24px 26px;position:relative}
.mod-body .ico-lg{width:38px;height:38px;color:var(--red);margin:-46px 0 12px;position:relative;z-index:2}
.section--dark .mod-body .ico-lg{color:var(--gold-soft)}
.mod h3{font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase;
  font-size:var(--fs-h3);color:#fff;letter-spacing:.02em}
.mod p{margin-top:8px;color:var(--text-dim)}

/* --- Escalões ------------------------------------------------------- */
.age-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}
.age{background:#fff;border:1px solid var(--paper-2);border-radius:var(--r-md);
  padding:24px 22px;position:relative;box-shadow:0 14px 34px -26px rgba(0,0,0,.25)}
.age .num{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:3.2rem;
  line-height:.9;color:var(--red)}
.age .num span{font-size:1.3rem;color:var(--text-soft)}
.age h3{margin-top:6px;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;
  font-size:1.2rem;letter-spacing:.03em;color:var(--ink)}
.age p{margin-top:8px;color:var(--text-soft);font-size:.98rem}

/* --- Professores ---------------------------------------------------- */
.prof-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(28px,5vw,64px);align-items:center}
.prof-media .frame{position:relative;border-radius:var(--r-lg);overflow:hidden;
  border:1px solid rgba(211,166,63,.28)}
.prof-media img{width:100%;aspect-ratio:3/4;max-height:640px;object-fit:cover;object-position:center 22%}
.prof-media .frame::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(7,7,7,.5))}
.ticks{display:grid;gap:12px;margin:22px 0 28px}
.ticks li{display:flex;gap:12px;align-items:flex-start;color:var(--text-dim)}
.ticks .ico{width:1.3em;height:1.3em;color:var(--gold-soft);margin-top:2px}

/* --- Galeria -------------------------------------------------------- */
.gallery{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-auto-rows:200px;gap:12px;margin-top:8px}
.gallery figure{margin:0;border-radius:var(--r-md);overflow:hidden;background:var(--paper-2)}
.gallery img{width:100%;height:100%;object-fit:cover}
.gallery .g-tall{grid-row:span 2}

/* --- Unidades ------------------------------------------------------- */
.unit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;margin-top:8px}
.unit{position:relative;border-radius:var(--r-md);padding:28px;
  background:linear-gradient(160deg,#181818,#0c0c0c);border:1px solid #2b2517;
  display:flex;flex-direction:column;gap:6px}
.unit .disc{--d:14px;margin-bottom:8px}
.unit h3{font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase;
  font-size:1.9rem;color:#fff;letter-spacing:.02em}
.unit .place{color:var(--gold-soft);font-size:.9rem;font-weight:600;letter-spacing:.04em}
.unit p{color:var(--text-dim);font-size:.96rem;margin-top:2px}
.unit-addr{display:inline-flex;align-items:flex-start;gap:8px;margin:4px 0 10px;
  color:var(--text-dim);font-size:.92rem;line-height:1.35;text-decoration:none;
  transition:color .18s var(--ease)}
.unit-addr .ico{color:var(--red);flex:none;margin-top:1px}
.unit-addr:hover,.unit-addr:focus-visible{color:#fff}
.unit-addr:hover .ico,.unit-addr:focus-visible .ico{color:var(--gold-soft)}
.unit .btn{margin-top:auto}

/* --- FAQ ------------------------------------------------------------ */
.faq{display:grid;gap:12px;margin-top:8px}
.faq details{background:#fff;border:1px solid var(--paper-2);border-radius:var(--r-sm);
  box-shadow:0 10px 26px -22px rgba(0,0,0,.3)}
.faq summary{list-style:none;cursor:pointer;padding:18px 52px 18px 22px;position:relative;
  font-weight:700;font-size:1.05rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:22px;top:50%;width:12px;height:12px;
  margin-top:-6px;border-right:2px solid var(--red);border-bottom:2px solid var(--red);
  transform:rotate(45deg);transition:transform .2s var(--ease)}
.faq details[open] summary::after{transform:rotate(225deg)}
.faq details p{padding:0 22px 20px;color:var(--text-soft)}

/* --- CTA final ------------------------------------------------------ */
.final{position:relative;overflow:hidden;background:var(--ink);color:#fff;
  padding:clamp(56px,8vw,96px) 0}
.final::before{content:"";position:absolute;right:-8%;top:50%;transform:translateY(-50%);
  width:min(60vw,540px);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 40% 40%,rgba(215,25,32,.5),transparent 62%);pointer-events:none}
.final-inner{position:relative;display:flex;align-items:center;justify-content:space-between;
  gap:32px;flex-wrap:wrap}
.final h2{font-size:clamp(2.4rem,6vw,4.6rem)}
.final .cta-row{display:flex;gap:12px;flex-wrap:wrap}

/* --- Rodapé --------------------------------------------------------- */
.site-footer{background:#050505;color:#a7a49f;padding:clamp(44px,6vw,64px) 0 28px;
  border-top:1px solid #1c1c1c}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:32px}
.footer-brand img{width:70px;margin-bottom:12px}
.footer-brand p{color:#cfccc6;font-weight:600}
.footer-brand .muted{color:#7d7a75;font-weight:400;font-size:.9rem;margin-top:6px;max-width:32ch}
.footer-col h4{color:#fff;font-family:"Barlow Condensed",sans-serif;font-weight:600;
  text-transform:uppercase;letter-spacing:.08em;font-size:1rem;margin-bottom:14px}
.footer-col a{display:block;padding:5px 0;color:#a7a49f;transition:color .18s}
.footer-col a:hover{color:#fff}

/* App OSS Manager */
.app-block h4{margin-bottom:6px}
.app-block .app-copy{color:#8f8c86;font-size:.92rem;margin-bottom:14px;max-width:34ch}
.stores{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:360px}
.footer-col a.store-badge{display:flex;align-items:center;gap:11px;min-height:56px;padding:0 14px;
  border:1px solid #333;border-radius:12px;background:#0c0c0c;color:#fff;
  transition:border-color .18s var(--ease),transform .18s var(--ease),background .18s var(--ease)}
.store-badge:hover,.store-badge:focus-visible{border-color:var(--gold);background:#111;transform:translateY(-2px)}
.store-badge svg{width:25px;height:25px;flex:0 0 auto}
.store-badge .t{display:flex;flex-direction:column;justify-content:center;line-height:1.12;min-width:0}
.store-badge .t small{font-size:.58rem;color:#9a978f;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.store-badge .t strong{font-size:.98rem;color:#fff;font-weight:600;white-space:nowrap;letter-spacing:.01em}
.app-partner{display:inline-flex;align-items:center;gap:8px;margin-top:14px;
  font-size:.82rem;color:#6f6c67}
.app-partner b{color:#c9c6c0;font-weight:600}

.footer-bottom{margin-top:34px;padding-top:20px;border-top:1px solid #1c1c1c;
  display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:.86rem;color:#7d7a75}

/* --- WhatsApp flutuante -------------------------------------------- */
.whats-float{position:fixed;right:18px;bottom:18px;z-index:95;width:56px;height:56px;
  border-radius:50%;display:grid;place-items:center;background:#1faa54;color:#fff;
  box-shadow:0 16px 34px -12px rgba(0,0,0,.5);transition:transform .18s var(--ease)}
.whats-float:hover{transform:scale(1.06)}
.whats-float .ico{width:28px;height:28px;stroke-width:1.6}

/* =====================================================================
   RESPONSIVO
===================================================================== */
@media (max-width:960px){
  .nav-toggle{display:inline-flex}
  .nav-links{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;
    gap:4px;padding:14px var(--gutter) 20px;background:#0a0a0a;border-top:1px solid #1e1e1e;
    box-shadow:var(--shadow-soft);display:none}
  .nav-links.open{display:flex}
  .nav-links a:not(.btn){padding:12px 4px;font-size:1.05rem}
  .nav-links .btn{margin-top:8px}

  .hero-grid,.family-grid,.prof-grid{grid-template-columns:1fr}
  .hero-visual{order:-1;min-height:auto}
  .hero-cut{width:min(80%,420px)}
  .hero-disc{width:min(64%,320px)}
  .tiers{grid-template-columns:1fr}
  .mod-grid{grid-template-columns:1fr 1fr}
  .age-grid{grid-template-columns:1fr 1fr}
  .unit-grid{grid-template-columns:1fr 1fr}
  .prof-media{order:-1;max-width:520px}
  .gallery{grid-template-columns:1fr 1fr;grid-auto-rows:180px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .final-inner{flex-direction:column;align-items:flex-start}
}

@media (max-width:560px){
  body{font-size:1rem}
  .hero-cta .btn,.final .btn{width:100%}
  .hero-cta,.final .cta-row{width:100%}
  .offer-pill{flex-direction:column;align-items:flex-start;gap:8px}
  .mod-grid,.age-grid,.faq,.unit-grid{grid-template-columns:1fr}
  .gallery{grid-template-columns:1fr 1fr;grid-auto-rows:150px}
  .gallery .g-tall{grid-row:span 1}
  .footer-grid{grid-template-columns:1fr}
  .brand span small{display:none}
}

/* --- Preferência de movimento reduzido ----------------------------- */
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto !important}
  .hero-copy>*,.hero-cut{animation:none !important;opacity:1 !important;transform:none !important}
  .btn,.mod-photo img,.store-badge,.whats-float,.textlink .ico{transition:none !important}
}