/* =========================================================
   Reino Buffet & Eventos · estilo.css (proposta Dynamis)
   Mesmo sistema do site da Mareto: Poppins + Barlow Condensed + Fraunces,
   cabeçalho em cápsula, hero com foto à direita, linhas finas no lugar de
   caixas e o efeito "Caixa" no scroll. Cores da Reino: ébano, cacau, dourado e porcelana.
   Ordem: tokens · base · tipografia · botões · cabeçalho · hero ·
   seções · home · subpáginas · rodapé · wireframe · movimento · responsivo
   ========================================================= */

/* ---------- tokens ---------- */
:root{
 --deep:#12100D;--em:#231A13;--em2:#2E241B;--em3:#3A2E22;
 --neon:#C9A15A;--neon2:#E8D2A0;--white:#FFFFFF;
 --soft:rgba(255,255,255,.72);--mut:rgba(255,255,255,.56);
 --rule:rgba(255,255,255,.12);--rule2:rgba(255,255,255,.24);
 --light:#F6F2EC;--ink:#221C15;--body:#54493E;--label:#6E6458;--line:#ECE4D7;--line2:#DCD0BC;
 --ok:#7E602C;--okbg:#F1E6CF;--field:#FBF8F3;--field-line:#E3D9C7;--danger:#A6261C;--danger-bg:#FDEEEC;
 --wa:#25D366;
 --dynamis:#2B5BD7;--dynamis-fundo:#EAF0FB;--dynamis-tinta:#1B2A4A;
 --sans:'Poppins',system-ui,sans-serif;
 --cond:'Barlow Condensed','Arial Narrow',sans-serif;
 --serif:'Fraunces',Georgia,serif;
 --r-card:16px;--r-media:12px;
 --sec:clamp(84px,9.5vw,136px);
 --ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.4,0,1,1);
 color-scheme:dark;interpolate-size:allow-keywords
}

/* ---------- base ---------- */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip;scrollbar-color:var(--em3) var(--deep);caret-color:var(--neon);-webkit-text-size-adjust:100%}
body{font-family:var(--sans);background:var(--deep);color:var(--soft);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--neon);color:var(--deep)}
a{color:inherit;text-decoration:none}
img,svg,video{display:block;max-width:100%}
ul,ol{list-style:none}
button{font:inherit;color:inherit}
.in{max-width:1240px;margin:0 auto;padding-inline:clamp(20px,4vw,48px)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--neon);outline-offset:4px;border-radius:6px}
.lt a:focus-visible,.lt button:focus-visible,.lt summary:focus-visible,form :focus-visible{outline-color:var(--ok)}
.pular{position:absolute;left:12px;top:-80px;z-index:100;padding:12px 18px;border-radius:999px;background:var(--neon);color:var(--deep);font-weight:600;transition:top .2s}
.pular:focus{top:12px}
main:focus{outline:none}

