/* =====================================================================
   CarregaBR · carregador-com-midia.css · /carregador-com-midia/ (rodada "HUB e mídia", Equipe Mídia)
   AD Ultra, a estação de recarga com tela de mídia, como vitrine de tecnologia.
   A tela das fotos nunca aparece apagada: o conteúdo é HTML nosso (peças .cs com marcas
   fictícias), mapeado na perspectiva do vidro por matrix3d (carregador-com-midia.js).
   Tudo prefixado por .cm / .cs. Animação só com transform e opacity. Redução de movimento: parado.
   ===================================================================== */
.cm{
  --cm-ink:#F6F1EA;--cm-ink-2:#E6DED3;--cm-ink-3:#C9C0B4;
  --cm-cu:#D08B55;--cm-cu-2:#E8A87C;--cm-cu-3:#F2C29A;
  --cm-night:#070B18;--cm-studio:#0B0B0C;
  --cm-pad:clamp(88px,3rem + 6vw,168px);
  --mo-h:clamp(2.7rem,1.2rem + 4.8vw,6.25rem);--mo-ease:cubic-bezier(.22,.61,.36,1);
  overflow-x:clip;
}
.cm h1,.cm h2{line-height:.98;letter-spacing:-.04em}
.cm h2>.mo-kicker{display:block;margin:0 0 var(--s-5);max-width:none;text-wrap:wrap}
.cm-kicker{display:block;margin:0 0 var(--s-5);font:600 .9375rem/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cm-cu-3)}
.cm-h{font-size:var(--mo-h);text-wrap:balance}
.cm-nw{white-space:nowrap}
.cm-fine{margin:0;font:500 .9375rem/1.4 var(--mono);letter-spacing:.04em;color:var(--cm-ink-3)}
.cm .btn-primary{min-height:56px;padding-inline:32px;font-size:1.0625rem}
.cm [data-mo-tone="dark"] .btn-primary{background:#F6F1EA;color:#1C1B19}
.cm [data-mo-tone="dark"] .btn-primary:hover{background:#fff;box-shadow:0 14px 40px rgba(232,168,124,.28)}
.cm [data-mo-tone="dark"] .mo-link{color:var(--cm-ink)}
.cm [data-mo-tone="dark"] :focus-visible{outline-color:var(--accent-light)}

/* ---------- a tela: caixa 360 × 840 mapeada no vidro ---------- */
.cm-screen{position:absolute;left:0;top:0;width:360px;height:840px;transform-origin:0 0;overflow:hidden;border-radius:12px;background:#050506;pointer-events:none;
  backface-visibility:hidden}
.cm-screen[data-cm-screen]:not(.is-mapped):not([data-flat]),.cm-screen[data-cm-screen]:not(.has-paint):not([data-flat]){visibility:hidden}
.cm-screen--flat{background:#E9D8C4 center/cover no-repeat}
.cm-screen--flat[data-play^="mercado"]{background-image:url("../img/tela/tela-mercado-360.webp")}
.cm-screen--flat[data-play^="gelato"]{background-image:url("../img/tela/tela-gelato-360.webp")}
.cm-screen--flat[data-play^="cbr"]{background-image:url("../img/tela/tela-cbr-360.webp")}
.cm-screen::after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;
  background:linear-gradient(116deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.05) 24%,rgba(255,255,255,0) 38%,rgba(255,255,255,0) 72%,rgba(255,255,255,.05) 86%,rgba(255,255,255,0) 100%),radial-gradient(130% 80% at 50% 45%,transparent 62%,rgba(0,0,0,.22) 100%)}
.cm-screen::before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;opacity:.22;mix-blend-mode:overlay;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.cm-screen:not(.cm-screen--flat) .cs{filter:blur(.35px) saturate(1.06)}
.cm-screen--flat{position:relative;width:100%;height:100%;border-radius:inherit}
.cm-screen--flat .cs{width:360px;height:840px;transform-origin:0 0;scale:var(--k,1)}
.cm-glow{position:absolute;left:var(--gx,64%);top:var(--gy,50%);width:var(--gw,30%);aspect-ratio:.62;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(var(--g,232,168,124),.42),rgba(var(--g,232,168,124),.12) 55%,transparent 100%);mix-blend-mode:screen;opacity:.35;transition:opacity 1.2s var(--mo-ease)}

