/* EXORYA Sport site (docs/site_institucional.md), on the EXORYA Design System (2026), dark
   throughout (request of 12/10/2026): navy grounds, navy cards, light grey text and light gold
   highlights; Cambria for titles and numbers, Calibri for text. Sections alternate the app's deep
   navy and the brand navy; cards and charts take the mood of the EXORYA app (rounded surfaces,
   pills, a glowing gold line). The cover shows the app on two phones and a watch.
   No external resources: Caladea and Carlito (metric-compatible with Cambria and Calibri) ship
   with the site for devices without the Office fonts. */
@font-face{font-family:"Caladea";src:url("../fonts/caladea-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Carlito";src:url("../fonts/carlito-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Carlito";src:url("../fonts/carlito-400-italico.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Carlito";src:url("../fonts/carlito-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  /* Design System EXORYA: main colours */
  --navy:#121D33;--dourado:#9C793B;--areia:#F4F1EA;--branco:#FFFFFF;
  /* Support and states */
  --navy-cartao:#22314F;--dourado-claro:#C9A96A;--ardosia:#4A5568;--cinza-claro:#D7DBE6;--cinza-nota:#AEB4BF;
  --positivo:#3E7A4E;--negativo:#A6403D;
  /* Small gold text on light backgrounds (6:1; the brand gold is 4:1, kept for rules, bars and numbers) */
  --dourado-texto:#7A5F2C;
  --moldura:#0A1120;
  /* Dark site: grounds, surfaces and lines */
  --fundo:#0D1526;--fundo-2:#121D33;--cartao:#152239;--linha:#24314B;--raio:1rem;
  /* EXORYA app (dark theme of the user webapp, web/static/css/webapp.css) */
  --app-fundo:#0D1526;--app-cartao:#152239;--app-alto:#1B2A4A;--app-texto:#F4F1EA;--app-suave:#A7B0C3;--app-ouro:#C9A96A;
  --app-ok:#8CC4A0;--app-att:#E2BD74;
  /* Devices on the cover stage */
  --palco-1:#0B1322;--palco-2:#050911;--aro-1:#3A4256;--aro-2:#11151F;

  --titulo:"Cambria","Caladea",Georgia,"Times New Roman",serif;
  --texto:"Calibri","Carlito","Segoe UI",Helvetica,Arial,sans-serif;
  --gutter:32px;--max:1200px;--header:76px;--gap:1.3125rem;
  /* One type scale and one spacing rhythm for the whole site, header and footer included
     (request of 13/10/2026): labels, notes, text, leads, card titles, section titles, cover */
  --t-rotulo:0.8125rem;--t-nota:0.9375rem;--t-texto:1.0625rem;--t-lead:1.1875rem;--t-h3:1.375rem;
  --t-h2:clamp(1.75rem,2.5vw,2.25rem);--t-h1:clamp(2.5rem,4.2vw,3.5rem);
  --sec-y:clamp(2.5rem,7vh,5rem);--sec-hd:clamp(1.5rem,3.5vh,2.5rem);
  color-scheme:dark;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--fundo)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{font:400 var(--t-texto)/1.6 var(--texto);color:var(--cinza-claro);background:var(--fundo);-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:var(--dourado-claro);text-underline-offset:0.1875rem}
a:hover{color:var(--branco)}
:focus-visible{outline:2px solid var(--dourado);outline-offset:0.1875rem}
::selection{background:var(--dourado-claro);color:var(--navy)}
[id]{scroll-margin-top:var(--header)}
ol,ul{list-style:none}
.inteiro{white-space:nowrap}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:calc(var(--max) + 2 * var(--gutter));margin:0 auto;padding-inline:var(--gutter)}
.saltar{position:absolute;left:-624.9375rem;top:0.5rem;z-index:100;padding:0.625rem 1rem;background:var(--dourado-claro);color:var(--navy)}
.saltar:focus{left:0.5rem}

/* Type: eyebrow, titles, lead */
.eyebrow{font:700 var(--t-rotulo)/1.4 var(--texto);letter-spacing:0.1625rem;text-transform:uppercase;color:var(--dourado-claro)}
h1,h2,h3{font-family:var(--titulo);font-weight:400;color:var(--branco);text-wrap:balance}
h2{font-size:var(--t-h2);line-height:1.18;margin:0.75rem 0 1rem;max-width:22ch}
h3{font-size:var(--t-h3);line-height:1.3;margin-bottom:0.5rem}
.lead{font-size:var(--t-lead);line-height:1.55;max-width:62ch}
.nota{margin-top:1.25rem;font-style:italic;font-size:var(--t-nota);color:var(--cinza-nota)}
.escura{background:var(--fundo-2)}

/* Header */
.hd{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(13,21,38,.9);border-bottom:1px solid var(--linha);-webkit-backdrop-filter:blur(0.75rem);backdrop-filter:blur(0.75rem)}
.hd .wrap{position:relative;display:flex;align-items:center;gap:32px;min-height:var(--header)}
.hd-logo img{height:42px;width:auto}
.nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 28px;margin-left:auto}
.nav a{font:700 var(--t-rotulo)/1.2 var(--texto);letter-spacing:1.6px;text-transform:uppercase;color:var(--cinza-claro);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;white-space:nowrap}
.nav a:hover{color:var(--dourado-claro);border-bottom-color:var(--dourado)}
.nav a.btn{padding:12px 20px;border-bottom:none;color:var(--navy)}
.nav a.btn:hover{color:var(--navy)}
.menu-btn{display:none;margin-left:auto;padding:10px 16px;border:1px solid var(--linha);border-radius:20px;background:transparent;color:var(--branco);font:700 var(--t-rotulo)/1 var(--texto);letter-spacing:1.6px;text-transform:uppercase;cursor:pointer}
.menu-btn:hover{border-color:var(--dourado);color:var(--dourado-claro)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.75rem;padding:1rem 1.625rem;border:0;border-radius:2.5rem;font:700 var(--t-rotulo)/1 var(--texto);letter-spacing:1.8px;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}
.btn-navy{background:var(--navy-cartao);color:var(--branco);box-shadow:inset 0 0 0 1px var(--linha)}
.btn-navy:hover{background:var(--app-alto);color:var(--dourado-claro)}
.btn-ouro{background:var(--dourado-claro);color:var(--navy)}
.btn-ouro:hover{background:var(--branco);color:var(--navy)}
.ligacao{display:inline-flex;align-items:center;gap:0.625rem;font:700 var(--t-rotulo)/1 var(--texto);letter-spacing:1.8px;text-transform:uppercase;text-decoration:none}
.seta{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.acoes{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:2rem}

/* Gold arcs of the navy layouts */
.arcos{position:absolute;right:0;bottom:0;width:min(46vw,35rem);height:auto;pointer-events:none}
.arcos circle{fill:none;stroke:var(--dourado);stroke-width:1.2;opacity:.7}

/* Hero (cover layout) */
.hero{position:relative;overflow:hidden}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2.5rem;align-items:center;padding-block:var(--sec-y)}
.filete{display:block;width:7.5rem;height:2px;margin:1.25rem 0 1.5rem;background:var(--dourado)}
.hero h1{font-size:var(--t-h1);line-height:1.08;max-width:13ch}
.hero h1 em{font-style:normal;color:var(--dourado-claro)}
.hero .lead{margin-top:1.5rem;color:var(--cinza-claro);max-width:34em}
.parceria{margin-top:1.5rem;font-size:var(--t-nota);color:var(--cinza-nota)}
.parceria strong{color:var(--branco);letter-spacing:1px}
.lema{display:flex;flex-wrap:wrap;gap:0.5rem 1rem;margin-top:2rem;font:700 var(--t-rotulo)/1 var(--texto);letter-spacing:0.1625rem;text-transform:uppercase;color:var(--cinza-nota)}
.lema span:first-child{color:var(--branco)}
.lema i{font-style:normal;color:var(--dourado-claro)}

/* App stage on the cover: two phones, a watch and the data sources floating around */
.palco{position:relative;width:38.75rem;height:40rem;justify-self:center}
.palco::before{content:"";position:absolute;left:8%;right:2%;top:12%;bottom:8%;background:radial-gradient(closest-side,rgba(201,169,106,.22),transparent);pointer-events:none}
.prateleira{position:absolute;left:4%;right:-60vw;bottom:0;height:7.375rem;background:linear-gradient(180deg,var(--palco-1),var(--palco-2));clip-path:polygon(4rem 0,100% 0,100% 100%,0 100%);box-shadow:inset 0 1px 0 rgba(201,169,106,.22)}
.ladrilho{position:absolute;display:flex;align-items:center;justify-content:center;width:3.75rem;height:3.75rem;border-radius:1rem;background:var(--navy-cartao);box-shadow:0 0.875rem 1.875rem rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08);z-index:1}
.ladrilho svg{width:52%;height:52%;fill:none;stroke:var(--dourado-claro);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ladrilho.claro{background:var(--branco)}
.ladrilho.claro svg{stroke:var(--navy)}
.ladrilho.ouro{background:var(--dourado-claro)}
.ladrilho.ouro svg{stroke:var(--navy)}
.l1{left:0.375rem;top:3.625rem}
.l2{left:3.875rem;top:14.25rem;width:3.25rem;height:3.25rem;border-radius:0.875rem}
.l3{left:0;top:24.5rem;width:3.5rem;height:3.5rem}
.l4{left:5.25rem;top:32.625rem;width:2.875rem;height:2.875rem;border-radius:0.75rem;opacity:.85}
.l5{left:33.75rem;top:0.375rem;width:3.625rem;height:3.625rem}
.l6{left:35.375rem;top:10.5rem;width:3.125rem;height:3.125rem;border-radius:0.875rem}
.l7{left:34.25rem;top:20.125rem;width:4rem;height:4rem;border-radius:1.125rem}
.l8{left:35.875rem;top:30.375rem;width:2.875rem;height:2.875rem;border-radius:0.75rem}

.tlm{position:absolute;padding:0.5625rem;border-radius:2.625rem;background:linear-gradient(145deg,var(--aro-1),var(--aro-2));box-shadow:0 2.5rem 4.375rem rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.06)}
/* Device bodies: 3D renders (titanium, glass, buttons, crown, band) laid over the live HTML
   screens, with the same perspective as each phone; the screen area of the render is clear */
.corpo{position:absolute;max-width:none;pointer-events:none}
.corpo-1{left:5.25rem;top:-1.25rem;width:20rem;height:37.5rem;z-index:3}
.corpo-2{left:18.5625rem;top:3.4375rem;width:18.75rem;height:35rem;z-index:2}
.corpo-relogio{left:-2rem;top:-1.3125rem;width:13.75rem;height:21.25rem}
.palco .tlm{background:#030405}
.palco .tlm-ecra::after,.mostrador::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.08),rgba(255,255,255,.02) 34%,rgba(255,255,255,0) 35%);pointer-events:none}
.tlm-1{left:7.375rem;top:1.125rem;width:15.75rem;height:32.75rem;transform:perspective(87.5rem) rotateY(14deg) rotateZ(-1.5deg);z-index:3}
.tlm-2{left:21rem;top:6.5rem;width:13.875rem;height:28.875rem;transform:perspective(87.5rem) rotateY(-18deg) rotateZ(1deg);z-index:2}
.tlm-ecra{position:relative;width:100%;height:100%;overflow:hidden;border-radius:2.125rem;background:var(--app-fundo);color:var(--app-texto);font-family:var(--texto);font-size:0.6875rem;line-height:1.35}
.tlm-estado{position:relative;display:flex;align-items:center;justify-content:space-between;height:1.875rem;padding:0 1.125rem;font-size:0.6875rem;font-weight:700}
.tlm-estado .ilha{position:absolute;left:50%;top:0.4375rem;width:4.5rem;height:1.1875rem;margin-left:-2.25rem;border-radius:0.75rem;background:var(--moldura)}
.tlm-estado .sinais{display:flex;align-items:center;gap:0.1875rem}
.tlm-estado .sinais i{display:block;width:0.1875rem;background:var(--app-texto);border-radius:1px}
.tlm-estado .sinais i:nth-child(1){height:0.25rem}.tlm-estado .sinais i:nth-child(2){height:0.375rem}.tlm-estado .sinais i:nth-child(3){height:0.5rem}
.tlm-estado .sinais b{display:block;width:1.125rem;height:0.5625rem;margin-left:0.25rem;border-radius:0.1875rem;background:var(--app-texto)}
.tlm-topo{padding-bottom:0.75rem;background:linear-gradient(180deg,rgba(13,21,38,.25),rgba(13,21,38,.55) 45%,var(--app-fundo)),url("../img/app-topo.webp") center 30%/cover}
.tlm-topo .ola{padding:0.375rem 1rem 0;font:400 1.375rem/1.15 var(--titulo)}
.tlm-topo .data{padding:2px 1rem 0;font-size:0.65625rem;color:var(--app-suave)}
.tlm .secao{display:flex;justify-content:space-between;align-items:baseline;padding:0.625rem 1rem 0.375rem;font:400 0.875rem/1.2 var(--titulo)}
.tlm .secao em{font:400 0.625rem/1 var(--texto);font-style:normal;color:var(--app-suave)}
.aneis{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:end;gap:0.25rem;padding:0.375rem 0.625rem 0}
.anel-p{position:relative;text-align:center}
.anel-p .rot{display:block;margin-bottom:0.25rem;font-size:0.59375rem;color:var(--app-suave)}
.anel-p svg{width:100%;max-width:3.875rem;margin:0 auto;transform:rotate(-90deg)}
.anel-p.grande svg{max-width:5rem}
.anel-p .num{position:absolute;left:0;right:0;bottom:0;height:3.875rem;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.anel-p.grande .num{height:5rem}
.anel-p .num b{font:400 0.9375rem/1 var(--titulo)}
.anel-p.grande .num b{font-size:1.25rem;color:var(--app-ouro)}
.anel-p .num i{font-style:normal;font-size:0.53125rem;color:var(--app-suave);margin-top:2px}
.an-f{fill:none;stroke:rgba(244,241,234,.16);stroke-width:5}
.an-v{fill:none;stroke:var(--app-texto);stroke-width:5;stroke-linecap:round;stroke-dasharray:163.4;animation:encher 1.8s cubic-bezier(.22,1,.36,1) .3s backwards}
.an-v.ouro{stroke:var(--app-ouro)}
.an-v.p55{stroke-dashoffset:73.5}.an-v.p82{stroke-dashoffset:29.4}.an-v.p62{stroke-dashoffset:62.1}
@keyframes encher{from{stroke-dashoffset:163.4}}
.relance{display:grid;grid-template-columns:1fr 1fr;gap:0.375rem;padding:0 0.625rem}
.relance div,.tlm .item{display:flex;align-items:center;gap:0.4375rem;padding:0.5rem;border-radius:0.75rem;background:var(--app-cartao)}
.relance p,.tlm .item p{font-size:0.59375rem;color:var(--app-suave);line-height:1.25}
.relance b{display:block;font:400 0.8125rem/1.2 var(--titulo);color:var(--app-texto)}
.ic{display:flex;align-items:center;justify-content:center;flex:none;width:1.625rem;height:1.625rem;border-radius:0.5rem;background:var(--app-alto)}
.ic svg{width:0.9375rem;height:0.9375rem;fill:none;stroke:var(--app-ouro);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tlm .item{margin:0 0.625rem 0.375rem}
.tlm .item p strong{display:block;font-size:0.6875rem;font-weight:700;color:var(--app-texto)}
.tlm-nav{position:absolute;left:0.5rem;right:0.5rem;bottom:0.5rem;display:flex;justify-content:space-around;padding:0.4375rem 0.25rem;border-radius:1.375rem;background:rgba(27,42,74,.92)}
.tlm-nav span{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0.25rem 0.5rem;border-radius:0.875rem;font-size:0.53125rem;color:var(--app-suave)}
.tlm-nav span.on{background:var(--app-fundo);color:var(--app-texto)}
.tlm-nav svg{width:0.9375rem;height:0.9375rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tlm-cab{display:flex;align-items:center;justify-content:space-between;padding:0.25rem 0.875rem 2px;font:400 0.875rem/1.2 var(--titulo)}
.tlm-cab span{font:700 0.8125rem/1 var(--texto);color:var(--app-suave)}
.tlm-cab .info{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border-radius:50%;background:var(--app-texto);color:var(--app-fundo);font-size:0.625rem}
.taca{position:relative;width:7.375rem;margin:0.5rem auto 0}
.taca svg{width:7.375rem;height:7.375rem;overflow:visible}
.taca .aro{fill:none;stroke:var(--app-alto);stroke-width:4}
.taca .fundo{fill:var(--app-cartao)}
.taca .liquido{fill:url(#g-liquido);animation:onda 4s linear infinite}
.taca .nivel{animation:subir 2.2s cubic-bezier(.22,1,.36,1) .2s backwards}
.taca text{font:400 2.125rem var(--titulo);fill:var(--app-fundo)}
.taca text.pq{font:700 0.5625rem var(--texto);fill:var(--app-fundo)}
.s1{stop-color:var(--app-att)}.s2{stop-color:var(--dourado)}
@keyframes onda{to{transform:translateX(-7.5rem)}}
@keyframes subir{from{transform:translateY(5.125rem)}}
.tlm .nota-app{text-align:center;font-size:0.59375rem;color:var(--app-suave);margin-top:0.25rem}
.chips3{display:grid;grid-template-columns:repeat(3,1fr);gap:0.3125rem;padding:0.625rem 0.625rem 0}
.chips3 div{padding:0.375rem 0.4375rem;border-radius:0.625rem;background:var(--app-cartao)}
.chips3 em{display:block;font-style:normal;font-size:0.53125rem;color:var(--app-suave)}
.chips3 b{font:400 0.8125rem/1.2 var(--titulo);color:var(--app-ok)}
.periodo{display:flex;justify-content:space-between;align-items:center;padding:0.625rem 0.75rem 0;font-size:0.59375rem;color:var(--app-suave)}
.periodo .seg{display:flex;gap:0.25rem}
.periodo .seg i{font-style:normal;padding:2px 0.375rem;border-radius:0.5rem}
.periodo .seg i.on{background:var(--app-texto);color:var(--app-fundo);font-weight:700}
.c2{display:block;width:calc(100% - 1rem);margin:0.25rem 0.5rem 0}
.c2 .g{stroke:var(--app-alto);stroke-width:1}
.c2 .a{fill:rgba(201,169,106,.16)}
.c2 .l{fill:none;stroke:var(--app-ouro);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:200;animation:desenhar 2s cubic-bezier(.22,1,.36,1) .6s backwards}
.c2 circle{fill:var(--app-fundo);stroke:var(--app-ouro);stroke-width:1.6}
.c2 circle.ult{fill:var(--app-ouro)}
.c2 text{font:400 0.5rem var(--texto);fill:var(--app-suave)}
@keyframes desenhar{from{stroke-dashoffset:200}to{stroke-dashoffset:0}}
.insight{margin:0.5rem 0.625rem 0;padding:0.5rem 0.625rem;border-radius:0.75rem;background:var(--app-cartao);font-size:0.59375rem;color:var(--app-suave)}
.insight b{display:block;font-size:0.625rem;color:var(--app-ouro)}

.relogio{position:absolute;left:16.375rem;top:24.25rem;width:9.75rem;z-index:4;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 1.875rem 2.5rem rgba(0,0,0,.6))}
.bracelete{display:block;width:6.5rem;height:4rem}
.caixa{position:relative;width:9.75rem;height:11.125rem;padding:0.5625rem;margin:-0.25rem 0;border-radius:2.75rem;background:#030405}
.mostrador{position:relative;width:100%;height:100%;padding:1rem 1rem 0.75rem;border-radius:2.25rem;background:var(--moldura);color:var(--app-texto);font-family:var(--texto)}
.r-topo{display:flex;justify-content:space-between;align-items:flex-start;font-size:0.625rem;line-height:1.2}
.r-topo span:first-child{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border-radius:50%;background:var(--app-alto);font-weight:700}
.r-topo span:last-child{text-align:right;color:var(--app-texto)}
.r-topo b{display:block;font-size:0.6875rem}
.r-bpm{display:flex;align-items:baseline;gap:0.25rem;margin-top:0.5rem;font-size:0.625rem;color:var(--app-suave)}
.r-bpm b{font:400 1.75rem/1 var(--titulo);color:var(--app-texto);font-variant-numeric:tabular-nums}
.pulso{display:inline-block;width:0.4375rem;height:0.4375rem;margin-left:2px;border-radius:50%;background:var(--app-ouro);animation:pulsar 1s ease-in-out infinite}
@keyframes pulsar{50%{transform:scale(1.6);opacity:.5}}
.r-zona{display:flex;align-items:center;gap:0.375rem;margin-top:0.5rem}
.r-zona .barra-z{position:relative;flex:1;height:0.375rem;border-radius:0.1875rem;background:linear-gradient(90deg,var(--app-ok),var(--app-ouro),var(--app-att))}
.r-zona .barra-z i{position:absolute;top:-0.1875rem;left:62%;width:0.75rem;height:0.75rem;margin-left:-0.375rem;border-radius:50%;background:var(--app-texto);box-shadow:0 0 0 2px var(--moldura)}
.r-zona em{font-style:normal;font-size:0.59375rem;color:var(--app-ouro)}
.r-dados{display:grid;grid-template-columns:1fr 1fr;gap:0.375rem;margin-top:0.625rem}
.r-dados p{font-size:0.53125rem;color:var(--app-suave);line-height:1.3}
.r-dados b{display:block;font:400 0.8125rem/1.2 var(--titulo);color:var(--app-texto)}
@keyframes flutuar{0%,100%{transform:translateY(0)}50%{transform:translateY(-0.625rem)}}
.ladrilho{animation:flutuar 6s ease-in-out infinite}
.l2,.l6{animation-delay:-1.5s}.l3,.l7{animation-delay:-3s}.l4,.l8{animation-delay:-4.5s}

/* Sections */
.sec{position:relative;padding-block:var(--sec-y);border-top:1px solid var(--linha)}
.sec.alt{background:var(--fundo-2)}
.sec-hd{margin-bottom:var(--sec-hd)}

/* Assessment: photo and the five pillars with gold rings, as on the campaign posters */
.avaliacao{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3rem;align-items:start}
.foto img{width:100%;height:auto;border-radius:var(--raio)}
.pilares{display:grid;gap:1.5rem}
.pilar{display:grid;grid-template-columns:4.25rem minmax(0,1fr);gap:1.25rem;align-items:start}
.anel-ouro{display:flex;align-items:center;justify-content:center;width:4.25rem;height:4.25rem;border:2px solid var(--dourado-claro);border-radius:50%;box-shadow:0 0 1.375rem rgba(201,169,106,.18)}
.anel-ouro svg{width:2rem;height:2rem;fill:none;stroke:var(--branco);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pilar p{font-size:var(--t-texto)}
.pilar .resumo{color:var(--branco)}
.barra{padding:0.25rem 0 0.25rem 1.625rem;border-left:0.375rem solid var(--dourado)}
.barra p{font-size:var(--t-texto)}

/* Evolution: one view with every indicator, in the mood of the EXORYA app and of the data section */
.evol-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,auto);gap:1rem}
.ev{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:1.375rem 1.375rem 1.125rem;border-radius:1.5rem;background:var(--app-cartao);color:var(--app-texto)}
.ev::before{content:"";position:absolute;right:-5.625rem;top:-6.875rem;width:17.5rem;height:17.5rem;background:radial-gradient(closest-side,rgba(201,169,106,.13),transparent);pointer-events:none}
.ev.grande{grid-column:span 2;grid-row:span 2;padding:1.75rem 1.75rem 1.125rem}
.ev-topo{position:relative;display:flex;justify-content:space-between;align-items:baseline;gap:0.625rem}
.ev-t{font:400 1.1875rem/1.2 var(--titulo);color:var(--app-texto);margin:0}
.ev.grande .ev-t{font-size:1.5rem}
.ev-d{flex:none;padding:0.1875rem 0.625rem;border-radius:1.25rem;background:rgba(140,196,160,.14);font:700 0.78125rem/1.5 var(--texto);color:var(--app-ok)}
.ev-n{position:relative;margin-top:0.625rem;font:400 2.25rem/1 var(--titulo);color:var(--app-ouro);font-variant-numeric:tabular-nums}
.ev.grande .ev-n{font-size:4rem;margin-top:0.875rem}
.ev-n small{font:400 0.875rem var(--texto);color:var(--app-suave)}
.ev.grande .ev-n small{font-size:1.125rem}
.ev-s{position:relative;margin-top:auto;padding-top:0.375rem;font-size:0.875rem;line-height:1.4;color:var(--app-suave)}
.ev.grande .ev-s{margin-top:0.625rem;font-size:1rem;max-width:36em}
.ev-resumo{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.625rem;margin-top:1.25rem}
.ev-resumo div{padding:0.75rem 0.875rem;border-radius:1rem;background:var(--app-alto)}
.ev-resumo dt{font-size:0.78125rem;color:var(--app-suave)}
.ev-resumo dd{font:400 1.25rem/1.3 var(--titulo);color:var(--app-texto)}
.ev-g{position:relative;display:block;width:100%;height:auto;margin-top:0.5rem}
.ev.grande .ev-g{margin-top:auto}
.ev-g .g{stroke:var(--app-alto);stroke-width:1}
.ev-g .guia{stroke:var(--app-ouro);stroke-width:1;stroke-dasharray:3 5;opacity:.6}
.ev-g .area{fill:url(#ev-area)}
.ev-g .linha{fill:none;stroke:var(--app-ouro);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100}
.ev-g circle{fill:var(--app-cartao);stroke:var(--app-ouro);stroke-width:2}
.ev-g circle.ult{fill:var(--app-ouro)}
.ev-g .halo{fill:var(--app-ouro);stroke:none;opacity:.25;transform-box:fill-box;transform-origin:center;animation:halo 2.4s ease-out infinite}
.ev-g .val{font:400 0.9375rem var(--titulo);fill:var(--app-suave)}
.ev-g .val.ult{font-size:1.375rem;fill:var(--app-texto)}
.ev-g .m{font:400 0.75rem var(--texto);fill:var(--app-suave)}
.ev.grande .ev-g .m{font-size:0.875rem}
.ga1{stop-color:var(--app-ouro);stop-opacity:.38}.ga2{stop-color:var(--app-ouro);stop-opacity:0}
@keyframes halo{0%{transform:scale(.6);opacity:.45}100%{transform:scale(2.2);opacity:0}}
.ver .ev-g .linha{animation:tracar 1.8s cubic-bezier(.22,1,.36,1) backwards}
.ver .ev-g circle:not(.halo),.ver .ev-g .val{animation:surgir .5s ease-out backwards}
.ver .ev-g circle:nth-of-type(3),.ver .ev-g .val:nth-of-type(2){animation-delay:.4s}
.ver .ev-g circle:nth-of-type(4),.ver .ev-g .val:nth-of-type(3){animation-delay:.8s}
.ver .ev-g circle:nth-of-type(5),.ver .ev-g .val:nth-of-type(4){animation-delay:1.2s}
@keyframes surgir{from{opacity:0}}
.ver .ev:nth-child(2){animation:entrar .7s cubic-bezier(.22,1,.36,1) .1s backwards}
.ver .ev:nth-child(3){animation:entrar .7s cubic-bezier(.22,1,.36,1) .2s backwards}
.ver .ev:nth-child(4){animation:entrar .7s cubic-bezier(.22,1,.36,1) .3s backwards}
.ver .ev:nth-child(5){animation:entrar .7s cubic-bezier(.22,1,.36,1) .4s backwards}
@keyframes entrar{from{opacity:0;transform:translateY(1.125rem)}}

/* Data stories: a photo with the data drawn over it */
.historias{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.125rem}
.historia{position:relative;overflow:hidden;height:35rem;border-radius:1.5rem;background:var(--app-cartao);isolation:isolate}
.h-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.ela .h-foto{object-position:50% 18%}
.ele .h-foto{object-position:40% 14%}
.historia::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 45%,rgba(10,17,32,.72) 78%),linear-gradient(180deg,rgba(10,17,32,.86) 0%,rgba(10,17,32,.3) 36%,rgba(10,17,32,.35) 58%,rgba(10,17,32,.94) 100%)}
.h-texto{padding:1.875rem 1.875rem 0;max-width:62%}
.h-texto h3{font-size:1.875rem;line-height:1.15;margin-bottom:0.625rem}
.h-texto p{font-size:1rem;color:var(--cinza-claro)}
.h-medidor{position:absolute;right:1.625rem;top:1.625rem;width:7.5rem;margin:0}
.h-medidor svg{width:7.5rem;height:7.5rem}
.h-medidor .nivel{animation:none}
.h-curva{position:absolute;left:0;right:0;bottom:0;width:100%;height:auto}
.h-curva .guia{stroke:var(--app-ouro);stroke-width:1.5;stroke-dasharray:3 5;opacity:.7}
.h-curva .area{fill:url(#hc-area)}
.h-curva .linha{fill:none;stroke:var(--app-ouro);stroke-width:4;stroke-linecap:round;stroke-dasharray:100}
.h-curva circle{fill:var(--app-fundo);stroke:var(--app-ouro);stroke-width:2.5}
.h-curva circle.ult{fill:var(--app-ouro)}
.h-curva text{font:400 1.125rem var(--titulo);fill:var(--app-texto)}
.h-curva text.v{font-size:1.75rem}
.h-curva text.m{font:400 0.8125rem var(--texto);fill:var(--app-suave)}
.h-vidros{position:absolute;right:1.375rem;top:9.375rem;display:grid;gap:0.625rem;justify-items:end}
.vidro{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:0.625rem;padding:0.625rem 0.875rem;border-radius:0.875rem;background:rgba(13,21,38,.62);box-shadow:inset 0 0 0 1px rgba(244,241,234,.1);-webkit-backdrop-filter:blur(0.625rem);backdrop-filter:blur(0.625rem)}
.vidro em{grid-column:1 / -1;font-style:normal;font-size:0.75rem;color:var(--app-suave)}
.vidro b{font:400 1.375rem/1.2 var(--titulo);color:var(--app-texto)}
.vidro i{font-style:normal;font-size:0.8125rem;font-weight:700;color:var(--app-ok)}
.h-baixo{position:absolute;left:0;right:0;bottom:0;padding:0 1rem 0.625rem}
.h-rot{font-size:0.8125rem;color:var(--app-suave);margin-left:0.5rem}
.h-zonas{width:100%;height:auto}
.h-zonas .g{stroke:rgba(244,241,234,.12);stroke-width:1}
.h-zonas text{font:400 0.75rem var(--texto);fill:var(--app-suave)}
.h-zonas .lig{fill:none;stroke:rgba(244,241,234,.45);stroke-width:1.5}
.h-zonas rect{transform-box:fill-box;transform-origin:left center}
.z1{fill:var(--app-suave)}.z2{fill:var(--app-ok)}.z3{fill:var(--app-ouro)}.z4{fill:var(--app-att)}

/* Indicator strip: two rows that move in opposite directions while the page scrolls */
.faixa{display:grid;gap:1rem;margin-top:2.5rem;padding-block:0.375rem;overflow:hidden}
.faixa-linha{display:flex;gap:1rem;width:max-content;padding-inline:var(--gutter);will-change:transform}
.w{display:flex;flex:none;flex-direction:column;width:14.5rem;height:15.625rem;padding:1.25rem 1.375rem;border-radius:1.5rem}
.w.largo{flex-direction:row;justify-content:space-between;gap:1.25rem;width:29.375rem}
.w.largo > div:first-child{display:flex;flex-direction:column}
.w.escuro{background:var(--app-cartao);color:var(--app-texto)}
.w.claro{background:var(--areia);color:var(--navy)}
.w-t{display:flex;justify-content:space-between;align-items:baseline;gap:0.5rem;font:400 1.125rem/1.2 var(--titulo)}
.w-d{font:700 0.8125rem var(--texto);color:var(--app-ok);white-space:nowrap}
.w-s{margin-top:2px;font-size:0.8125rem;color:var(--app-suave)}
.w-p{margin-top:auto;font-size:0.8125rem;color:var(--app-suave)}
.w-p .ok{font-weight:700;color:var(--app-ok)}
.w-n{margin-top:auto;font:400 2.125rem/1 var(--titulo);font-variant-numeric:tabular-nums;white-space:nowrap}
.w-n small{font:400 0.875rem var(--texto);color:var(--app-suave)}
.w-n.grande{margin-top:0.875rem;font-size:2.75rem}
.claro .w-d,.claro .w-p .ok{color:var(--positivo)}
.claro .w-s,.claro .w-p,.claro .w-n small,.claro .w-dias{color:var(--ardosia)}
.w-anel{position:relative;width:7.375rem;height:7.375rem;margin:0.625rem auto 0.5rem}
.w-anel svg{width:100%;height:100%;transform:rotate(-90deg)}
.w-anel b{position:absolute;inset:0 0 0.875rem;display:flex;align-items:center;justify-content:center;font:400 1.75rem/1 var(--titulo)}
.w-anel small{position:absolute;left:0;right:0;top:4.25rem;text-align:center;font-size:0.6875rem;color:var(--app-suave)}
.claro .w-anel small{color:var(--ardosia)}
.w-af{fill:none;stroke:var(--app-alto);stroke-width:7}
.w-av{fill:none;stroke:var(--app-ouro);stroke-width:7;stroke-linecap:round;stroke-dasharray:100}
.claro .w-af{stroke:var(--cinza-claro)}
.claro .w-av{stroke:var(--dourado)}
.w-barras{display:flex;align-items:flex-end;gap:0.5rem;height:4.375rem;margin-top:0.875rem}
.w-barras i{flex:1;height:50%;border-radius:0.375rem;background:var(--app-alto);transform-origin:bottom}
.w-barras i.on{background:var(--app-ouro)}
.claro .w-barras i{background:var(--cinza-claro)}
.claro .w-barras i.on{background:var(--dourado)}
.w-barras.alto{align-self:flex-end;width:11.875rem;height:9.375rem;margin:0}
.w-barras.quatro{gap:0.875rem}
.w-dias{display:flex;gap:0.5rem;margin-top:0.375rem;font-size:0.625rem;color:var(--app-suave)}
.w-dias span{flex:1;text-align:center}
.w-grad{position:relative;height:0.625rem;margin-top:1rem;border-radius:0.3125rem;background:linear-gradient(90deg,var(--app-ok),var(--app-ouro),var(--app-att))}
.w-grad i{position:absolute;top:-0.25rem;left:50%;width:1.125rem;height:1.125rem;margin-left:-0.5625rem;border-radius:50%;background:var(--app-texto);box-shadow:0 0 0 0.1875rem var(--app-cartao)}
.claro .w-grad i{background:var(--navy);box-shadow:0 0 0 0.1875rem var(--areia)}
.w-spark{width:100%;height:3.75rem;margin-top:0.625rem}
.w-sa{fill:rgba(201,169,106,.16)}
.w-sl{fill:none;stroke:var(--app-ouro);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;vector-effect:non-scaling-stroke}
.claro .w-sa{fill:rgba(156,121,59,.14)}
.claro .w-sl{stroke:var(--dourado)}
.w-dados{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:0.875rem 1.125rem}
.w-dados dt{font-size:0.75rem;color:var(--app-suave)}
.w-dados dd{font:400 1.25rem/1.2 var(--titulo)}

/* Animations when a block comes into view (the page is complete without them) */
.ver .w-av{animation:encher-p 1.6s cubic-bezier(.22,1,.36,1) backwards}
@keyframes encher-p{from{stroke-dashoffset:100}}
.ver .w-barras i{animation:crescer 1s cubic-bezier(.22,1,.36,1) backwards}
.ver .w-barras i:nth-child(2){animation-delay:0.07s}.ver .w-barras i:nth-child(3){animation-delay:0.14s}.ver .w-barras i:nth-child(4){animation-delay:0.21s}.ver .w-barras i:nth-child(5){animation-delay:0.28s}.ver .w-barras i:nth-child(6){animation-delay:0.35s}.ver .w-barras i:nth-child(7){animation-delay:0.42s}
@keyframes crescer{from{transform:scaleY(0)}}
.ver .w-sl,.ver .h-curva .linha{animation:tracar 1.8s cubic-bezier(.22,1,.36,1) backwards}
@keyframes tracar{from{stroke-dashoffset:100}}
.ver .h-zonas rect{animation:estender .5s ease-out backwards}
.ver .h-zonas .s1{animation-delay:0.12s}.ver .h-zonas .s2{animation-delay:0.24s}.ver .h-zonas .s3{animation-delay:0.36s}.ver .h-zonas .s4{animation-delay:0.48s}.ver .h-zonas .s5{animation-delay:0.60s}.ver .h-zonas .s6{animation-delay:0.72s}.ver .h-zonas .s7{animation-delay:0.84s}.ver .h-zonas .s8{animation-delay:0.96s}
@keyframes estender{from{transform:scaleX(0)}}
.ver .w-grad i{animation:deslizar 1.4s cubic-bezier(.22,1,.36,1) backwards}
@keyframes deslizar{from{left:0}}
.ver .h-medidor .nivel{animation:subir 2.2s cubic-bezier(.22,1,.36,1) .2s backwards}

/* App gallery: panels like app store screens, moving sideways while the page scrolls */
.galeria-rolo{overflow-x:auto;scroll-snap-type:x mandatory;padding-block:0.5rem 1.5rem;scrollbar-width:none}
.galeria-rolo::-webkit-scrollbar{display:none}
/* While the panels slide, the title stays on the left of the same screen */
.galeria.ativa .galeria-fixa{--margem:max(var(--gutter),calc((100vw - var(--max)) / 2));position:sticky;top:calc(var(--header) + 0.75rem);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;height:calc(100vh - var(--header) - 1.5rem);overflow:hidden}
.sec:has(> .galeria.ativa){padding-top:0}
.galeria.ativa .galeria-hd{width:calc(26rem + var(--margem));max-width:none;margin:0;padding:0 2rem 0 var(--margem)}
.galeria.ativa .sec-hd{margin-bottom:0}
.galeria.ativa .galeria-rolo{overflow:hidden;padding:0;scroll-snap-type:none}
.galeria.ativa .galeria-linha{padding-inline:2.5rem var(--gutter)}
.galeria-linha{display:flex;gap:1.25rem;width:max-content;padding-inline:var(--gutter);will-change:transform}
.gp{position:relative;flex:none;width:21.25rem;height:37.5rem;overflow:hidden;border-radius:1.75rem;scroll-snap-align:center;background:radial-gradient(ellipse 80% 55% at 50% 100%,rgba(201,169,106,.24),transparent 70%),linear-gradient(180deg,var(--fundo-2),var(--moldura));box-shadow:inset 0 0 0 1px var(--linha)}
.gp-t{padding:2rem 1.75rem 0;text-align:center;font-size:var(--t-h3);line-height:1.2}
.tlm.mini{left:50%;top:9.125rem;width:15.625rem;height:31.875rem;margin-left:-7.8125rem;transform:rotate(-5deg)}
.tlm.mini.dir{transform:rotate(5deg)}
.mini-grande{padding:0.625rem 0.875rem 0;font:400 2.125rem/1 var(--titulo)}
.mini-grande small{font:400 0.75rem var(--texto);color:var(--app-suave)}
.mini-sub{padding:0.25rem 0.875rem 0;font-size:0.65625rem;color:var(--app-suave)}
.histo,.semana{display:block;width:calc(100% - 1rem);margin:0.625rem 0.5rem 0}
.histo rect{fill:var(--app-alto)}
.histo rect.voce{fill:var(--app-ouro)}
.histo .marca{stroke:var(--app-texto);stroke-width:2}
.histo .marca-t{font:700 0.625rem var(--texto);fill:var(--app-texto)}
.histo text,.semana text{font:400 0.5625rem var(--texto);fill:var(--app-suave)}
.semana .g{stroke:var(--app-alto)}
.mini-cartao{margin:0.625rem 0.625rem 0;padding:0.625rem 0.75rem;border-radius:0.75rem;background:var(--app-cartao);font-size:0.625rem;color:var(--app-suave)}
.mini-cartao b{display:block;font-size:0.71875rem;color:var(--app-texto)}
.mini-zonas{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0.5rem 0.875rem 0;font-size:0.59375rem;color:var(--app-suave)}
.mini-zonas span::before{content:"";display:inline-block;width:0.5rem;height:0.5rem;margin-right:0.25rem;border-radius:2px;vertical-align:middle}
.mini-zonas .z1::before{background:var(--app-suave)}.mini-zonas .z2::before{background:var(--app-ok)}.mini-zonas .z3::before{background:var(--app-ouro)}.mini-zonas .z4::before{background:var(--app-att)}
.mini-fontes,.mini-rel{display:grid;gap:0.375rem;padding:0.5rem 0.625rem 0}
.mini-fontes li,.mini-rel li{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;border-radius:0.75rem;background:var(--app-cartao);font-size:0.6875rem}
.mini-fontes .mais{color:var(--app-suave);background:transparent;box-shadow:inset 0 0 0 1px var(--app-alto)}
.liga{position:relative;flex:none;width:1.75rem;height:1rem;margin-left:auto;border-radius:0.5rem;background:var(--app-ok)}
.liga::after{content:"";position:absolute;right:2px;top:2px;width:0.75rem;height:0.75rem;border-radius:50%;background:var(--app-texto)}
.mini-destaque{margin:0.625rem 0.625rem 0;padding:0.875rem;border-radius:0.875rem;background:linear-gradient(135deg,var(--app-alto),var(--app-cartao));box-shadow:inset 0 0 0 1px rgba(201,169,106,.35)}
.mini-destaque p{font-size:0.65625rem;color:var(--app-suave)}
.mini-destaque b{display:block;font:400 2rem/1.1 var(--titulo);color:var(--app-ouro)}
.mini-destaque b small{font:400 0.6875rem var(--texto);color:var(--app-suave)}
.mini-destaque .ok{font-size:0.65625rem;font-weight:700;color:var(--app-ok)}
.mini-rel p{font-size:0.59375rem;line-height:1.25;color:var(--app-suave)}
.mini-rel strong{display:block;font-size:0.6875rem;color:var(--app-texto)}
.numerada.em-linha{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2.5rem}

/* How it works: numbered steps (design system: gold circles joined by a line), beside the photo */
.como{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:3rem;align-items:start}
.passos-v{counter-reset:passo;margin-top:2rem}
.passos-v li{position:relative;padding:0 0 1.5rem 4.25rem}
.passos-v li::before{counter-increment:passo;content:counter(passo);position:absolute;left:0;top:0;width:2.875rem;height:2.875rem;border-radius:50%;background:var(--dourado);color:var(--branco);display:flex;align-items:center;justify-content:center;font:700 1.125rem/1 var(--texto)}
.passos-v li::after{content:"";position:absolute;left:1.375rem;top:3.5rem;bottom:0.5rem;width:1px;background:var(--linha)}
.passos-v li:last-child::after{display:none}
.passos-v h3{font-size:var(--t-h3);padding-top:0.5rem}

/* Central argument: without and with EXORYA */
.comparacao{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap) var(--gap);margin-top:2.5rem}
.comparacao h3{padding:1rem 1.375rem;border-radius:0.375rem;font:700 var(--t-texto)/1.3 var(--texto);color:var(--branco)}
.comparacao h3.sem{background:var(--ardosia)}
.comparacao h3.com{background:var(--dourado-claro);color:var(--navy)}
.comparacao ul{display:grid;gap:0.75rem}
.comparacao li{padding:1.125rem 1.375rem;border-radius:0.375rem;background:var(--app-cartao);color:var(--cinza-claro);font-size:var(--t-texto);line-height:1.45}
.citacao{font-size:var(--t-h2);line-height:1.25;max-width:30ch}

/* App */
.duas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:start}
.numerada{display:grid;gap:1.5rem;margin-top:2rem;counter-reset:n}
.numerada li{position:relative;padding-left:3.875rem;min-height:2.875rem}
.numerada li::before{counter-increment:n;content:counter(n);position:absolute;left:0;top:0;width:2.875rem;height:2.875rem;border-radius:50%;background:var(--navy-cartao);color:var(--dourado-claro);box-shadow:inset 0 0 0 1px var(--dourado);display:flex;align-items:center;justify-content:center;font:700 1.125rem/1 var(--texto)}
.numerada strong{display:block;font:400 var(--t-h3)/1.3 var(--titulo);color:var(--branco)}
.cartoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.cartao{background:var(--cartao);border-radius:var(--raio);padding:1.625rem}
.cartao h3{font-size:var(--t-h3)}
.cartao p{font-size:var(--t-texto)}

/* Formats (numbered rows) */
.formatos{display:grid;gap:0.875rem}
.formatos li{display:grid;grid-template-columns:3.25rem minmax(0,1fr);gap:1rem;align-items:stretch;counter-increment:f}
.formatos{counter-reset:f}
.formatos li::before{content:counter(f);display:flex;align-items:center;justify-content:center;height:3.25rem;border-radius:0.875rem;background:var(--dourado-claro);color:var(--navy);font:700 1.1875rem/1 var(--texto)}
.formatos div{background:var(--cartao);border-radius:var(--raio);padding:1rem 1.375rem}
.formatos strong{display:block;color:var(--branco);font-size:var(--t-texto)}
.formatos span{font-size:var(--t-texto)}

/* Partner gyms: SEVEN first, then an invitation to other gyms */
.parceiros{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1rem}
.parceiro{display:flex;flex-direction:column;gap:0.5rem;padding:1.75rem;border-radius:var(--raio);background:var(--cartao)}
.parceiro.destaque{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:2rem}
.parceiro-logo{display:flex;align-items:center;justify-content:center;padding:2.125rem 1.625rem;border-radius:0.875rem;background:var(--fundo);box-shadow:inset 0 0 0 1px var(--linha);transition:transform .2s,box-shadow .2s}
.parceiro-logo:hover{transform:translateY(-0.1875rem);box-shadow:inset 0 0 0 1px var(--dourado)}
.parceiro-logo img{width:100%;max-width:18.75rem;height:auto}
.parceiro-rot{font:700 var(--t-rotulo)/1.4 var(--texto);letter-spacing:0.1375rem;text-transform:uppercase;color:var(--dourado-claro)}
.parceiro h3{font-size:var(--t-h3);margin:0.25rem 0 0.375rem}
.parceiro p{font-size:var(--t-texto)}
.parceiro .ligacao{margin-top:0.75rem}
.parceiro.convite{justify-content:center;background:transparent;box-shadow:inset 0 0 0 1px var(--linha)}
.parceiro.convite .btn{align-self:flex-start;margin-top:0.75rem}
.vantagens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;align-items:start;margin-top:2.5rem}
.parceria a{color:inherit;text-decoration:none}
.parceria a:hover strong{color:var(--dourado-claro)}

/* Commitments and close */
.compromissos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;align-items:start}
.fecho .wrap{position:relative;z-index:1}
.contactos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);margin-top:2.5rem;max-width:53.75rem}
.contactos div{padding:1.5rem 1.625rem;border-radius:var(--raio);background:var(--cartao)}
.contactos .rot{font:700 var(--t-rotulo)/1.4 var(--texto);letter-spacing:0.1375rem;text-transform:uppercase;color:var(--dourado-claro);margin-bottom:0.5rem}
.contactos p{color:var(--cinza-claro)}
.contactos .forte{font:400 var(--t-h3)/1.3 var(--titulo);color:var(--branco)}