/* ---------- tipografia ---------- */
h1,h2,h3,h4{font-family:var(--sans);font-weight:600;color:#fff;letter-spacing:-.025em;line-height:1.08;text-wrap:balance}
h3,h4{line-height:1.22}
.neon{color:var(--neon)}
.lt .neon{color:var(--ok)}
.h-a{display:block;font-family:var(--cond);font-weight:600;text-transform:uppercase;font-size:clamp(54px,8.4vw,124px);letter-spacing:-.005em;line-height:.88;color:#fff}
.h-b{display:block;margin-top:14px;font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(30px,3.6vw,52px);letter-spacing:-.01em;line-height:1.05;color:var(--neon2)}
.lead{font-size:17px;color:rgba(255,255,255,.72);max-width:500px}
p{text-wrap:pretty}

/* ---------- botões ----------
   b1 = ação principal (uma por bloco) · b2 = alternativa · lnk = navegação discreta */
.b1,.b2{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;border-radius:999px;font:600 15px/1.2 var(--sans);letter-spacing:-.005em;cursor:pointer;border:0;text-align:left;
 transition:background-color .25s var(--ease-out),border-color .25s var(--ease-out),color .25s var(--ease-out),transform .2s var(--ease-out)}
.b1{background:var(--neon);color:var(--deep);padding:7px 7px 7px 24px}
.b1 .ic{width:40px;height:40px;border-radius:50%;background:var(--deep);color:var(--neon);display:grid;place-items:center;flex:none;overflow:hidden}
.b1:hover{background:var(--neon2)}
.b2{background:transparent;border:1px solid var(--rule2);color:#fff;padding:0 26px;justify-content:center}
.b2:hover{border-color:var(--neon);color:var(--neon2);background:rgba(201,161,90,.06)}
.b1:active,.b2:active{transform:scale(.97);transition-duration:.1s}
.b1.sm{min-height:46px;padding:5px 5px 5px 20px;font-size:14px;gap:12px}.b1.sm .ic{width:36px;height:36px}
.lt .b1,form .b1{background:var(--ink);color:#fff}
.lt .b1 .ic,form .b1 .ic{background:var(--neon);color:var(--ink)}
.lt .b1:hover,form .b1:hover{background:var(--em3)}
.lt .b2{border-color:var(--line2);color:var(--ink)}
.lt .b2:hover{border-color:var(--ok);color:var(--ok);background:rgba(126,96,44,.05)}

.lnk{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:15px;color:var(--neon);padding-block:6px;
 background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .35s var(--ease-out),color .25s}
.lnk:hover,a:hover .lnk{background-size:calc(100% - 26px) 1px}
.lnk svg{flex:none}
.lt .lnk{color:var(--ok)}
@media (pointer:coarse){a.lnk{min-height:44px}}

.ar{transition:transform .35s var(--ease-out)}
a:hover .ar,button:hover .ar{animation:mx-nudge .5s var(--ease-out)}
a:hover .wa-i,button:hover .wa-i{transform:scale(1.1)}
.wa-i{transition:transform .3s var(--ease-out)}
@keyframes mx-nudge{0%{transform:none}45%{transform:translateX(140%)}46%{transform:translateX(-140%)}100%{transform:none}}

/* ---------- cabeçalho ---------- */
.hdr{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));left:0;right:0;z-index:50;transition:transform .55s var(--ease-out)}
.hdr.is-hidden{transform:translateY(calc(-100% - 24px))}
.bar{display:flex;align-items:center;gap:20px;height:66px;padding:0 9px 0 18px;border-radius:999px;background:rgba(18,16,13,.62);border:1px solid var(--rule);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);transition:background-color .35s}
.hdr.is-scrolled .bar{background:rgba(18,16,13,.88)}
.logo{display:block;flex:none}
.logo img{height:48px;width:auto}
.dnav{display:flex;gap:30px;margin-left:auto;font-size:14px;font-weight:500;color:var(--soft)}
.dnav a{position:relative;padding-block:8px;transition:color .2s}
.dnav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--neon);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease-out)}
.dnav a:hover{color:#fff}
.dnav a:hover::after{transform:scaleX(1);transform-origin:left}
.dnav a[aria-current="page"]{color:#fff}
.dnav a[aria-current="page"]::after{transform:scaleX(1);height:2px;border-radius:2px}
.hdr .b1{margin-left:14px;white-space:nowrap}
.burger{display:none;margin-left:auto;width:44px;height:44px;border-radius:50%;border:1px solid var(--rule2);background:transparent;color:#fff;cursor:pointer}
.mnav{margin-top:10px;border-radius:22px;background:rgba(18,16,13,.96);border:1px solid var(--rule);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:10px;display:grid;gap:2px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);
 transition:opacity .24s var(--ease-out),transform .32s var(--ease-out)}
@starting-style{.mnav{opacity:0;transform:translateY(-8px) scale(.985)}}
.mnav[hidden]{display:none!important}
.mnav a:not(.b1){padding:14px 16px;border-radius:14px;font-size:16px;font-weight:500;color:#fff}
.mnav a:not(.b1):hover,.mnav a:not(.b1):focus-visible{background:rgba(255,255,255,.06)}
.mnav a[aria-current="page"]{background:rgba(255,255,255,.06);color:var(--neon)}
.mnav .b1{margin:8px 6px 6px}

/* ---------- hero (home) ---------- */
/* Hero da Reino: foto num arco (a cloche) à esquerda, contorno dourado deslocado
   ecoando a cúpula, texto à direita e faixa de serviços em itálico no pé. */
.hero{position:relative;min-height:min(920px,100svh);display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:var(--em)}
.hc{position:relative;z-index:3;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(48px,6vw,104px);align-items:center;padding-top:118px;padding-bottom:124px}
.harco{position:relative;height:clamp(500px,calc(100svh - 250px),680px);aspect-ratio:4/5}
.harco::before{content:"";position:absolute;inset:-16px -16px 16px 16px;z-index:-1;border:1px solid rgba(201,161,90,.42);border-radius:50% 50% 22px 22px/40% 40% 22px 22px;pointer-events:none}
.hbg{position:absolute;inset:0;overflow:hidden;border-radius:50% 50% 18px 18px/40% 40% 18px 18px;background:var(--em2)}
.hph{position:absolute;inset:-10% 0 0 0;background-size:cover;background-position:50% 40%;filter:contrast(1.06) saturate(1.22) brightness(1.05)}
.htxt{max-width:600px}
.hero h1{font-weight:400;line-height:1}
.hero .h-a{font-size:clamp(54px,6.6vw,104px)}
.hero .h-b{font-size:clamp(30px,3.2vw,48px)}
.hero .lead{margin-top:26px;max-width:470px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:40px}
.hchips{position:absolute;z-index:3;left:50%;bottom:-18px;translate:-50% 0;white-space:nowrap}
.fc1{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:var(--deep);border:1px solid rgba(201,161,90,.42);font-size:13px;font-weight:500;color:#fff}
.fc1 .dt{width:7px;height:7px;border-radius:50%;background:var(--neon)}
.tick{position:absolute;z-index:3;left:0;right:0;bottom:0;border-top:1px solid var(--rule);overflow:hidden;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.tt{display:flex;align-items:center;width:max-content;animation:tk 46s linear infinite;padding:18px 0}
.tick:hover .tt{animation-play-state:paused}
.tt span{font-family:var(--serif);font-style:italic;font-weight:300;font-size:24px;letter-spacing:-.005em;color:var(--neon2);padding:0 30px;white-space:nowrap}
.tt i{width:5px;height:5px;transform:rotate(45deg);background:var(--neon);opacity:.7;flex:none}
@keyframes tk{to{transform:translateX(-50%)}}

/* ---------- hero das subpáginas ---------- */
.phero{position:relative;min-height:min(640px,82vh);display:flex;align-items:flex-end;overflow:hidden;background:var(--em)}
.phero .pbg{position:absolute;top:0;bottom:0;right:0;width:66%;background-size:cover;background-position:center;filter:saturate(1.22) contrast(1.06) brightness(1.06)}
.phero .ptint{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--em) 0%,var(--em) 33%,rgba(35,26,19,.6) 40%,rgba(35,26,19,.12) 50%,rgba(35,26,19,0) 58%),linear-gradient(180deg,rgba(18,16,13,.45) 0%,rgba(18,16,13,0) 16%,rgba(18,16,13,0) 82%,rgba(35,26,19,.85) 100%)}
.phero .in{position:relative;z-index:2;width:100%;padding-top:150px;padding-bottom:80px}
.crumb{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--mut)}
.crumb a{color:var(--soft);transition:color .2s}.crumb a:hover{color:var(--neon)}
.crumb i{width:4px;height:4px;border-radius:50%;background:var(--neon)}
.phero h1{margin-top:22px;max-width:920px;font-weight:400;line-height:1}
.phero .lead{margin-top:20px;max-width:520px}
.phero .cta{margin-top:30px}

/* ---------- seções ---------- */
section.s{padding-block:var(--sec);position:relative}
.e0{background:var(--deep)}
.e1{background:var(--em)}
.e2{background:linear-gradient(180deg,var(--em) 0%,var(--deep) 100%)}
.lt{background:var(--light);color:var(--body)}
.bgl{background:var(--light)}
.lt h2,.lt h3,.lt h4{color:var(--ink)}
.hd{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:48px;align-items:end;margin-bottom:clamp(44px,6vw,80px)}
.hd h2{font-size:clamp(34px,4.4vw,60px);letter-spacing:-.03em;line-height:1.03;max-width:15ch}
.hd p{max-width:400px;justify-self:end;font-size:16.5px}
.sec-ft{display:flex;justify-content:flex-start;margin-top:36px}

.rl{border-top:1px solid var(--rule)}
.rl li{padding:11px 0;border-bottom:1px solid var(--rule);font-size:14.5px;font-weight:500;color:#fff}
.lt .rl{border-color:var(--line2)}.lt .rl li{border-color:var(--line2);color:var(--ink)}

/* ---------- home: ocasiões (um destaque + dois apoios) ---------- */
.svx{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:1fr 1fr;gap:20px}
.sv{position:relative;display:flex;flex-direction:column;border-radius:var(--r-card);background:rgba(255,255,255,.03);border:1px solid var(--rule);padding:10px;color:inherit;transition:border-color .3s,background-color .3s}
.sv:hover{border-color:rgba(201,161,90,.42);background:rgba(255,255,255,.045)}
.sv.feat{grid-row:1/span 2}
.ph{position:relative;overflow:hidden;border-radius:var(--r-media);background:var(--em2)}
.im{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1s var(--ease-out)}
.sv:hover .im{transform:scale(1.045)}
.sv .ph{aspect-ratio:16/10}
.sv.feat .ph{flex:1;aspect-ratio:auto;min-height:320px}
.sv:not(.feat){flex-direction:row}
.sv:not(.feat) .ph{width:38%;flex:none;aspect-ratio:auto}
.sv .bd{display:flex;flex-direction:column;padding:20px 16px 10px 22px;flex:1;min-width:0}
.sv.feat .bd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;align-content:start;gap:0 40px;padding:28px 20px 16px 22px;flex:none}
.sv.feat .lnk{align-self:end}
.sv h3{font-size:clamp(20px,1.8vw,23px)}
.sv.feat h3{font-size:clamp(24px,2.2vw,30px)}
.sv p{margin-top:8px;font-size:15px}
.sv .rl{margin-top:18px}
.sv.feat .rl{margin-top:4px;grid-row:1/span 3;grid-column:2}
.sv .lnk{margin-top:auto;padding-top:18px;align-self:flex-start}

/* ---------- home: os quatro formatos por horário ---------- */
.nrg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule)}
.nrc{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:22px;min-height:220px;padding:26px 24px 24px;border-bottom:1px solid var(--rule);border-right:1px solid var(--rule);color:#fff;transition:background-color .3s,color .3s,border-color .3s}
.nrc b{font-family:var(--cond);font-weight:600;font-size:clamp(44px,4.2vw,62px);line-height:.88;letter-spacing:.01em;white-space:nowrap;font-variant-numeric:tabular-nums;transition:color .3s}
.nrc strong{display:block;font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.nrc span{display:block;margin-top:6px;font-size:14.5px;font-weight:500;line-height:1.4;color:var(--soft);max-width:24ch;transition:color .3s}
.nrc>svg{position:absolute;top:26px;right:22px;color:var(--mut);transition:color .3s}
.nrc:nth-child(4n){border-right:0}
.nrc:hover{background:rgba(201,161,90,.05)}
.nrc:hover b{color:var(--neon)}
.nrc:hover span{color:#fff}
.nrc:hover>svg{color:var(--neon)}

/* ---------- método (linha do tempo) ---------- */
.tline{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 clamp(20px,3vw,44px);padding-top:44px;view-timeline-name:--tl}
.tline::before,.tline::after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--rule2)}
.tline::after{height:2px;top:-.5px;background:var(--neon);transform-origin:left}
.tl-step{position:relative}
.tl-step .dot{position:absolute;top:-50px;left:0;width:12px;height:12px;border-radius:50%;background:var(--neon);box-shadow:0 0 0 5px var(--em)}
.tl-step .n{font-family:var(--cond);font-weight:600;font-size:15px;letter-spacing:.14em;color:var(--neon)}
.tl-step b{display:block;margin-top:10px;font-size:22px;font-weight:600;color:#fff;letter-spacing:-.02em;line-height:1.2}
.tl-step p{margin-top:8px;font-size:15px;max-width:30ch}

/* ---------- chamada final ---------- */
.big{position:relative;border-radius:20px;overflow:hidden;min-height:500px;display:flex;align-items:center;isolation:isolate;background:var(--em)}
.big .ph{position:absolute;inset:0 0 0 35%;border-radius:0}
.big::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--em) 35%,rgba(35,26,19,.6) 65%,rgba(35,26,19,.15))}
.big .tx{position:relative;z-index:3;padding:64px clamp(28px,5vw,72px);max-width:660px}
.big h2{font-weight:400;line-height:1}
.big .h-a{font-size:clamp(52px,7vw,104px)}
.big .h-b{font-size:clamp(30px,3.4vw,48px)}
.big p{margin-top:22px;font-size:17px;max-width:440px}