/* as peças (cada uma é um "anúncio" de 360 × 840, foto de campanha de ponta a ponta) */
.cs{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:40px 30px 44px;color:#FFF9F1;opacity:0;transform:scale(1.035);transition:opacity .55s var(--mo-ease),transform .9s var(--mo-ease);font-family:var(--body);overflow:hidden}
.cs.is-on{opacity:1;transform:none}
.cs p{margin:0}
.cs-bg{position:absolute;inset:0;z-index:0;background:var(--cs-c,#E9D8C4) center/cover no-repeat}
.cs.is-on .cs-bg{animation:csZoom 7s cubic-bezier(.2,.6,.3,1) both}
@keyframes csZoom{from{transform:scale(1.14)}to{transform:scale(1.02)}}
.cs>*:not(.cs-bg){position:relative;z-index:1}
.cs-foot{display:grid;gap:12px}
.cs.is-on .cs-foot>*,.cs.is-on>p{animation:csUp .8s var(--mo-ease) both}
.cs.is-on .cs-foot>:nth-child(1){animation-delay:.25s}
.cs.is-on .cs-foot>:nth-child(2){animation-delay:.4s}
.cs.is-on .cs-foot>:nth-child(3){animation-delay:.55s}
@keyframes csUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.cs-brand{font:700 1.75rem/1 var(--display);letter-spacing:-.02em;display:grid;gap:8px}
.cs-brand small{font:600 .9375rem/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;opacity:.9}

/* CarregaBR · Carregando: seda cobre e creme, barra de carga */
.cs--cbr{--cs-c:#F1D9C0;color:#2B1A0E}
.cs-cbr__mark{font:700 2.9rem/1 var(--display);letter-spacing:-.035em;color:#2B1A0E}
.cs-cbr__mark b{color:#A65A22}
.cs--cbr .cs-foot{padding:24px 22px 26px;margin:0 -8px;border-radius:22px;background:rgba(255,248,240,.62);box-shadow:0 18px 40px -20px rgba(120,60,20,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.cs-cbr__t{font:700 3.25rem/.95 var(--display);letter-spacing:-.05em;color:#2B1A0E}
.cs-cbr__bar{position:relative;height:24px;border-radius:999px;background:rgba(43,26,14,.2);overflow:hidden}
.cs-cbr__bar i{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#B8743F,#E8A87C 60%,#F8D2AE);transform-origin:0 50%;transform:scaleX(.78);box-shadow:0 0 22px rgba(232,168,124,.8)}
.cs-cbr__bar i::after{content:"";position:absolute;top:0;bottom:0;left:0;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent)}
.cs--cbr.is-on .cs-cbr__bar i{animation:csFill 5s cubic-bezier(.3,.1,.2,1) both}
.cs--cbr.is-on .cs-cbr__bar i::after{animation:csShine 1.8s ease-in-out .8s 3}
@keyframes csFill{from{transform:scaleX(.22)}to{transform:scaleX(.8)}}
@keyframes csShine{from{transform:translateX(-120%)}to{transform:translateX(420%)}}
.cs-cbr__s{font:600 1rem/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#8A4A1C}

/* Café Grão Alto (marca fictícia) */
.cs--cafe{--cs-c:#C66A2E}
.cs--cafe .cs-bg::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(180deg,rgba(150,70,25,0),rgba(150,70,25,.55))}
.cs-cafe__t{font:700 3.3rem/.98 var(--display);letter-spacing:-.045em;text-shadow:0 2px 24px rgba(90,40,10,.25)}

/* Lumi gelato (marca fictícia) */
.cs--gelato{--cs-c:#F6C7D1;color:#5A1F45;justify-content:flex-end}
.cs-gelato__t{font:700 7rem/.82 var(--display);letter-spacing:-.06em;color:#7A2357}
.cs-gelato__s{font:600 1.3rem/1.3 var(--body);color:#5A1F45}

/* Atelier Nove (marca fictícia) */
.cs--moda{--cs-c:#E2B48E;color:#3A1E12}
.cs-moda__k{font:600 1.0625rem/1 var(--mono);letter-spacing:.34em;text-transform:uppercase;color:#3A1E12}
.cs-moda__t{font:600 4.4rem/.92 var(--display);letter-spacing:-.05em;color:#FFF6EC;text-shadow:0 2px 30px rgba(80,30,10,.35)}
.cs-moda__s{font:600 1rem/1 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:#FFF0E2}

/* Mercado Aurora (marca fictícia, promoção da loja) */
.cs--mercado{--cs-c:#7CBF3A}
.cs-merc__k{justify-self:start;align-self:flex-start;padding:10px 16px;border-radius:999px;background:#FFE14D;color:#1E4A16;font:700 1rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.cs--mercado .cs-bg::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(180deg,rgba(25,90,20,0),rgba(25,90,20,.6))}
.cs-merc__t{font:700 4.8rem/.88 var(--display);letter-spacing:-.055em;text-shadow:0 2px 26px rgba(10,50,10,.35)}
.cs-merc__s{font:600 1.25rem/1.3 var(--body)}

/* Sua marca */
.cs--sua{--cs-c:#F4E9DC;color:#16323A;justify-content:flex-end}
.cs-sua__t{font:700 4.2rem/.9 var(--display);letter-spacing:-.05em}
.cs-sua__t b{display:block;color:#E2563C}
.cs-sua__s{font:600 1.2rem/1.35 var(--body);color:#16323A}

/* ---------- 1 · abertura ---------- */
.cm-open{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;color:var(--cm-ink);background:var(--cm-night);overflow:hidden;isolation:isolate}
.cm-open__media{position:absolute;inset:0;z-index:-1;overflow:hidden}
.cm-open__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.cm-open__media>picture img,.cm-open__night img{transform-origin:64% 50%}
.cm-open__night{position:absolute;inset:0;opacity:0}
.cm-open__media::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,rgba(6,9,20,.78) 0%,rgba(6,9,20,.5) 30%,rgba(6,9,20,0) 54%),linear-gradient(0deg,rgba(6,9,20,.55) 0%,rgba(6,9,20,0) 26%)}
.cm-open__in{position:relative;z-index:4;padding-block:calc(var(--nav-h) + 40px) clamp(96px,14vh,150px)}
.cm-open h1{font-size:clamp(3.2rem,1.1rem + 5vw,6.75rem);max-width:9.5ch;text-wrap:balance;margin:0}
.cm-open__lead{margin:var(--s-6) 0 var(--s-5);max-width:31ch;font:400 clamp(1.1rem,1rem + .5vw,1.45rem)/1.45 var(--body);color:var(--cm-ink-2)}
.cm-open__foot{position:absolute;z-index:4;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);padding:0 max(20px,calc((100vw - 1180px)/2)) 26px}
.cm-pause{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 18px 8px 14px;border:1px solid rgba(246,241,234,.3);border-radius:999px;background:rgba(10,12,20,.35);color:var(--cm-ink);font:600 .9375rem/1 var(--body);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.cm-pause:hover{border-color:rgba(246,241,234,.6)}
.cm-pause .icon{width:16px;height:16px}
.cm-pause .i-play,.cm-pause[aria-pressed="true"] .i-pause{display:none}
.cm-pause[aria-pressed="true"] .i-play{display:block}
html:not(.js) .cm-pause,.cm-pause[hidden]{display:none}
/* o filme: o vídeo (Seedance 2.5) leva do fim de tarde à noite; sem vídeo, a foto assenta e a noite entra por cima */
.cm-open__layer{position:absolute;inset:0;z-index:2;transform-origin:64% 50%}
.cm-open__video{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:60% 50%;opacity:0;transition:opacity .6s}
.cm-open__video.is-playing{opacity:1}
.cm-open.has-video .cm-open__night{display:none}
.cm-open.is-night .cm-open__night{opacity:1;transition:opacity 7s cubic-bezier(.45,.05,.35,1)}
.cm-open .cm-screen{box-shadow:0 0 34px rgba(var(--g,232,168,124),.28);transition:box-shadow 4s var(--mo-ease)}
.cm-open.is-night .cm-screen{box-shadow:0 0 50px 2px rgba(var(--g,232,168,124),.34),0 0 180px 24px rgba(var(--g,232,168,124),.14)}
.cm-open.is-night .cm-glow{opacity:1;transition:opacity 4s var(--mo-ease)}
.cm-open .cm-floor{opacity:0;transition:opacity 4s var(--mo-ease)}
.cm-open.is-night .cm-floor{opacity:.85}
.cm-spill{position:absolute;z-index:2;left:var(--sx,46%);top:var(--sy,55%);width:var(--sw,26%);aspect-ratio:1.3;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;mix-blend-mode:soft-light;opacity:0;background:radial-gradient(closest-side,rgba(var(--g,232,168,124),.9),transparent);transition:opacity 4s var(--mo-ease)}
.cm-open.is-night .cm-spill{opacity:.7}
.js .cm-open__in>*:not(h1){opacity:0;transform:translateY(18px);transition:opacity 1.1s var(--mo-ease),transform 1.1s var(--mo-ease)}
.js .cm-open__in>h1{transform:translateY(18px);transition:transform 1.1s var(--mo-ease)}
.js .cm-open.is-lit .cm-open__in>*{opacity:1;transform:none}
.js .cm-open.is-lit .cm-open__in>:nth-child(2){transition-delay:.25s}
.js .cm-open.is-lit .cm-open__in>:nth-child(3){transition-delay:.45s}
@media (max-width:760px) and (orientation:portrait){
  .cm-open{min-height:0;justify-content:flex-start}
  .cm-open__media{position:relative;inset:auto;z-index:0;width:100%;aspect-ratio:1267/1584;margin-top:calc(var(--nav-h) - 8px)}
  .cm-open__media img{object-position:50% 50%}
  .cm-open__media::after{background:linear-gradient(180deg,rgba(6,9,20,.55) 0%,rgba(6,9,20,0) 22%),linear-gradient(0deg,var(--cm-night) 0%,rgba(7,11,24,0) 22%)}
  .cm-open__in{order:2;padding-block:4px 40px}
  .cm-open h1{font-size:clamp(2.6rem,1rem + 8vw,3.6rem);max-width:none}
  .cm-open__foot{position:static;order:3;padding:0 20px 28px}
}

/* ---------- 2 · interativo em estúdio ---------- */
.cm-try{background:radial-gradient(38% 62% at 72% 52%,#222 0%,#181818 55%,#111112 100%);color:var(--cm-ink);padding-block:var(--cm-pad)}
.cm-try__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,96px);align-items:center}
.cm-try__lead{margin:var(--s-6) 0 0;max-width:34ch;font:400 clamp(1.1rem,1rem + .45vw,1.35rem)/1.5 var(--body);color:var(--cm-ink-2)}
.cm-pick{display:grid;gap:12px;margin-top:var(--s-7)}
.cm-pick button{display:grid;gap:4px;justify-items:start;text-align:left;min-height:64px;padding:16px 22px 16px 54px;border:1px solid rgba(246,241,234,.18);border-radius:18px;background:rgba(255,255,255,.03);color:var(--cm-ink);cursor:pointer;position:relative;transition:border-color .35s,background-color .35s,transform .35s var(--mo-ease)}
.cm-pick button::before{content:"";position:absolute;left:22px;top:22px;width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(246,241,234,.5);transition:border-color .3s,background-color .3s,box-shadow .3s}
.cm-pick button b{font:600 clamp(1.15rem,1rem + .4vw,1.4rem)/1.2 var(--display);letter-spacing:-.01em}
.cm-pick button span{font:400 .9375rem/1.45 var(--body);color:var(--cm-ink-3)}
.cm-pick button:hover{border-color:rgba(246,241,234,.4);background:rgba(255,255,255,.05)}
.cm-pick button[aria-pressed="true"]{border-color:rgba(232,168,124,.75);background:rgba(232,168,124,.08)}
.cm-pick button[aria-pressed="true"]::before{border-color:#E8A87C;background:#E8A87C;box-shadow:0 0 0 4px rgba(232,168,124,.2),0 0 18px rgba(232,168,124,.6)}
.cm-pick button:focus-visible{outline:3px solid var(--accent-light);outline-offset:3px}
.cm-fine--try{margin-top:var(--s-6)}
.cm-try__fig{margin:0}
.cm-try__stage{position:relative;aspect-ratio:1376/2080;max-height:88vh;margin-inline:auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 86%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 86%,transparent);mask-composite:intersect}
.cm-try__stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cm-try .cm-screen{z-index:1}
.cm-glow--studio{z-index:2;opacity:.45}
@media (max-width:900px){
  .cm-try__grid{grid-template-columns:1fr}
  .cm-try__fig{order:-1;max-width:520px;width:100%;margin-inline:auto}
  .cm-try{background:radial-gradient(70% 34% at 50% 22%,#222 0%,#181818 55%,#111112 100%)}
}

/* ---------- 3 · uma peça, duas funções ---------- */
.cm-duo{background:var(--canvas);padding-block:var(--cm-pad)}
.cm-duo__h{max-width:12ch}
.cm-duo__row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,96px);margin-top:clamp(48px,6vw,96px);border-top:1px solid var(--line-strong)}
.cm-duo__it{padding-top:var(--s-6)}
.cm-duo__k{margin:0;font:600 .9375rem/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}
.cm-big{margin:var(--s-4) 0 0;font:700 clamp(3.6rem,1.6rem + 6.6vw,9rem)/.9 var(--display);letter-spacing:-.055em;color:var(--text-primary);white-space:nowrap}
.cm-big small{margin-left:.14em;font-size:.32em;letter-spacing:-.01em;color:var(--accent-text)}
.cm-duo__p{margin:var(--s-5) 0 0;max-width:32ch;font-size:clamp(1.05rem,1rem + .25vw,1.2rem);line-height:1.55;color:var(--text-secondary)}
@media (max-width:760px){.cm-duo__row{grid-template-columns:1fr}}

/* ---------- 4 · onde faz sentido ---------- */
.cm-uses{background:var(--panel);padding-block:var(--cm-pad);border-top:1px solid var(--line)}
.cm-uses__h{max-width:13ch}
.cm-uses__lead{margin:var(--s-6) 0 0;max-width:46ch;font-size:clamp(1.1rem,1rem + .4vw,1.3rem);line-height:1.55;color:var(--text-secondary)}
.cm-uses__list{list-style:none;margin:clamp(48px,6vw,88px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px)}
.cm-use{display:grid;justify-items:start}
.cm-use h3{margin:var(--s-6) 0 0;font:600 clamp(1.4rem,1.1rem + .9vw,1.9rem)/1.15 var(--display);letter-spacing:-.025em}
.cm-use p{margin:var(--s-3) 0 0;font-size:1.0625rem;line-height:1.55;color:var(--text-secondary);max-width:30ch}
.cm-mini,.cm-totem{position:relative;box-sizing:content-box;width:var(--mw,170px);aspect-ratio:360/840;padding:calc(var(--mw,170px)*.2) calc(var(--mw,170px)*.09) calc(var(--mw,170px)*.3);border-radius:calc(var(--mw,170px)*.07) calc(var(--mw,170px)*.07) calc(var(--mw,170px)*.04) calc(var(--mw,170px)*.04);
  background:linear-gradient(90deg,#D9D7D2 0%,#EEECE8 40%,#D2CFC9 100%);box-shadow:0 34px 60px -30px rgba(28,27,25,.5),inset -6px 0 0 rgba(0,0,0,.06)}
.cm-mini::before,.cm-totem::before{content:"";position:absolute;left:calc(var(--mw,170px)*.04);right:calc(var(--mw,170px)*.04);top:calc(var(--mw,170px)*.14);bottom:calc(var(--mw,170px)*.22);border-radius:calc(var(--mw,170px)*.04);background:#2A2B2F}
.cm-mini::after,.cm-totem::after{content:"";position:absolute;left:22%;right:22%;bottom:calc(var(--mw,170px)*.07);height:calc(var(--mw,170px)*.07);background:linear-gradient(90deg,#26272B 0 42%,transparent 42% 58%,#26272B 58% 100%);border-radius:2px}
.cm-mini .cm-screen,.cm-totem .cm-screen{position:relative;border-radius:calc(var(--mw,170px)*.025);width:100%;height:100%}
.cm-mini--night{background:linear-gradient(90deg,#3A3C44 0%,#5A5D66 40%,#33353C 100%);box-shadow:0 40px 80px -24px rgba(232,168,124,.55),0 0 90px rgba(232,168,124,.18)}
.cm-fine--uses{margin-top:var(--s-7);color:var(--text-dim)}
@media (max-width:900px){
  .cm-uses__list{grid-template-columns:1fr;gap:56px}
  .cm-use{grid-template-columns:auto 1fr;column-gap:24px;align-items:center}
  .cm-use .cm-mini{--mw:96px;grid-row:1/3}
  .cm-use h3{margin:0;align-self:end}
  .cm-use p{align-self:start}
}

/* ---------- 5 · essencial e perguntas ---------- */
.cm-specs{background:var(--canvas);padding-block:clamp(72px,3rem + 4vw,128px);border-top:1px solid var(--line)}
.cm-specs__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(40px,6vw,112px);align-items:start}
.cm-specs h2{font-size:clamp(2.3rem,1.4rem + 2.6vw,3.6rem)}
.cm-specs__lead{margin:var(--s-5) 0 0;max-width:58ch;font-size:1.0625rem;line-height:1.65;color:var(--text-secondary)}
.cm-specs__lead a{color:var(--accent-text)}
.cm-sheet{margin-top:var(--s-6);border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}
.cm-sheet summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;cursor:pointer;list-style:none;font:600 1.125rem/1.2 var(--display);color:var(--text-primary)}
.cm-sheet summary::-webkit-details-marker{display:none}
.cm-sheet summary .icon{width:20px;height:20px;color:var(--accent-text);transition:transform var(--t) var(--mo-ease)}
.cm-sheet[open] summary .icon{transform:rotate(180deg)}
.cm-sheet summary:focus-visible{outline:3px solid var(--accent-text);outline-offset:4px}
.cm-sheet .spec-sheet{margin:0 0 var(--s-4)}
.cm-sheet .spec-sheet__src{margin-bottom:var(--s-5)}
.cm-docs{margin-top:var(--s-6)}
.cm-specs__h{margin:0 0 var(--s-4);font:600 .9375rem/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}
@media (max-width:900px){.cm-specs__grid{grid-template-columns:1fr}}

/* nenhum texto abaixo de 15 px (regra das páginas de momento) */
.cm .spec-sheet dt,.cm .spec-sheet dd small,.cm .spec-sheet__src,.cm .doc__m{font-size:.9375rem}

/* ---------- 6 · fechamento ---------- */
.cm-end{position:relative;min-height:min(100svh,62vw);display:flex;flex-direction:column;justify-content:center;color:var(--cm-ink);background:#05070D;overflow:hidden;isolation:isolate}
.cm-end__media{position:absolute;inset:0;z-index:-1;overflow:hidden}
.cm-end__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.cm-end__media::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(4,6,12,.82) 0%,rgba(4,6,12,.5) 32%,rgba(4,6,12,0) 52%)}
.cm-end .cm-screen{z-index:2;box-shadow:0 0 50px 2px rgba(var(--g,232,168,124),.36),0 0 180px 24px rgba(var(--g,232,168,124),.14)}
.cm-end .cm-glow{z-index:2;opacity:1}
.cm-end__in{position:relative;z-index:4;padding-block:clamp(96px,12vh,140px)}
.cm-end__in h2{max-width:9ch}
.cm-end__lead{margin:var(--s-6) 0 var(--s-7);max-width:32ch;font:400 clamp(1.1rem,1rem + .45vw,1.35rem)/1.5 var(--body);color:var(--cm-ink-2)}
.cm-end__foot{position:absolute;z-index:4;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);padding:0 max(20px,calc((100vw - 1180px)/2)) 26px}
.cm-floor{position:absolute;z-index:2;left:var(--fx,63%);top:var(--fy,90%);width:var(--fw,34%);aspect-ratio:4.2;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;mix-blend-mode:screen;opacity:.75;
  background:radial-gradient(closest-side,rgba(var(--g,232,168,124),.38),rgba(var(--g,232,168,124),.1) 60%,transparent)}
@media (max-width:760px) and (orientation:portrait){
  .cm-end{min-height:0;justify-content:flex-start}
  .cm-end__media{position:relative;inset:auto;z-index:0;width:100%;aspect-ratio:1267/1584}
  .cm-end__media img{object-position:50% 50%}
  .cm-end__media::after{background:linear-gradient(0deg,#05070D 0%,rgba(5,7,13,0) 24%)}
  .cm-end__in{padding-block:8px 32px}
  .cm-end__foot{position:static;padding:0 20px 28px}
}

@media (prefers-reduced-motion:reduce){
  .cm *,.cm *::before,.cm *::after{animation:none!important;transition:none!important}
  .cm-open__night{opacity:1}
  .cm-open .cm-glow{opacity:1}
  .cm-open .cm-screen .cs{filter:none}
}