/* Footer */
.rodape{background:var(--moldura);color:var(--cinza-nota);font-size:var(--t-nota);padding-block:2.75rem 2.5rem;border-top:1px solid var(--linha)}
.rodape .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem 2.5rem;align-items:center}
.rodape img{height:2.5rem;width:auto}
.rodape-linha{margin-top:0.75rem}
/* Financiamento PRR (pedido do Jorge a 19/10/2026): logótipo branco enviado pelo Jorge, nunca
   recolorido, pequeno e enquadrado; abre a ficha do projeto em PDF */
.rodape-fin{display:inline-flex;margin-top:1.125rem;padding:0.5rem 0.75rem;border:1px solid var(--ardosia);border-radius:0.25rem;transition:border-color .15s}
.rodape-fin:hover{border-color:var(--dourado-claro)}
.rodape .rodape-fin img{display:block;height:1.5rem;width:auto;max-width:100%}
.rodape-links{display:flex;flex-wrap:wrap;gap:0.625rem 1.75rem}
.rodape a{color:var(--cinza-claro)}
.rodape a:hover{color:var(--dourado-claro)}
.rodape-aviso{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:0.625rem 2rem;padding-top:1.375rem;border-top:1px solid var(--linha);font-style:italic}

/* Legal pages */
.doc{max-width:48.75rem;padding-block:4.5rem 6.5rem}
.doc h1{font-size:var(--t-h2);line-height:1.15;margin:0.875rem 0 1rem}
.doc h2{font-size:var(--t-h3);margin:2.5rem 0 0.625rem;max-width:none}
.doc p+p{margin-top:0.75rem}
.doc .lista{margin-top:0.75rem}
.doc .lista+p{margin-top:1rem}
.doc-data{font-size:var(--t-nota)}
.lista li{position:relative;padding-left:1.5rem}
.lista li+li{margin-top:0.625rem}
.lista li::before{content:"";position:absolute;left:0;top:.8em;width:0.75rem;height:2px;background:var(--dourado)}
.voltar{margin-top:2.75rem}
.doc code{padding:1px 0.375rem;border-radius:0.3125rem;background:var(--cartao);font:700 .9em/1 var(--texto);color:var(--branco)}
/* Text still to be confirmed before publishing: visible on purpose. */
.confirmar{outline:1px dashed var(--dourado);padding:0 0.25rem;color:var(--dourado-claro)}