/* ---------- home: vitrine da galeria (fundo claro) ---------- */
.vit{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,15vw,220px);gap:12px}
.vit .ph{border-radius:var(--r-media)}
.vit .ph:nth-child(1){grid-column:span 2;grid-row:span 2}

/* ---------- contato ---------- */
.cg{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;align-items:stretch}
.ci{border-radius:var(--r-card);background:var(--em);padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;color:var(--soft)}
.ci h2{font-size:clamp(30px,3.2vw,44px);letter-spacing:-.03em;color:#fff}
.ci > p{margin-top:14px;max-width:380px}
.crows{margin:32px 0 36px;border-top:1px solid var(--rule)}
.crows li{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;padding:15px 0;border-bottom:1px solid var(--rule);font-size:15px;color:#fff;font-weight:500;overflow-wrap:anywhere}
.crows small{font-size:13px;color:var(--mut);font-weight:400;padding-top:1px}
.crows a{transition:color .2s}.crows a:hover{color:var(--neon)}
.ci .b1{margin-top:auto;align-self:flex-start}
form{border-radius:var(--r-card);background:#fff;color:var(--body);padding:clamp(28px,4vw,48px);display:grid;gap:16px;align-content:start;box-shadow:0 30px 70px -40px rgba(34,28,21,.4)}
form h3{color:var(--ink);font-size:26px;letter-spacing:-.025em}
form .fh{margin-top:-8px;font-size:14.5px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:grid;gap:7px;font-size:13px;font-weight:500;color:var(--label)}
input,select,textarea{font:400 15px var(--sans);color:var(--ink);background:var(--field);border:1px solid var(--field-line);border-radius:12px;padding:13px 15px;width:100%;caret-color:var(--ok);accent-color:var(--ok);transition:border-color .2s,box-shadow .2s,background-color .2s}
input::placeholder,textarea::placeholder{color:#7A6F62}
input:hover,select:hover,textarea:hover{border-color:#CDBFA6}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ok);background:#fff;box-shadow:0 0 0 4px rgba(126,96,44,.12)}
textarea{min-height:104px;resize:vertical}
form .b1{justify-self:start;margin-top:4px}
.req{color:var(--ok)}
.ok{display:none;background:var(--okbg);color:var(--ok);border-radius:12px;padding:12px 14px;font-weight:600;font-size:14px;line-height:1.5}
.ok.show{display:block;animation:mx-status .3s var(--ease-out) both}
.ok.err{background:var(--danger-bg);color:var(--danger)}
input[aria-invalid="true"]{border-color:var(--danger);background:var(--danger-bg)}

/* ---------- subpáginas: catálogo agrupado (eventos) ---------- */
.cat{display:grid;gap:clamp(64px,8vw,112px)}
.cat-g{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,6vw,96px);align-items:start}
.cat-h{position:sticky;top:112px}
.cat-h h3{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.025em}
.cat-h small{display:block;margin-top:12px;font-family:var(--cond);font-weight:500;font-size:16px;letter-spacing:.12em;text-transform:uppercase;color:var(--neon)}
.cat-h .ph{margin-top:28px;aspect-ratio:4/3.2;border-radius:var(--r-card)}
.cat-rows{border-top:1px solid var(--rule)}
.cat-r{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px 40px;padding:28px 0;border-bottom:1px solid var(--rule)}
.cat-r h4{font-size:21px;letter-spacing:-.02em;line-height:1.25}
.cat-r small{display:block;margin-top:8px;font-size:13px;color:var(--mut)}
.cat-r p{font-size:15.5px}
.cat-r .lnk{margin-top:10px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center;scroll-margin-top:100px}
.split .ph{aspect-ratio:4/3.4;border-radius:var(--r-card)}
.split h2{font-size:clamp(30px,3.8vw,50px);letter-spacing:-.03em}
.split p{margin-top:16px;font-size:16.5px;max-width:480px}
.split .rl{margin-top:26px}
.split .b1{margin-top:32px}

/* ---------- cardápios: lista que abre (padrão dos treinamentos da Mareto) ---------- */
.nrl2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.nr-side{position:sticky;top:112px}
.nr-side .ph{aspect-ratio:4/4.4;border-radius:var(--r-card)}
.nr-side .ph .im{transition:opacity .6s var(--ease-out),transform 1s var(--ease-out)}
.nr-side .ph .im:not(.on){opacity:0}
.nra{border-top:1px solid var(--rule)}
.nrx{border-bottom:1px solid var(--rule);scroll-margin-top:110px}
details summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
.nrx summary{display:grid;grid-template-columns:110px minmax(0,1fr) 34px;align-items:center;gap:20px;padding:22px 0;color:#fff;font-weight:500;font-size:16px}
.nrx summary::after{content:"";width:34px;height:34px;flex:none;border-radius:50%;border:1px solid var(--rule2);
 background:linear-gradient(currentColor,currentColor) center/12px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 12px no-repeat;color:var(--neon);transition:transform .35s var(--ease-out),background-color .25s,border-color .25s}
.nrx[open] summary::after{transform:rotate(45deg);background-color:rgba(201,161,90,.14);border-color:transparent}
.nrx b{font-family:var(--cond);font-weight:600;font-size:44px;line-height:.9;letter-spacing:.01em;white-space:nowrap;font-variant-numeric:tabular-nums;transition:color .3s}
.nrx summary:hover b,.nrx[open] b{color:var(--neon)}
.nrx .nt{display:block;font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.015em;color:#fff}
.nrx .who{display:block;margin-top:4px;font-size:13.5px;font-weight:400;color:var(--mut)}
.nrx-b{padding:0 54px 28px 130px}
.nrx-b .rl{margin-bottom:18px}
.nrx-b .rl li{display:flex;justify-content:space-between;gap:16px}
.nrx-b .rl em{font-style:normal;font-family:var(--cond);font-weight:500;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.nrx-b .nota-i{font-size:13px;color:var(--mut);margin-bottom:18px}
details::details-content{height:0;overflow:clip;transition:height .38s var(--ease-out),content-visibility .38s allow-discrete}
details[open]::details-content{height:auto}
.fmt{display:grid;grid-template-columns:1fr;gap:28px;margin-top:36px}
.fmt div{border-top:1px solid var(--neon);padding-top:22px}
.fmt b{display:block;color:#fff;font-size:20px;font-weight:600;letter-spacing:-.02em}
.fmt p{margin-top:8px;font-size:15.5px;max-width:46ch}

/* ---------- sobre: três compromissos ---------- */
.gets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule)}
.gets>div{padding:32px 32px 0 0}
.gets>div+div{padding-left:32px;border-left:1px solid var(--rule)}
.gets b{display:block;color:#fff;font-size:20px;font-weight:600;letter-spacing:-.02em}
.gets p{margin-top:8px;font-size:15px}

/* ---------- contato (página) ---------- */
.ctg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line2);margin-bottom:clamp(56px,7vw,88px)}
.ctc{padding:30px 28px 26px 0;display:flex;flex-direction:column;gap:8px;color:var(--body)}
.ctc+.ctc{padding-left:28px;border-left:1px solid var(--line2)}
.ctc i{display:block;color:var(--ok);margin-bottom:10px}
.ctc small{font-size:13px;color:var(--label)}
.ctc b{color:var(--ink);font-weight:600;font-size:17px;line-height:1.4;overflow-wrap:anywhere}
.ctc .lnk{margin-top:auto;padding-top:14px;align-self:flex-start;color:var(--ok)}

/* ---------- galeria ---------- */
.filtros{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-bottom:36px;padding-bottom:2px}
.filtros::-webkit-scrollbar{display:none}
.filtro{flex:none;padding:10px 18px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--ink);font-size:14px;font-weight:500;cursor:pointer;transition:background-color .25s,border-color .25s,color .25s}
.filtro sup{font-size:10.5px;margin-left:3px;color:var(--label)}
.filtro:hover{border-color:var(--ok);color:var(--ok)}
.filtro.ativo{background:var(--ink);border-color:var(--ink);color:#fff}
.filtro.ativo sup{color:var(--neon)}
.gal-abas{background:var(--light);border-bottom:1px solid var(--line2)}
.gal-abas .in{display:flex;gap:4px}
.gal-abas a{position:relative;display:flex;align-items:center;min-height:56px;padding:0 18px;font-size:15px;font-weight:600;color:var(--label);text-decoration:none;transition:color .25s}
.gal-abas a sup{font-size:10.5px;margin-left:4px;font-weight:500}
.gal-abas a::after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:2px;background:var(--neon);transform:scaleX(0);transition:transform .35s var(--ease-out)}
.gal-abas a:hover,.gal-abas a.ativo{color:var(--ink)}
.gal-abas a.ativo::after{transform:none}
#fotos,#videos{scroll-margin-top:96px}
.gal-cab{display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap;margin-bottom:28px}
.gal-cab h2{font-size:clamp(30px,3.4vw,44px);letter-spacing:-.03em;line-height:1.05}
.gal-cab p{font-size:15.5px}
.galeria{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px}
.g{margin:0;min-width:0}
.g button{aspect-ratio:3/4}
.g img{height:100%;object-fit:cover}
.galeria-v{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px}
.gv{margin:0;min-width:0}
.gv-b{position:relative;display:block;width:100%;aspect-ratio:9/16;padding:0;border:0;border-radius:var(--r-media);overflow:hidden;background:var(--em2);cursor:pointer}
.gv-b img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-out)}
.gv-b:hover img{transform:scale(1.035)}
.gv-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:var(--neon);color:var(--deep);transition:transform .4s var(--ease-out)}
.gv-play svg{width:20px;height:20px;margin-left:3px}
.gv-b:hover .gv-play{transform:scale(1.08)}
.cine{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:clamp(56px,7vh,72px) 16px 16px;background:rgba(12,10,8,.96);overscroll-behavior:contain}
.cine[hidden]{display:none}
.cine video{height:min(calc(100svh - 104px),calc((100vw - 32px)*16/9));width:auto;aspect-ratio:9/16;max-width:100%;border-radius:var(--r-media);background:#000}
.g.oculto{display:none}
.g button{display:block;width:100%;padding:0;border:0;border-radius:var(--r-media);overflow:hidden;background:var(--line);cursor:zoom-in}
.g img{width:100%;transition:transform 1s var(--ease-out)}
.g button:hover img{transform:scale(1.035)}
.g figcaption{padding-top:10px;font-size:14px;font-weight:500;color:var(--ink)}
.luz{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:64px clamp(16px,4vw,48px);background:rgba(12,10,8,.94);overscroll-behavior:contain;visibility:hidden;opacity:0;transition:opacity .3s,visibility 0s .3s;cursor:zoom-out}
.luz.on{visibility:visible;opacity:1;transition:opacity .3s}
.luz img{max-width:min(1100px,100%);max-height:86vh;object-fit:contain;border-radius:var(--r-media)}
.fechar{position:absolute;top:18px;right:clamp(16px,4vw,48px);width:44px;height:44px;border-radius:50%;border:1px solid var(--rule2);background:transparent;color:#fff;font-size:24px;line-height:1;cursor:pointer}

/* ---------- depoimentos ---------- */
.depo{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch}
.citacao{border-radius:var(--r-card);background:rgba(255,255,255,.03);border:1px solid var(--rule);padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;justify-content:space-between;gap:32px}
.citacao blockquote{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(26px,2.6vw,36px);line-height:1.2;color:var(--neon2)}
.quem-cita{display:grid;gap:4px;font-size:14px;color:var(--mut)}
.quem-cita b{color:#fff;font-weight:600;font-size:15.5px}
.video-card{display:flex;flex-direction:column;gap:14px;border-radius:var(--r-card);background:rgba(255,255,255,.03);border:1px solid var(--rule);padding:10px}
.video-quadro{position:relative;aspect-ratio:9/14;border-radius:var(--r-media);overflow:hidden;background:var(--em2)}
.video-quadro video{width:100%;height:100%;object-fit:cover}
.play{position:absolute;inset:0;display:grid;place-items:center;border:0;background:rgba(18,16,13,.18);cursor:pointer;transition:background-color .3s}
.play span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--neon);color:var(--deep);transition:transform .4s var(--ease-out)}
.play svg{width:20px;height:20px;margin-left:3px}
.play:hover span{transform:scale(1.07)}
.video-card.tocando .play{display:none}
.quem{display:grid;gap:2px;padding:4px 12px 10px;font-size:13.5px;color:var(--mut)}
.quem b{color:#fff;font-weight:600;font-size:15px}

/* ---------- sobre: instagram ---------- */
.insta-topo{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:32px}
.perfil{display:flex;align-items:center;gap:16px}
.avatar{width:64px;height:64px;border-radius:50%;background:var(--em);display:grid;place-items:center;flex:none}
.avatar img{width:46px}
.perfil h2{font-size:21px}
.perfil span{font-size:14.5px;color:var(--label)}
.insta-grade{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.insta-grade a{display:block;aspect-ratio:1;border-radius:var(--r-media);overflow:hidden;background:var(--line)}
.insta-grade img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-out)}
.insta-grade a:hover img{transform:scale(1.05)}

/* ---------- rodapé ---------- */
footer{background:var(--deep);padding:80px 0 30px;font-size:14px;color:var(--mut);border-top:1px solid var(--rule)}
.fg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px}
.fg>*{min-width:0}
.fg b{display:block;color:#fff;font-weight:600;margin-bottom:14px}
.fg a,.fg p{display:block;margin-bottom:8px;overflow-wrap:anywhere}
.fg a{transition:color .2s}.fg a:hover{color:var(--neon)}
.fg .logo img{height:76px}
.fg .tg{margin-top:22px;max-width:280px}
.copy{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:64px;padding-top:24px;border-top:1px solid var(--rule);font-size:12.5px}
.copy b{color:#fff;font-weight:600}
.waf{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:60;width:56px;height:56px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px -10px rgba(0,0,0,.55);transition:transform .45s var(--ease-out),opacity .3s}
.waf:hover{transform:scale(1.06)}
.waf.is-away{transform:translateY(24px) scale(.8);opacity:0;pointer-events:none}

/* ---------- camada do wireframe (voz da Dynamis, em azul, alternável) ---------- */
.nota{margin-top:40px;max-width:760px;padding:16px 20px;border-radius:12px;background:var(--dynamis-fundo);color:var(--dynamis-tinta);border:1px solid #B6C8EE;font-size:14.5px;line-height:1.55}
.nota b{display:block;color:var(--dynamis);font-size:13px;font-weight:600;margin-bottom:4px}
.sem-notas .nota{display:none}
.ph-dado{background:var(--dynamis-fundo);color:var(--dynamis-tinta);border:1px dashed #7D9BE0;border-radius:4px;padding:0 .3em;font-family:var(--sans);font-style:normal;font-weight:500;font-size:.8em;letter-spacing:0}
.wire{position:fixed;left:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:60;display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 14px 0 10px;border-radius:999px;background:var(--dynamis-fundo);color:var(--dynamis-tinta);border:1px solid #B6C8EE;font-size:12.5px;font-weight:500;cursor:pointer;box-shadow:0 10px 24px -12px rgba(20,40,90,.4)}
.wire b{color:var(--dynamis);font-weight:600}
.chave{width:28px;height:16px;border-radius:8px;background:#B6C8EE;position:relative;flex:none;transition:background-color .2s}
.chave::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .25s var(--ease-out)}
.wire[aria-pressed="true"] .chave{background:var(--dynamis)}
.wire[aria-pressed="true"] .chave::after{transform:translateX(12px)}
.aviso{position:fixed;left:50%;bottom:84px;z-index:95;width:min(92vw,520px);transform:translate(-50%,16px);opacity:0;pointer-events:none;border-radius:14px;background:#fff;color:var(--ink);padding:14px 18px;font-size:14.5px;line-height:1.5;box-shadow:0 20px 50px -20px rgba(0,0,0,.6);transition:opacity .3s,transform .45s var(--ease-out)}
.aviso.on{opacity:1;transform:translate(-50%,0)}

/* =========================================================
   movimento (mesmo do site da Mareto)
   ========================================================= */
@keyframes mx-fade-in{from{opacity:0}}
@keyframes mx-fade-out{to{opacity:0}}
@keyframes mx-status{from{opacity:0;transform:translateY(6px)}}

@view-transition{navigation:auto}
.hdr{view-transition-name:hdr}
::view-transition-old(root){animation:mx-fade-out .18s var(--ease-in) both}
::view-transition-new(root){animation:mx-fade-in .32s var(--ease-out) both}

.mx-off .tt{animation-play-state:paused}

/* Revelar no scroll (reserva para navegador sem animation-timeline) */
.rv{--ty:44px;--d:0ms}
.rv[data-from="top"]{--ty:-44px}
.big.rv-m{--r-media:20px}
.mx .rv{transition:opacity .9s var(--ease-out) var(--d),transform 1.1s var(--ease-out) var(--d),clip-path 1.2s var(--ease-out) var(--d),border-color .3s,background-color .3s,color .3s}
.mx .rv.is-out{opacity:0;transform:translate3d(0,var(--ty),0);transition-duration:0s;transition-delay:0s}
.mx .rv-h{clip-path:inset(-20% -4% -30% -4%)}
.mx .rv-h.is-out{opacity:1;clip-path:inset(-20% -4% 100% -4%);transform:translate3d(0,.45em,0)}
.mx .rv-h[data-from="top"].is-out{clip-path:inset(100% -4% -30% -4%);transform:translate3d(0,-.45em,0)}
.mx .rv-m{clip-path:inset(0 0 0 0 round var(--r-media))}
.mx .rv-m.is-out{opacity:1;transform:none;clip-path:inset(100% 0 0 0 round var(--r-media))}
.mx .rv-m[data-from="top"].is-out{clip-path:inset(0 0 100% 0 round var(--r-media))}
.mx .rv-m .im{transition:transform 1.4s var(--ease-out) var(--d)}
.mx .rv-m.is-out .im{transform:scale(1.18);transition-duration:0s}

@media (prefers-reduced-motion:no-preference){
 /* momento de abertura: primeira visita da sessão */
 :root:not(.mx-seen) .hero .hbg{animation:hr-arco 1.3s .05s var(--ease-out) both}
 :root:not(.mx-seen) .hero .harco::before{animation:hr-contorno 1.1s .5s var(--ease-out) both}
 :root:not(.mx-seen) .hero::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(112deg,transparent 38%,rgba(232,210,160,.16) 47%,rgba(232,210,160,.05) 52%,transparent 60%) no-repeat;background-size:260% 100%;
  animation:mx-sweep 1.5s .1s var(--ease-out) both}
 :root:not(.mx-seen) .hero .h-a{animation:mx-rise .9s .3s var(--ease-out) both}
 :root:not(.mx-seen) .hero .h-b{animation:mx-rise .9s .45s var(--ease-out) both}
 :root:not(.mx-seen) .hero .lead{animation:mx-up .7s .6s var(--ease-out) both}
 :root:not(.mx-seen) .hero .cta{animation:mx-up .7s .7s var(--ease-out) both}
 :root:not(.mx-seen) .hero .hchips{animation:mx-up .7s .8s var(--ease-out) both}

 @supports (animation-timeline:scroll()){
  .hph{animation:mx-par linear both;animation-timeline:scroll(root);animation-range:0 100vh}
  @media (min-width:700px){.htxt{animation:mx-away linear both;animation-timeline:scroll(root);animation-range:15vh 95vh}}
  .phero .pbg{animation:mx-par linear both;animation-timeline:scroll(root);animation-range:0 80vh}
 }
 @supports (animation-timeline:view()){
  .big .im{animation:mx-settle linear both;animation-timeline:view();animation-range:entry 0% cover 60%}
  .tline::after{animation:mx-fill linear both;animation-timeline:--tl;animation-range:cover 18% cover 52%}
  .tl-step .dot{animation:mx-dot linear both;animation-timeline:--tl}
  .tl-step b{animation:mx-lit linear both;animation-timeline:--tl}
  .tl-step:nth-child(1) .dot,.tl-step:nth-child(1) b{animation-range:cover 18% cover 20%}
  .tl-step:nth-child(2) .dot,.tl-step:nth-child(2) b{animation-range:cover 26.5% cover 28.5%}
  .tl-step:nth-child(3) .dot,.tl-step:nth-child(3) b{animation-range:cover 35% cover 37%}
  .tl-step:nth-child(4) .dot,.tl-step:nth-child(4) b{animation-range:cover 43.5% cover 45.5%}
 }
}

/* Cloche: cada foto se revela como a tampa de prata levantando de cima do prato.
   Uma cúpula nasce no pé da imagem e cresce até mostrar tudo, enquanto a foto
   assenta do zoom. Títulos sobem de trás de uma máscara; textos e listas entram
   logo depois. Cada elemento usa a própria posição na tela (sem fila), então a
   foto termina de abrir quando chega ao meio da tela e o texto já está lá.
   Classes aplicadas pelo motion.js; sem suporte, vale o revelar de reserva. */
@supports (animation-timeline:view()){
 :root.sd:not(.mx-seen) .hero h1{animation:sd-light 1.6s .15s var(--ease-out) both}
 :root.sd:not(.mx-seen) .phero .in>*{animation:sd-pop 1s var(--ease-out) both}
 :root.sd:not(.mx-seen) .phero .in>:nth-child(1){animation-delay:.1s}
 :root.sd:not(.mx-seen) .phero .in>:nth-child(2){animation-delay:.28s}
 :root.sd:not(.mx-seen) .phero .in>:nth-child(3){animation-delay:.46s}
 :root.sd:not(.mx-seen) .phero .in>:nth-child(4){animation-delay:.64s}

 /* a cloche levanta */
 .sd .cx-m,.sd .big .ph{animation:cx-cloche linear both;animation-timeline:view();animation-range:entry 0% cover 50%}
 .sd :is(.cx-m,.big .ph) :is(.im,img){animation:cx-assenta linear both;animation-timeline:view();animation-range:entry 0% cover 60%}
 /* títulos sobem de trás da máscara */
 .sd .cx-h{animation:cx-sobe linear both;animation-timeline:view();animation-range:entry 10% cover 30%}
 /* textos e listas entram logo em seguida, listas em cascata curta */
 .sd .cx-t{animation:cx-entra linear both;animation-timeline:view();animation-range:entry 15% cover 32%}
 .sd .cx-l{animation:cx-entra linear both;animation-timeline:view();animation-range:entry calc(10% + var(--n,0) * 4%) cover calc(26% + var(--n,0) * 4%)}

 /* banner: o título ganha eco em contorno que se abre */
 .sd .big{view-timeline:--big block}
 .sd .big .h-a{position:relative}
 .sd .big .h-a::before,.sd .big .h-a::after{content:attr(data-echo);position:absolute;left:0;top:0;z-index:-1;white-space:nowrap;pointer-events:none;
  color:transparent;-webkit-text-stroke:1px rgba(201,161,90,.42);animation:sd-echo linear both;animation-timeline:--big;animation-range:entry 30% exit 20%}
 .sd .big .h-a::before{--ey:-.62em}
 .sd .big .h-a::after{--ey:-1.24em;-webkit-text-stroke-color:rgba(201,161,90,.22)}
}
@keyframes sd-light{from{opacity:.12;filter:brightness(.6)}}
@keyframes sd-pop{from{opacity:0;translate:0 60px;scale:.94}}
@keyframes sd-echo{from{translate:0 0;opacity:0}30%{opacity:1}to{translate:0 var(--ey);opacity:1}}
@keyframes cx-cloche{
 from{clip-path:ellipse(28% 0% at 50% 100%)}
 20%{clip-path:ellipse(42% 22% at 50% 100%)}
 to{clip-path:ellipse(115% 150% at 50% 100%)}
}
@keyframes cx-assenta{from{scale:1.22;translate:0 5%}}
@keyframes cx-sobe{from{clip-path:inset(0 -5% 100% -5%);translate:0 .45em}to{clip-path:inset(-15% -5% -25% -5%);translate:0 0}}
@keyframes cx-entra{from{opacity:0;translate:0 34px}}

@keyframes mx-reveal{from{clip-path:inset(0 0 0 100%);filter:brightness(1.5)}to{clip-path:inset(0 0 0 0);filter:none}}
@keyframes hr-arco{from{clip-path:ellipse(30% 0% at 50% 100%);filter:brightness(1.4)}25%{clip-path:ellipse(46% 24% at 50% 100%)}to{clip-path:ellipse(120% 150% at 50% 100%);filter:none}}
@keyframes hr-contorno{from{opacity:0;translate:-16px 16px}}
@keyframes mx-sweep{from{background-position:100% 0;opacity:1}75%{opacity:1}to{background-position:0 0;opacity:0}}
@keyframes mx-rise{from{clip-path:inset(-25% -6% 100% -6%);transform:translateY(.35em)}to{clip-path:inset(-25% -6% -25% -6%);transform:none}}
@keyframes mx-up{from{opacity:0;transform:translateY(14px)}}
@keyframes mx-par{from{transform:scale(1.06) translateY(0)}to{transform:scale(1.06) translateY(9%)}}
@keyframes mx-away{to{opacity:.25;transform:translateY(-48px)}}
@keyframes mx-settle{from{transform:scale(1.2)}to{transform:none}}
@keyframes mx-fill{from{transform:scaleX(0)}to{transform:none}}
@keyframes mx-fill-y{from{transform:scaleY(0)}to{transform:none}}
@keyframes mx-dot{from{background:var(--em);box-shadow:0 0 0 5px var(--em),inset 0 0 0 1px var(--rule2)}to{background:var(--neon);box-shadow:0 0 0 5px var(--em),inset 0 0 0 1px transparent}}
@keyframes mx-lit{from{color:var(--mut)}to{color:#fff}}

@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .tt{animation:none}
 .b1:active,.b2:active{transform:none}
 a:hover .ar,button:hover .ar{animation:none}
 .sv:hover .im,.waf:hover{transform:none}
 .hdr{transition:none}
 .mx .rv,.mx .rv-h,.mx .rv-m{transition:opacity .4s linear;clip-path:none!important;transform:none!important}
 .mx .rv-m.is-out{opacity:0}
 .mx .rv-m .im{transform:none!important}
 .mnav{transition:opacity .2s linear}
 @starting-style{.mnav{transform:none}}
 details::details-content{transition:content-visibility .2s allow-discrete}
 ::view-transition-old(root),::view-transition-new(root){animation-duration:.12s}
}

/* =========================================================
   responsivo
   ========================================================= */
@media (max-width:1100px){
 .dnav{gap:20px;font-size:13.5px}.hdr .b1{margin-left:8px}
 .f2{grid-template-columns:1fr}
 .sv.feat .bd{grid-template-columns:1fr}
 .sv.feat .rl{grid-row:auto;grid-column:auto;margin-top:18px}
 .depo{grid-template-columns:1fr 1fr}
 .citacao{grid-column:1/-1}
}
@media (max-width:960px){
 .dnav,.bar>.b1{display:none}.burger{display:grid;place-items:center}

 .hd,.cg{grid-template-columns:1fr;gap:20px}.hd p{justify-self:start}
 .hd h2{max-width:18ch}
 .svx{grid-template-columns:1fr 1fr;grid-template-rows:auto}
 .sv.feat{grid-column:1/-1;grid-row:auto}
 .sv.feat .ph{flex:none;aspect-ratio:16/9;min-height:0}
 .sv.feat .bd{grid-template-columns:1fr 1fr}
 .sv.feat .rl{grid-row:1/span 3;grid-column:2;margin-top:4px}
 .sv:not(.feat){flex-direction:column}
 .sv:not(.feat) .ph{width:auto;aspect-ratio:16/10}
 .nrg{grid-template-columns:repeat(2,minmax(0,1fr))}
 .nrc:nth-child(2n+1){border-right:1px solid var(--rule)}
 .nrc:nth-child(2n){border-right:0}
 .nrl2{grid-template-columns:1fr;gap:40px}
 .nr-side{position:static}
 .nr-side .ph{aspect-ratio:16/10}
 .tline{grid-template-columns:1fr;gap:40px;padding:0 0 0 40px}
 .tline::before,.tline::after{top:6px;bottom:0;left:5.5px;right:auto;width:1px;height:auto}
 .tline::after{width:2px;left:5px;transform-origin:top}
 .tl-step .dot{top:4px;left:-40px}
 .big .ph{inset:0}.big::before{background:linear-gradient(180deg,rgba(35,26,19,.35),var(--em) 65%)}.big{align-items:flex-end;min-height:560px}
 .cat-g{grid-template-columns:1fr;gap:24px}
 .cat-h{position:static}
 .split{grid-template-columns:1fr;gap:32px}
 .gets,.ctg{grid-template-columns:1fr}
 .gets>div,.gets>div+div{padding:28px 0;border-left:0}
 .gets>div+div{border-top:1px solid var(--rule)}
 .ctc,.ctc+.ctc{padding:26px 0;border-left:0}
 .ctc+.ctc{border-top:1px solid var(--line2)}
 .vit{grid-template-columns:repeat(2,minmax(0,1fr))}

 .insta-grade{grid-template-columns:repeat(3,minmax(0,1fr))}
 .fg{grid-template-columns:1fr 1fr}
 footer{padding-bottom:104px}
 .phero{min-height:0;align-items:stretch;flex-direction:column}
 .phero .pbg{position:relative;width:100%;height:46vh;min-height:280px}
 .phero .ptint{background:linear-gradient(180deg,rgba(18,16,13,.4) 0%,rgba(35,26,19,0) 18%,rgba(35,26,19,0) calc(46vh - 120px),var(--em) 46vh)}
 .phero .in{padding-top:0;margin-top:-90px;padding-bottom:64px}
 .tt span{font-size:20px;padding:0 18px}.tt{padding:15px 0}
 @supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){.tline::after{animation-name:mx-fill-y;animation-range:cover 10% cover 70%}
   .tl-step:nth-child(1) .dot,.tl-step:nth-child(1) b{animation-range:cover 10% cover 12%}
   .tl-step:nth-child(2) .dot,.tl-step:nth-child(2) b{animation-range:cover 25% cover 27%}
   .tl-step:nth-child(3) .dot,.tl-step:nth-child(3) b{animation-range:cover 40% cover 42%}
   .tl-step:nth-child(4) .dot,.tl-step:nth-child(4) b{animation-range:cover 55% cover 57%}}
 }
}
@media (max-width:960px){
 .hero{display:block;min-height:0;padding-bottom:64px}
 .hc{grid-template-columns:1fr;gap:56px;padding-top:112px;padding-bottom:56px}
 .harco{height:auto;width:100%;aspect-ratio:16/11}
 .harco::before{inset:-12px -12px 12px 12px;border-radius:50% 50% 20px 20px/46% 46% 20px 20px}
 .hbg{border-radius:50% 50% 16px 16px/46% 46% 16px 16px}
 .htxt{max-width:640px}
 .hero .h-a{font-size:clamp(54px,10vw,88px)}
 .hero .h-b{font-size:clamp(28px,4.6vw,40px)}
}
@media (max-width:699px){
 .hc{gap:44px;padding-top:96px;padding-bottom:40px}
 .harco{aspect-ratio:1/1;width:calc(100% - 10px)}
 .harco::before{inset:-10px -10px 10px 10px;border-radius:50% 50% 18px 18px/50% 50% 18px 18px}
 .hbg{border-radius:50% 50% 14px 14px/50% 50% 14px 14px}
 .hero .lead{margin-top:18px;font-size:15.5px;line-height:1.6}
 .hero .cta{margin-top:26px;gap:10px}
 .svx{grid-template-columns:1fr}
 .sv.feat .bd{grid-template-columns:1fr}
 .sv.feat .rl{grid-row:auto;grid-column:auto;margin-top:18px}
 .sv .bd,.sv.feat .bd{padding:22px 14px 10px}
 .depo{grid-template-columns:1fr 1fr;gap:12px}
}
@media (max-width:600px){
 .cat-r{grid-template-columns:1fr;gap:10px;padding:24px 0}
 .nrc{min-height:170px;padding:20px 16px 18px;gap:14px}
 .nrc b{font-size:40px}
 .nrc strong{font-size:17px}
 .nrc span{font-size:13.5px}
 .nrc>svg{top:20px;right:14px}
 .nrx summary{grid-template-columns:80px minmax(0,1fr) 34px;gap:12px;padding:18px 0}
 .nrx b{font-size:32px}
 .nrx .nt{font-size:16.5px}
 .nrx-b{padding:0 0 24px}
 .galeria,.galeria-v{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
 .gal-abas a{flex:1;justify-content:center}
}
@media (max-width:560px){
 .cta a{width:100%}
 .b2{justify-content:center}
 .fg{grid-template-columns:1fr}
 .waf{width:52px;height:52px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
 .wire{left:16px;bottom:calc(22px + env(safe-area-inset-bottom,0px));height:36px}
 .wire .txt{display:none}
 .crows li{grid-template-columns:1fr;gap:2px}
 .vit{grid-auto-rows:120px;gap:8px}
}

/* ---------- ajustes da revisão final ---------- */
.proof{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-top:44px;font-size:14px;color:var(--soft)}
.proof b{color:#fff;font-weight:600}
.proof i{width:1px;height:18px;background:var(--rule2)}
:root:not(.mx-seen) .hero .proof{animation:mx-up .7s .8s var(--ease-out) both}
.cli2{background:var(--deep);padding-block:clamp(64px,8vw,104px);border-bottom:1px solid var(--rule)}
.cl-h{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 48px;margin-bottom:clamp(36px,4vw,52px)}
.cl-h h2{font-size:clamp(22px,2.4vw,32px);font-weight:500;line-height:1.25;max-width:640px;letter-spacing:-.02em}
.cl-n{display:flex;align-items:baseline;gap:10px;flex:none;color:var(--soft);font-size:14px}
.cl-n b{font-family:var(--cond);font-weight:600;font-size:clamp(34px,3.2vw,44px);line-height:.9;color:var(--neon)}
.lgs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-block:1px solid var(--rule)}
.lgs li{display:grid;place-items:center;height:clamp(104px,9.5vw,128px);padding:0 20px;border-right:1px solid var(--rule);color:rgba(255,255,255,.72)}
.lgs li:last-child{border-right:0}
.lgt{display:flex;flex-direction:column;align-items:center;line-height:1;text-align:center}
.lgt b{font-family:var(--cond);font-weight:600;font-size:28px;letter-spacing:.1em;padding-left:.1em}
.lgt small{margin-top:7px;font-size:10px;font-weight:600;letter-spacing:.26em;padding-left:.26em;text-transform:uppercase;opacity:.86}
select{appearance:none;-webkit-appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%237E602C' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
input[type=date]{color-scheme:light}
input[type=date]::-webkit-calendar-picker-indicator{opacity:.6;cursor:pointer;filter:sepia(1) saturate(3) hue-rotate(-12deg) brightness(.7)}
@media (max-width:960px){.lgs{grid-template-columns:repeat(3,minmax(0,1fr))}.lgs li:nth-child(3){border-right:0}.lgs li:nth-child(n+4){border-top:1px solid var(--rule)}}
@media (max-width:699px){.cl-h{flex-direction:column;align-items:flex-start}.hero .proof{margin-top:26px}}
@media (max-width:600px){
 .wire{padding:0 10px;height:36px}
 .wire .txt,.wire .rot{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .lgs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .lgs li:nth-child(3){border-right:1px solid var(--rule)}
 .lgs li:nth-child(2n){border-right:0}
 .lgs li:nth-child(n+3){border-top:1px solid var(--rule)}
 .lgs li:last-child{grid-column:1/-1}
}

/* ---------- home: ocasiões como uma carta de três colunas ---------- */
/* Cada ocasião é uma cloche: foto em arco, nome, ocasião em dourado e o que vai
   à mesa numa lista marcada por losangos. A coluna do meio desce um passo,
   como pratos dispostos numa mesa. */
.oc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3.4vw,56px);align-items:start}
.oc-r{display:flex;flex-direction:column;color:inherit}
.oc-r:nth-child(2){margin-top:clamp(48px,6vw,88px)}
.oc-r .ph{width:100%;aspect-ratio:4/5;border-radius:50% 50% var(--r-card) var(--r-card)/40% 40% var(--r-card) var(--r-card)}
.oc-r:hover .im{transform:scale(1.04)}
.oc-t{padding-top:30px;border-top:0}
.oc-t h3{font-size:clamp(24px,2.2vw,32px);letter-spacing:-.025em;line-height:1.1}
.oc-t small{display:block;margin-top:10px;font-family:var(--serif);font-style:italic;font-weight:300;font-size:19px;letter-spacing:0;color:var(--neon2)}
.oc-t p{margin-top:16px;font-size:15.5px;max-width:38ch}
.oc-t .rl{margin-top:20px;border:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.oc-t .rl li{display:inline-flex;align-items:center;gap:10px;padding:0;border:0;font-size:14px;color:#fff}
.oc-t .rl li::before{content:"";width:5px;height:5px;transform:rotate(45deg);background:var(--neon);flex:none}
.oc-t .lnk{margin-top:22px}
@media (max-width:960px){
 .oc{grid-template-columns:1fr 1fr}
 .oc-r:nth-child(2){margin-top:64px}
 .oc-r:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,3.4vw,56px);align-items:center}
 .oc-r:nth-child(3) .oc-t{padding-top:0}
}
@media (max-width:620px){
 .oc{grid-template-columns:1fr;gap:56px}
 .oc-r:nth-child(2){margin-top:0}
 .oc-r:nth-child(3){display:flex;flex-direction:column;gap:0}
 .oc-r:nth-child(3) .oc-t{padding-top:26px}
 .oc-t{padding-top:26px}
 .oc-r .ph{aspect-ratio:5/4;border-radius:50% 50% var(--r-card) var(--r-card)/44% 44% var(--r-card) var(--r-card)}
}

/* ---------- home: depoimento Profarma logo após o hero ---------- */
.dep-h{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:clamp(32px,6vw,96px);align-items:center}
.dep-tx h2{font-size:clamp(30px,3.6vw,48px);letter-spacing:-.03em;line-height:1.05;max-width:16ch}
.dep-tx p{margin-top:18px;font-size:16.5px;max-width:44ch}
.dep-tx .lnk{margin-top:22px}
@media (max-width:760px){.dep-h{grid-template-columns:1fr;gap:28px}.dep-v{max-width:320px}}

/* ---------- responsivo: passada final (adapt) ---------- */
/* eco do banner quebra linha junto com o título, em qualquer largura */
.sd .big .h-a::before,.sd .big .h-a::after{right:0;white-space:normal}
/* menu completo só a partir de 1101px; abaixo disso, menu de toque */
@media (max-width:1100px){
 .dnav,.bar>.b1{display:none}.burger{display:grid;place-items:center}
}
/* toque: alvos de 44px e mais respiro entre links */
@media (pointer:coarse){
 .filtro{min-height:44px}
 .fg a{padding-block:6px;margin-bottom:2px}
 .crows a,.ctc .lnk{min-height:44px;display:inline-flex;align-items:center}
}
/* iPhone não dá zoom em campo com 16px ou mais */
@media (max-width:960px){
 input,select,textarea{font-size:16px}
 .phero .crumb{color:rgba(255,255,255,.8);text-shadow:0 1px 12px rgba(18,16,13,.9)}
 .phero .crumb a{color:#fff}
}
@media (max-width:560px){
 .depo{grid-template-columns:1fr 1fr;gap:10px}
 .citacao{padding:24px 20px}
 .video-card{padding:6px;gap:10px}
 .quem{padding:2px 6px 8px;font-size:12.5px}
 .quem b{font-size:14px}
 .big .tx{padding:40px 22px}
 .big{min-height:520px}
 .hd{margin-bottom:36px}
 .h-a{font-size:clamp(46px,13vw,64px)}
}
@media (max-width:380px){
 .bar{padding-left:14px}
 .logo img{height:42px}
 .cta .b1,.cta .b2{min-height:50px}
}

/* ---------- hero com rolagem (home): o vídeo real da mesa avança no arco ---------- */
.hero-pin{position:relative}
.hbeats{display:grid;align-items:center}
.hbeats>.beat{grid-area:1/1}
html:not(.scrub) .hbeats>.beat:not(:first-child){display:none}
.hvid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%;opacity:0;transition:opacity .7s var(--ease-out);filter:contrast(1.05) saturate(1.18) brightness(1.04);transform:translateZ(0)}
.hero.video-ready .hvid{opacity:1}
.ring{position:absolute;z-index:4;top:22%;left:50%;width:34px;height:34px;margin-left:-17px;color:var(--neon);opacity:0;transform:rotate(-90deg);transition:opacity .4s}
html.scrub .ring{opacity:.9}
.hero.video-ready .ring,.hero.video-failed .ring{opacity:0}
.kick{font-family:var(--cond,"Barlow Condensed",sans-serif);font-weight:600;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--neon);margin-bottom:18px}
.hero h2{font-weight:400;line-height:1}
.g5{display:inline-flex;align-items:baseline;gap:7px;color:#fff;text-decoration:none}
.g5 b{font-weight:600}
.g5 .st{color:var(--neon);letter-spacing:.06em;font-size:13px}
.g5:hover{color:var(--neon2)}
.hprog{display:none}
html.scrub .hero-pin{height:340vh}
html.scrub .hero{position:sticky;top:0;height:100svh;min-height:0}
html.scrub .hph,html.scrub .htxt{animation:none!important}
html.scrub .hph{inset:0}
html.scrub .beat{opacity:var(--o,0);transform:translateY(calc((1 - var(--k,1))*22px));visibility:var(--vis,hidden)}
html.scrub .hprog{display:block;position:absolute;left:50%;bottom:92px;width:120px;height:2px;margin-left:-60px;background:rgba(201,161,90,.22);border-radius:2px;overflow:hidden}
html.scrub .hprog span{display:block;height:100%;background:var(--neon);transform-origin:0 50%;transform:scaleX(var(--p,0))}
@media (max-height:640px){html.scrub .hprog{display:none}}

/* ---------- depoimentos: nota do Google + mensagens ---------- */
.gnota{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:center}
.gn-num{display:grid;justify-items:center;gap:8px;padding:clamp(28px,4vw,44px) clamp(36px,5vw,60px);border:1px solid var(--line2);border-radius:var(--r-card);background:#fff}
.gn-num b{font-family:var(--cond);font-weight:600;font-size:clamp(84px,10vw,128px);line-height:.85;color:var(--ink)}
.gn-st{color:var(--neon);font-size:22px;letter-spacing:.12em}
.gn-num small{font-size:13px;font-weight:500;color:var(--label);letter-spacing:.04em}
.gn-tx h2{font-size:clamp(32px,3.8vw,52px);letter-spacing:-.03em;line-height:1.04;max-width:15ch}
.gn-tx p{margin-top:16px;max-width:44ch;font-size:16.5px}
.gn-tx .b1{margin-top:28px}
.depo-v{grid-template-columns:repeat(2,minmax(0,320px));justify-content:start}
.msgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.msg{margin:0;display:grid;gap:12px}
.msg-bal{aspect-ratio:4/5;display:grid;place-items:center;padding:24px;border-radius:var(--r-card);border:1px dashed var(--rule2);background:rgba(255,255,255,.03);text-align:center}
.msg figcaption{font-size:13.5px;color:var(--mut)}
@media (max-width:760px){.gnota{grid-template-columns:1fr;gap:28px}.gn-num{justify-self:start}.depo-v{grid-template-columns:repeat(2,minmax(0,1fr))}.msgs{grid-template-columns:1fr 1fr}.msgs .msg:last-child{display:none}}

/* ---------- depoimentos em vídeo: mesmo padrão da galeria ---------- */
.dv-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(40px,7vw,120px);align-items:center}
.dv-tx h2{font-size:clamp(34px,4.2vw,58px);letter-spacing:-.03em;line-height:1.03;max-width:13ch}
.dv-tx p:not(.kick){margin-top:20px;max-width:40ch;font-size:16.5px}
.dv-vids{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.gv.dv figcaption{display:grid;gap:2px;padding-top:14px;font-size:13.5px;color:var(--mut)}
.gv.dv figcaption b{color:#fff;font-weight:600;font-size:15px}
.dep-v{width:min(300px,100%);justify-self:end}
@media (max-width:860px){.dv-grid{grid-template-columns:1fr;gap:36px}}
@media (max-width:760px){.dep-v{justify-self:start;width:min(280px,100%)}}

/* ---------- hero em painel de tela cheia (home) ---------- */
/* O vídeo real da mesa ocupa a tela num painel com margem fina; o texto fica à esquerda
   sobre um escurecimento suave e o arco dourado (a cloche) vira contorno sobre o vídeo. */
.hero{height:auto;min-height:100svh;display:block;padding:12px 12px 0}
.hpanel{position:relative;height:calc(100svh - 12px - 68px);min-height:560px;border-radius:22px;overflow:hidden;background:var(--em2)}
.hpanel .hbg{position:absolute;inset:0;border-radius:0;background:var(--em2)}
.hpanel .hph{inset:0;background-image:url(assets/hero-poster-w.jpg);background-position:50% 50%;animation:none!important}
.hpanel .hvid{object-position:50% 50%}
.hscrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(18,16,13,.88) 0%,rgba(18,16,13,.72) 30%,rgba(18,16,13,.22) 56%,rgba(18,16,13,0) 70%),linear-gradient(180deg,rgba(18,16,13,.55) 0%,rgba(18,16,13,0) 18%,rgba(18,16,13,0) 80%,rgba(18,16,13,.45) 100%)}
.harc{position:absolute;z-index:1;right:7%;top:15%;bottom:11%;aspect-ratio:4/5;border:1px solid rgba(232,210,160,.55);border-radius:50% 50% 18px 18px/40% 40% 18px 18px;pointer-events:none}
.hpanel .hc{position:absolute;inset:0;z-index:2;display:flex;align-items:center;padding-top:96px;padding-bottom:72px}
.hpanel .htxt{max-width:600px;text-shadow:0 1px 2px rgba(5,5,10,.6),0 6px 30px rgba(5,5,10,.45)}
.hpanel .htxt .b1,.hpanel .htxt .b2{text-shadow:none}
.hpanel .htxt .b2{background:rgba(18,16,13,.35);backdrop-filter:blur(8px)}
.hpanel .hchips{left:auto;right:28px;bottom:28px;translate:0 0;z-index:3}
.hpanel .ring{top:auto;bottom:34px;left:50%;right:auto;margin:0 0 0 -17px}
.hero .tick{position:relative}
html.scrub .hero{height:100svh;padding-top:12px}
html.scrub .hpanel .hprog{left:50%;bottom:26px}
@media (max-width:1100px){.harc{right:4%}.hpanel .hscrim{background:linear-gradient(90deg,rgba(18,16,13,.9) 0%,rgba(18,16,13,.7) 42%,rgba(18,16,13,.2) 70%,rgba(18,16,13,0) 82%)}}
@media (max-width:720px){
 .hero{padding:0;min-height:0}
 .hpanel{height:auto;min-height:0;border-radius:0;overflow:visible;background:none}
 .hpanel .hbg{position:relative;inset:auto;margin:96px 16px 0;aspect-ratio:4/5;overflow:hidden;border-radius:50% 50% 16px 16px/40% 40% 16px 16px}
 .hpanel .hph{background-image:url(assets/fotos/r4718.jpg)}
 .hscrim,.harc,.hpanel .ring,.hpanel .hprog{display:none}
 .hpanel .hc{position:static;display:block;padding-top:40px;padding-bottom:48px}
 .hpanel .htxt{text-shadow:none}
 .hpanel{display:flex;flex-direction:column}
 .hpanel .hbg{order:0}
 .hpanel .hchips{order:1;position:relative;left:auto;right:auto;bottom:auto;translate:0 0;align-self:center;margin-top:-20px}
 .hpanel .hc{order:2}
}

/* ---------- avaliações do Google (prints) ---------- */
.rvs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.rv{margin:0;display:flex;flex-direction:column;border-radius:var(--r-card);background:#fff;border:1px solid rgba(201,161,90,.35);overflow:hidden;box-shadow:0 24px 50px -30px rgba(0,0,0,.7)}
.rv-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #EFE7D8;background:#FBF8F2}
.rv-st{color:var(--neon);font-size:22px;letter-spacing:.14em;line-height:1}
.rv-g{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6E6458}
.rv-img{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:14px 12px 16px;min-height:228px}
.rv-img img{width:100%;max-width:380px;height:auto}
@media (max-width:1100px){.rvs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
 .rvs{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--gut,20px));padding:4px var(--gut,20px) 12px;scrollbar-width:none}
 .rvs::-webkit-scrollbar{display:none}
 .rv{flex:0 0 86%;scroll-snap-align:center}
 .rv-img{min-height:0}
}

/* ---------- hero com rolagem em telas em pé (celular e tablet) ---------- */
/* O vídeo original é vertical: aqui ele ocupa a tela inteira e o texto assenta embaixo. */
@media (max-width:720px),(orientation:portrait) and (max-width:1024px){
 html.scrub .hero{height:100svh;min-height:0;padding:8px 8px 0}
 html.scrub .hpanel{display:block;height:calc(100svh - 8px - 58px);min-height:0;border-radius:18px;overflow:hidden;background:var(--em2)}
 html.scrub .hpanel .hbg{position:absolute;inset:0;margin:0;aspect-ratio:auto;border-radius:0}
 html.scrub .hpanel .hph{background-image:url(assets/hero-poster-m.jpg);background-position:50% 50%}
 html.scrub .hscrim{display:block;background:linear-gradient(180deg,rgba(18,16,13,.6) 0%,rgba(18,16,13,0) 16%,rgba(18,16,13,0) 34%,rgba(18,16,13,.72) 56%,rgba(18,16,13,.95) 100%)}
 html.scrub .hpanel .hc{position:absolute;inset:0;display:flex;align-items:flex-end;padding:0 20px 26px}
 html.scrub .hpanel .htxt{max-width:560px;text-shadow:0 1px 2px rgba(5,5,10,.7),0 6px 24px rgba(5,5,10,.5)}
 html.scrub .hpanel .hchips{display:none}
 html.scrub .hpanel .ring{display:block;top:38%;bottom:auto;left:50%;margin:0 0 0 -17px}
 html.scrub .hpanel .hprog{display:none}
 html.scrub .hero .h-a{font-size:clamp(42px,11.5vw,72px)}
 html.scrub .hero .h-b{font-size:clamp(24px,6.4vw,36px)}
 html.scrub .hero .lead{margin-top:12px;font-size:14.5px;line-height:1.55}
 html.scrub .hero .cta{margin-top:18px}
 html.scrub .hero .kick{margin-bottom:10px}
 html.scrub .hbeats .proof{display:none}
 html.scrub .hero .tick .tt{padding:14px 0}
 html.scrub .hero .tick .tt span{font-size:19px}
}