/* Frequently asked questions (visible text, also in the structured data of the page) */
.faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 3rem;align-items:start}
.faq details{border-bottom:1px solid var(--linha)}
.faq summary{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.125rem 0;font:400 var(--t-h3)/1.35 var(--titulo);color:var(--branco);cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:1.75rem;height:1.75rem;border-radius:50%;box-shadow:inset 0 0 0 1px var(--linha);font:400 1.25rem/1.6875rem var(--texto);text-align:center;color:var(--dourado-claro);transition:transform .2s}
.faq details[open] summary::after{content:"\2212"}
.faq summary:hover{color:var(--dourado-claro)}
.faq details p{padding:0 2.75rem 1.375rem 0;font-size:var(--t-texto)}

/* Cookie banner: only when an analytics tool is configured (analise.js) */
.aviso-cookies{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:60;display:flex;align-items:center;gap:1.25rem 1.75rem;max-width:61.25rem;margin:0 auto;padding:1.25rem 1.5rem;border-radius:var(--raio);background:var(--cartao);color:var(--cinza-claro);box-shadow:0 1.125rem 3rem rgba(0,0,0,.55),inset 0 0 0 1px var(--linha)}
.aviso-cookies[hidden]{display:none}
.aviso-cookies p{flex:1;font-size:0.9375rem;line-height:1.5}
.aviso-cookies strong{display:block;margin-bottom:0.25rem;font:400 1.125rem/1.3 var(--titulo);color:var(--branco)}
.aviso-cookies .acoes-cookies{display:flex;flex-wrap:wrap;gap:0.625rem}
.aviso-cookies .btn{padding:0.8125rem 1.375rem;min-width:8.25rem}
.rodape-btn{padding:0;border:0;background:none;color:var(--cinza-claro);font:inherit;text-decoration:underline;text-underline-offset:0.1875rem;cursor:pointer}
.rodape-btn:hover{color:var(--dourado-claro)}

/* Request forms: evaluation and gym network (dialogs opened by the buttons, site.js) */
.pedido{width:min(45rem,calc(100vw - 2 * var(--gutter)));max-height:calc(100dvh - 2rem);margin:auto;padding:0;border:0;border-radius:var(--raio);background:var(--fundo-2);color:var(--cinza-claro);box-shadow:0 1.5rem 4rem rgba(0,0,0,.55),inset 0 0 0 1px var(--linha);overflow:auto;overscroll-behavior:contain;color-scheme:dark}
.pedido::backdrop{background:rgba(6,10,20,.74);-webkit-backdrop-filter:blur(0.25rem);backdrop-filter:blur(0.25rem)}
html:has(.pedido[open]){overflow:hidden}
.pedido-caixa{position:relative;padding:2rem 2.25rem 2.25rem}
.pedido-cab{padding-right:3.75rem}
.pedido.feito .pedido-cab{display:none}
.pedido h2{margin:0.5rem 0 0;font-size:var(--t-h2);max-width:none}
.fechar{position:absolute;top:1.5rem;right:1.5rem;display:grid;place-items:center;width:2.75rem;height:2.75rem;border:1px solid var(--linha);border-radius:50%;background:transparent;color:var(--cinza-claro);cursor:pointer}
.fechar svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.fechar:hover{border-color:var(--dourado);color:var(--dourado-claro)}
.pedido-intro{margin:0.875rem 0 0.25rem;font-size:var(--t-texto)}
.pedido fieldset{min-width:0;margin:1.5rem 0 0;padding:0;border:0}
.pedido legend{margin-bottom:0.75rem;padding:0;font:400 var(--t-lead)/1.35 var(--titulo);color:var(--branco)}
.pedido legend small{margin-left:0.375rem;font:400 0.875rem/1 var(--texto);color:var(--cinza-nota)}
.campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.875rem 1rem}
.campo{display:flex;flex-direction:column;gap:0.375rem}
.campo.largo{grid-column:1/-1}
.campo>span{font:700 var(--t-nota)/1.3 var(--texto);letter-spacing:.3px;color:var(--cinza-claro)}
.campo small{font-weight:400;color:var(--cinza-nota)}
.pedido-form>.campo,.pedido-form>[data-parceiro]>.campo{margin-top:1.5rem}
.pedido [hidden]{display:none}
.pedido .tipo-ajuda{margin:0.625rem 0 0;color:var(--cinza-nota)}
.pedido input:not([type=radio]):not([type=checkbox]),.pedido select,.pedido textarea{width:100%;padding:0.8125rem 0.875rem;border:1px solid var(--linha);border-radius:0.625rem;background:var(--fundo);color:var(--branco);font:400 var(--t-texto)/1.4 var(--texto)}
.pedido textarea{resize:vertical;min-height:6rem}
.pedido input:not([type=radio]):not([type=checkbox]):focus,.pedido select:focus,.pedido textarea:focus{border-color:var(--dourado-claro);outline:none}
.pedido .ajuda{font-size:0.8125rem;line-height:1.45}
.opcoes{display:flex;flex-wrap:wrap;gap:0.625rem}
.opcoes label{position:relative;cursor:pointer}
.opcoes input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.opcoes span{display:inline-flex;align-items:center;padding:0.625rem 1rem;border:1px solid var(--linha);border-radius:2.5rem;background:var(--fundo);font-size:0.9375rem;line-height:1.3;color:var(--cinza-claro);transition:background .15s,border-color .15s,color .15s}
.opcoes label:hover span{border-color:var(--dourado)}
.opcoes input:checked+span{border-color:var(--dourado-claro);background:var(--dourado-claro);color:var(--navy);font-weight:700}
.opcoes input:focus-visible+span{outline:2px solid var(--dourado);outline-offset:0.1875rem}
.armadilha{position:absolute;left:-625rem;width:1px;height:1px;overflow:hidden}
.aceito{display:flex;align-items:flex-start;gap:0.75rem;margin-top:1.625rem;font-size:0.9375rem;line-height:1.5;cursor:pointer}
.aceito input{flex:none;width:1.25rem;height:1.25rem;margin-top:2px;accent-color:var(--dourado-claro)}
.pedido-estado{min-height:1.5em;margin-top:1rem;font-size:0.9375rem}
.pedido-estado.erro{color:#E8A09C}
.pedido-acoes{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:0.375rem}
.pedido-acoes .btn:disabled{opacity:.6;cursor:wait}
.pedido-feito h2{margin:0.5rem 0 0.75rem}
.pedido-feito .btn{margin-top:1.5rem}
/* Page with the two forms (pedido.html, the address for QR codes) */
.pedidos{max-width:calc(45rem + 2 * var(--gutter));padding-block:3rem 5rem}
.pedidos h1{font-size:var(--t-h2);line-height:1.15;margin:0.875rem 0 1rem}
.pedidos-escolha{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem;margin-top:1.75rem}
.pedidos-escolha a{display:flex;flex-direction:column;gap:0.3125rem;padding:1rem 1.25rem;border-radius:var(--raio);background:var(--cartao);box-shadow:inset 0 0 0 1px var(--linha);color:var(--branco);text-decoration:none;font:400 var(--t-lead)/1.3 var(--titulo)}
.pedidos-escolha small{font:400 var(--t-nota)/1.4 var(--texto);color:var(--cinza-nota)}
.pedidos-escolha a:hover{box-shadow:inset 0 0 0 1px var(--dourado)}
.pedidos-escolha a[aria-current]{box-shadow:inset 0 0 0 2px var(--dourado-claro)}
.pedidos-escolha a:target{outline:none}
.pedido.em-pagina{width:auto;max-height:none;margin:1.25rem 0 0;overflow:visible;box-shadow:inset 0 0 0 1px var(--linha);scroll-margin-top:calc(var(--header) + 1rem)}
.pedido.em-pagina[hidden],.em-pagina [data-act="fechar"]{display:none}
.pedido.em-pagina .pedido-cab{padding-right:0}
.pedido-feito-acoes{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:1.5rem}
.pedido-feito-acoes .btn{margin-top:0}
.parceiro.convite .btn{line-height:1.35;text-align:center}

@media (prefers-reduced-motion:reduce){
  .ladrilho,.an-v,.taca .liquido,.taca .nivel,.c2 .l,.pulso,.ev-g .halo,.ver .ev-g .linha,.ver .ev-g circle,.ver .ev-g .val,.ver .ev,.ver .w-av,.ver .w-barras i,.ver .w-sl,.ver .h-curva .linha,.ver .h-zonas rect,.ver .w-grad i,.ver .h-medidor .nivel{animation:none}
  .faixa{overflow-x:auto}
}

/* Large screens: section titles with the lead beside them */
@media (min-width:961px){
  .sec-hd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:4rem}
  .sec-hd .eyebrow,.sec-hd h2{grid-column:1}
  .sec-hd h2{margin-bottom:0;max-width:none}
  .sec-hd .lead{grid-column:2;grid-row:1 / span 2;align-self:end}
  .galeria .sec-hd{display:block}
  .galeria .sec-hd h2{margin-bottom:1.125rem}
}
/* Large landscape screens: the pillars in two columns and the photos whole, at the height that
   lets each block fit in one screen (site.js, fitMedia, adjusts that height and scales the
   illustrations marked data-ajusta="bloco") */
@media (min-width:961px) and (orientation:landscape){
  .avaliacao{grid-template-columns:auto minmax(0,1fr)}
  .como{grid-template-columns:minmax(0,1fr) auto}
  .avaliacao-texto{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto);gap:1.5rem 2.25rem}
  .avaliacao-texto .pilares{grid-column:1 / -1;grid-row:1 / span 3;grid-template-columns:subgrid;grid-template-rows:subgrid}
  .avaliacao-texto .nota{grid-column:2;grid-row:3;align-self:end;margin:0}
  .pilar{grid-template-columns:3.5rem minmax(0,1fr);gap:1rem}
  .pilar .anel-ouro{width:3.5rem;height:3.5rem}
  .pilar .anel-ouro svg{width:1.75rem;height:1.75rem}
  /* Whole photos: the height is set (never above the original) and the width follows the
     proportion of the width and height attributes, known before the photo arrives */
  .avaliacao .foto img,.como .foto img{width:auto;max-width:none}
  .avaliacao .foto img{height:min(60.1875rem,max(18rem,calc(100vh - var(--header) - 2 * var(--sec-y) - 10rem)))}
  .como .foto img{height:min(58.625rem,max(20rem,calc(100vh - var(--header) - 2 * var(--sec-y))))}
  [data-ajusta="bloco"]{transform-origin:50% 0}
  .wrap[data-ecra]{display:flow-root}
}
/* Cover devices: smaller on lower windows, so the cover fits in one screen */
@media (min-width:1241px) and (orientation:landscape) and (max-height:880px){.palco{zoom:.96}}
@media (min-width:1241px) and (orientation:landscape) and (max-height:830px){.palco{zoom:.9}}
@media (min-width:1241px) and (orientation:landscape) and (max-height:780px){.palco{zoom:.83}}

/* Narrow screens */
/* Menu button only where scripts run, so site.js can load without blocking the first paint.
   Browsers without the scripting media feature (before 2024) use the js class set by site.js. */
@media (max-width:1100px) and (scripting:enabled){
  .menu-btn{display:inline-flex}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gutter) 24px;background:var(--fundo);border-bottom:1px solid var(--linha);box-shadow:0 16px 32px rgba(0,0,0,.4)}
  .hd.aberto .nav{display:flex}
  .nav a{padding:16px 0;border-bottom:1px solid var(--linha)}
  .nav a.btn{margin-top:20px;padding:16px 20px;border-bottom:none}
}
@media (max-width:1100px){
  .js .menu-btn{display:inline-flex}
  .js .nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gutter) 24px;background:var(--fundo);border-bottom:1px solid var(--linha);box-shadow:0 16px 32px rgba(0,0,0,.4)}
  .js .hd.aberto .nav{display:flex}
  .js .nav a{padding:16px 0;border-bottom:1px solid var(--linha)}
  .js .nav a.btn{margin-top:20px;padding:16px 20px;border-bottom:none}
}
@media (max-width:1240px) and (min-width:961px){
  .palco{zoom:.8}
}
@media (min-width:961px) and (orientation:landscape) and (max-height:730px){.palco{zoom:.77}}
@media (min-width:961px) and (orientation:landscape) and (max-height:680px){.palco{zoom:.7}}
@media (min-width:961px) and (orientation:landscape) and (max-height:630px){.palco{zoom:.64}}
@media (max-width:960px){
  .hero .wrap{grid-template-columns:minmax(0,1fr);gap:2.5rem;padding-block:4rem 3.5rem}
  .palco{zoom:.85}
  .avaliacao,.duas,.como{grid-template-columns:minmax(0,1fr);gap:2.75rem}
  .foto{max-width:26.25rem}
  .compromissos,.parceiros,.parceiro.destaque,.vantagens,.faq{grid-template-columns:minmax(0,1fr)}
  .historias{grid-template-columns:minmax(0,1fr)}
  .evol-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  :root{--gutter:1rem;--header:4.375rem}
  body{font-size:1.0625rem}
  .hd-logo img{height:36px}
  .sec{padding-block:4.5rem}
  .sec-hd{margin-bottom:2.25rem}
  .lead{font-size:1.125rem}
  .acoes .btn{flex:1 1 100%}
  .pedido-caixa{padding:1.5rem 1.125rem 1.75rem}
  .fechar{top:1rem;right:0.75rem}
  .campos{grid-template-columns:minmax(0,1fr)}
  .pedido-acoes .btn{flex:1 1 100%}
  .aviso-cookies{flex-direction:column;align-items:stretch;padding:1.125rem}
  .aviso-cookies .btn{flex:1 1 0;min-width:0}
  .faq summary{font-size:1.125rem}
  .faq details p{padding-right:0}
  .palco{zoom:.55}
  .pilar{grid-template-columns:3.5rem minmax(0,1fr);gap:0.875rem}
  .anel-ouro{width:3.5rem;height:3.5rem}
  .anel-ouro svg{width:1.75rem;height:1.75rem}
  .evol-grade{grid-template-columns:minmax(0,1fr)}
  .ev.grande{grid-column:auto;grid-row:auto;padding:1.375rem 1.25rem 0.875rem}
  .ev.grande .ev-n{font-size:3rem}
  .ev.grande .ev-g .val{font-size:1.625rem}
  .ev.grande .ev-g .val.ult{font-size:2.125rem}
  .ev.grande .ev-g .m{font-size:1.375rem}
  .ev-resumo{gap:0.375rem}
  .ev-resumo div{padding:0.625rem}
  .ev-resumo dd{font-size:0.9375rem}
  .historia{height:31.25rem}
  .h-texto{max-width:none;padding:1.375rem 1.25rem 0}
  .h-texto h3{font-size:1.5rem}
  .h-medidor{top:auto;right:1rem;bottom:7.375rem;width:5.75rem}
  .h-medidor svg{width:5.75rem;height:5.75rem}
  .h-vidros{top:auto;right:0.875rem;bottom:8.25rem}
  .vidro b{font-size:1.125rem}
  .w{width:13rem;height:14.75rem}
  .w.largo{width:25rem}
  .comparacao,.cartoes,.contactos{grid-template-columns:minmax(0,1fr)}
  .numerada.em-linha{grid-template-columns:minmax(0,1fr);gap:1.375rem}
  .gp{width:18.25rem;height:33.75rem}
  .gp-t{font-size:1.3125rem;padding:1.625rem 1.375rem 0}
  .tlm.mini{top:8rem;width:14.125rem;height:29.375rem;margin-left:-7.0625rem}
  .comparacao h3.com{margin-top:1.25rem}
  .rodape .wrap{grid-template-columns:minmax(0,1fr)}
  .doc{padding-block:3rem 4.5rem}
}