/* ============================================================
   THIAGO CARVALHO ADVOCACIA · folha de estilo única
   Azul-marinho profundo + dourado da logo. Tipos servidos do
   próprio domínio (sem Google Fonts no ar).
   ============================================================ */

/* ---------- FONTES ---------- */
@font-face{font-family:"Cinzel";font-style:normal;font-weight:400 700;font-display:swap;src:url("../fonts/Cinzel-normal-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cinzel";font-style:normal;font-weight:400 700;font-display:swap;src:url("../fonts/Cinzel-normal-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400 700;font-display:swap;src:url("../fonts/CormorantGaramond-normal-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400 700;font-display:swap;src:url("../fonts/CormorantGaramond-normal-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400 700;font-display:swap;src:url("../fonts/CormorantGaramond-italic-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400 700;font-display:swap;src:url("../fonts/CormorantGaramond-italic-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:300 700;font-display:swap;src:url("../fonts/Manrope-normal-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:300 700;font-display:swap;src:url("../fonts/Manrope-normal-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- TOKENS ---------- */
:root{
  --azul-950:#060C17; --azul-900:#0A1426; --azul-850:#0E1B31; --azul-800:#13223C; --azul-700:#1A2A47;
  --ouro:#C9A55E; --ouro-cl:#E8D29B; --ouro-esc:#8D6732;
  --marfim:#F3EDE1; --texto:#D5DBE5; --mudo:#9CA8BA;
  --linha:rgba(201,165,94,.26); --linha-2:rgba(255,255,255,.08);
  --grad-ouro:linear-gradient(180deg,#A9833F 0%,#DEC58B 32%,#C2A267 58%,#8D6732 100%);
  --grad-ouro-h:linear-gradient(100deg,#A07A3C 0%,#E8D29B 42%,#C2A267 68%,#8D6732 100%);
  --f-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --f-marca:"Cinzel",Georgia,serif;
  --f-txt:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
}

/* ---------- BASE ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--azul-900);color:var(--texto);font:400 1.0625rem/1.72 var(--f-txt);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
img,video,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:2px solid var(--ouro-cl);outline-offset:3px}
::selection{background:var(--ouro);color:var(--azul-950)}
h1,h2,h3{font-family:var(--f-display);font-weight:500;color:var(--marfim);margin:0;letter-spacing:-.005em;text-wrap:balance}
h1{font-size:clamp(2.75rem,6.3vw,5.5rem);line-height:1}
h2{font-size:clamp(2.15rem,4.4vw,3.7rem);line-height:1.06}
h3{font-size:clamp(1.45rem,2.1vw,1.8rem);line-height:1.15;font-weight:600}
p{margin:0 0 1.1em}
h1 em,h2 em{font-style:italic;background:var(--grad-ouro-h);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.wrap{width:100%;max-width:1240px;margin-inline:auto;padding-inline:clamp(18px,5vw,48px)}
.sec{padding-block:clamp(84px,11vw,150px);position:relative}
.sec--escura{background:var(--azul-950)}
.sec--media{background:var(--azul-850)}
.sec--linha{border-top:1px solid var(--linha-2)}
.cab{max-width:780px;margin-bottom:clamp(42px,6vw,76px)}
.cab p{color:var(--mudo);font-size:1.125rem;margin:0}
.cab--centro{margin-inline:auto;text-align:center}
.pular{position:absolute;left:-9999px;top:0}
.pular:focus{left:16px;top:16px;z-index:300;background:var(--ouro);color:var(--azul-950);padding:10px 16px;font-weight:600}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* fio com losango da logo (assinatura) */
.orn{display:flex;align-items:center;gap:9px;width:190px;margin:1.3rem 0 1.4rem;color:var(--ouro)}
.orn::before,.orn::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(201,165,94,0),var(--ouro))}
.orn::after{background:linear-gradient(90deg,var(--ouro),rgba(201,165,94,0))}
.orn i{width:7px;height:7px;background:currentColor;transform:rotate(45deg);flex:none}
.cab--centro .orn{margin-inline:auto}
.js .orn[data-rev]{opacity:1;transform:scaleX(.2);transition:transform 1.2s var(--ease)}
.js .orn[data-rev].visto{transform:none}

/* ---------- BOTÕES ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:54px;padding:0 1.65em;border-radius:2px;font:600 .95rem/1.1 var(--f-txt);letter-spacing:.015em;white-space:nowrap;transition:transform .4s var(--ease),background-position .6s var(--ease),background-color .35s,color .35s,border-color .35s,box-shadow .35s}
.btn svg{width:1.2em;height:1.2em;flex:none}
.btn--ouro{background:var(--grad-ouro-h);background-size:170% 100%;background-position:0 0;color:#141005;box-shadow:0 14px 34px -16px rgba(201,165,94,.7)}
.btn--ouro:hover{background-position:100% 0;transform:translateY(-2px)}
.btn--linha{border:1px solid rgba(232,210,155,.42);color:var(--marfim)}
.btn--linha:hover{border-color:var(--ouro-cl);background-color:rgba(201,165,94,.08)}
.btn--p{min-height:44px;padding:0 1.15em;font-size:.875rem}
.btn--bloco{width:100%}
.acoes{display:flex;flex-wrap:wrap;gap:12px}
.link-seta{display:inline-flex;gap:.55em;align-items:center;color:var(--ouro-cl);font-weight:600;font-size:.95rem}
.link-seta svg{width:1.05em;height:1.05em;transition:transform .35s var(--ease)}
.link-seta:hover svg{transform:translateX(5px)}

/* ---------- REVEAL ---------- */
.js [data-rev]{opacity:0;transform:translateY(28px);transition:opacity .95s var(--ease),transform .95s var(--ease)}
.js [data-rev].visto{opacity:1;transform:none}
.js [data-rev="2"]{transition-delay:.1s}
.js [data-rev="3"]{transition-delay:.2s}
.js [data-rev="4"]{transition-delay:.3s}
@keyframes sobe{from{transform:translateY(112%)}to{transform:none}}
@keyframes surge{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.anima{animation:surge 1s var(--ease) both}
.anima-2{animation-delay:.12s}.anima-3{animation-delay:.24s}.anima-4{animation-delay:.36s}

/* ---------- TOPO ---------- */
.topo{position:fixed;inset:0 0 auto;z-index:60;border-bottom:1px solid transparent;transition:background-color .45s,border-color .45s,backdrop-filter .45s}
.topo::before{content:"";position:absolute;inset:0 0 -40px;background:linear-gradient(180deg,rgba(6,12,23,.75),rgba(6,12,23,0));pointer-events:none;transition:opacity .45s;z-index:-1}
.topo__in{display:flex;align-items:center;gap:20px;height:88px;transition:height .45s var(--ease)}
.topo.fixo{background:rgba(6,12,23,.86);border-color:var(--linha-2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.topo.fixo::before{opacity:0}
.topo.fixo .topo__in{height:72px}
.marca{flex:none}
.marca img{height:44px;width:auto}
.nav{margin-left:auto}
.nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.nav a{display:block;padding:10px 13px;font-size:.9rem;font-weight:500;color:var(--texto);position:relative;transition:color .3s}
.nav a::after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:1px;background:var(--ouro);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.nav a:hover,.nav a[aria-current="page"]{color:var(--marfim)}
.nav a:hover::after,.nav a[aria-current="page"]::after{transform:scaleX(1)}
.hamb{display:none;width:48px;height:48px;flex-direction:column;justify-content:center;align-items:center;gap:8px;border:1px solid var(--linha);margin-left:auto}
.hamb span{width:20px;height:1.5px;background:var(--marfim);transition:transform .4s var(--ease)}
.hamb[aria-expanded="true"] span:first-child{transform:translateY(4.75px) rotate(45deg)}
.hamb[aria-expanded="true"] span:last-child{transform:translateY(-4.75px) rotate(-45deg)}
.gaveta{position:fixed;inset:0;z-index:55;background:var(--azul-950);padding:118px clamp(18px,6vw,48px) 36px;display:flex;flex-direction:column;justify-content:space-between;gap:30px;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .45s var(--ease),visibility .45s}
.gaveta[data-aberta="true"]{opacity:1;visibility:visible}
.gaveta nav a{display:block;font:500 clamp(2.1rem,9vw,2.9rem)/1.2 var(--f-display);color:var(--marfim);padding:6px 0;opacity:0;transform:translateY(18px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
.gaveta nav a[aria-current="page"]{color:var(--ouro-cl)}
.gaveta[data-aberta="true"] nav a{opacity:1;transform:none}
.gaveta__pe{display:grid;gap:14px}
.gaveta__pe small{color:var(--mudo);font-size:.82rem}
body.trava{overflow:hidden}
@media (max-width:1080px){.nav,.topo__cta{display:none}.hamb{display:flex}}
@media (max-width:520px){.topo__in{height:74px}.marca img{height:36px}}

/* ---------- HERO (home) ---------- */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:var(--azul-950);isolation:isolate}
.hero__media{position:absolute;top:0;right:0;bottom:0;width:64%;z-index:-1;background:#050a14 url("../img/hero-poster.webp") center/cover no-repeat}
.hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--azul-950) 0%,rgba(6,12,23,.62) 26%,rgba(6,12,23,0) 58%),linear-gradient(0deg,var(--azul-950) 0%,rgba(6,12,23,0) 26%)}
.hero__video{width:100%;height:100%;object-fit:cover}
.hero__in{padding-top:130px;padding-bottom:110px}
.hero__txt{max-width:650px}
.hero h1 .l{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.hero h1 .l>span{display:block;animation:sobe 1.2s var(--ease) both}
.hero h1 .l:nth-child(2)>span{animation-delay:.09s}
.hero h1 .l:nth-child(3)>span{animation-delay:.18s}
.hero__sub{font-size:clamp(1.05rem,1.35vw,1.2rem);max-width:560px;margin:1.7rem 0 2.3rem;animation:surge 1s .45s var(--ease) both}
.hero .acoes{animation:surge 1s .58s var(--ease) both}
.hero__meta{display:flex;align-items:center;gap:14px;margin-top:2.6rem;font-size:.85rem;color:var(--mudo);animation:surge 1s .72s var(--ease) both}
.hero__meta img{width:34px;height:34px;flex:none}
.hero__meta b{display:block;color:var(--marfim);font:500 .9rem/1.3 var(--f-marca);letter-spacing:.14em}
.hero__rolar{position:absolute;left:50%;bottom:24px;width:1px;height:56px;background:rgba(201,165,94,.2);overflow:hidden}
.hero__rolar::after{content:"";position:absolute;left:0;top:-50%;width:1px;height:50%;background:var(--ouro-cl);animation:rolar 2.2s var(--ease) infinite}
@keyframes rolar{to{top:110%}}
@media (max-width:900px){
  .hero{flex-direction:column;align-items:stretch;min-height:0}
  .hero__media{position:relative;width:100%;aspect-ratio:1/1;max-height:74svh}
  .hero__media::after{background:linear-gradient(0deg,var(--azul-950) 2%,rgba(6,12,23,0) 42%),linear-gradient(180deg,rgba(6,12,23,.55) 0%,rgba(6,12,23,0) 26%)}
  .hero__in{padding-top:0;padding-bottom:70px;margin-top:-56px;position:relative}
  .hero__rolar{display:none}
}

/* ---------- CREDENCIAIS ---------- */
.creds{background:var(--azul-850);border-block:1px solid var(--linha-2)}
.creds__in{display:grid;grid-template-columns:repeat(4,1fr)}
.cred{display:flex;gap:14px;align-items:flex-start;padding:32px 24px;border-left:1px solid var(--linha-2)}
.cred:first-child{border-left:0;padding-left:0}
.cred svg{width:26px;height:26px;color:var(--ouro);flex:none;margin-top:2px}
.cred b{display:block;color:var(--marfim);font-weight:600;font-size:.97rem;line-height:1.35}
.cred span{display:block;color:var(--mudo);font-size:.85rem;line-height:1.5;margin-top:3px}
@media (max-width:980px){
  .creds__in{grid-template-columns:1fr 1fr}
  .cred,.cred:first-child{padding:24px 16px;border-left:0}
  .cred:nth-child(n+3){border-top:1px solid var(--linha-2)}
  .cred:nth-child(even){border-left:1px solid var(--linha-2)}
}
@media (max-width:560px){
  .creds__in{grid-template-columns:1fr}
  .cred:nth-child(even){border-left:0}
  .cred+.cred{border-top:1px solid var(--linha-2)}
  .cred,.cred:first-child{padding:20px 0}
}

/* ---------- FRENTES ---------- */
.frentes{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,36px)}
.frente{background:var(--azul-850);border:1px solid var(--linha-2);display:flex;flex-direction:column;overflow:hidden;transition:border-color .45s}
.frente:hover{border-color:var(--linha)}
.frente__img{aspect-ratio:16/10;overflow:hidden}
.frente__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.frente:hover .frente__img img{transform:scale(1.045)}
.frente__corpo{padding:clamp(26px,3.4vw,46px);display:flex;flex-direction:column;flex:1}
.frente h3{font-size:clamp(1.9rem,2.9vw,2.5rem);font-weight:500}
.frente__corpo>p{color:var(--mudo);margin:.9rem 0 .4rem}
.frente .link-seta{margin-top:auto}
.lista{list-style:none;margin:.6rem 0 2rem;padding:0}
.lista li{display:flex;gap:14px;padding:.72rem 0;border-bottom:1px solid var(--linha-2);font-size:.98rem;line-height:1.5}
.lista li::before{content:"";flex:none;width:7px;height:7px;margin-top:.55em;background:var(--ouro);transform:rotate(45deg)}
@media (max-width:860px){.frentes{grid-template-columns:1fr}}

/* ---------- SITUAÇÕES ---------- */
.situ{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--linha-2);border:1px solid var(--linha-2)}
.situ__item{background:var(--azul-950);padding:clamp(28px,3.8vw,52px)}
.quad{font:500 .92rem/1 var(--f-marca);color:var(--ouro-cl);display:inline-grid;place-items:center;width:46px;height:46px;border:1px solid var(--linha);margin-bottom:1.5rem;letter-spacing:.04em}
.situ__item h3{margin-bottom:.8rem}
.situ__item p{color:var(--mudo);margin:0}
.situ__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:clamp(28px,4vw,44px)}
.situ__cta p{margin:0;color:var(--texto);max-width:560px}
@media (max-width:760px){.situ{grid-template-columns:1fr}}

/* ---------- SPLIT + QUADRO ---------- */
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(44px,7vw,112px);align-items:center}
.split--inv{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.split--inv .quadro{order:2}
.quadro{position:relative;margin:0 22px 22px 0}
.quadro::before{content:"";position:absolute;inset:22px -22px -22px 22px;border:1px solid var(--linha)}
.quadro__img{position:relative;overflow:hidden;aspect-ratio:3/4;background:var(--azul-850)}
.quadro__img img{width:100%;height:112%;object-fit:cover;margin-top:-6%}
.quadro--larga .quadro__img{aspect-ratio:4/3}
.split__txt p{color:var(--texto)}
.split__txt .mudo{color:var(--mudo)}
.assinatura{margin:2.2rem 0 2.4rem;display:flex;align-items:center;gap:16px;padding-top:1.8rem;border-top:1px solid var(--linha-2)}
.assinatura img{width:50px;height:50px;flex:none}
.assinatura b{display:block;font:500 1.05rem/1.25 var(--f-marca);letter-spacing:.14em;color:var(--marfim)}
.assinatura small{display:block;color:var(--mudo);font-size:.82rem;letter-spacing:.03em}
@media (max-width:860px){
  .split,.split--inv{grid-template-columns:1fr}
  .split--inv .quadro{order:0}
  .quadro{max-width:480px;margin:0 16px 16px 0}
  .quadro::before{inset:16px -16px -16px 16px}
}

/* ---------- PASSOS ---------- */
.passos{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3.4vw,48px)}
.passo{position:relative;padding-top:30px}
.passo::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--linha-2)}
.passo::after{content:"";position:absolute;left:0;top:0;height:1px;width:100%;background:var(--grad-ouro-h);transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--ease) .15s}
.passo.visto::after,html:not(.js) .passo::after{transform:scaleX(1)}
.passo__n{display:block;font:500 clamp(3.2rem,5vw,4.4rem)/1 var(--f-display);color:transparent;-webkit-text-stroke:1px rgba(232,210,155,.6);margin-bottom:1.1rem}
.passo h3{margin-bottom:.7rem}
.passo p{color:var(--mudo);margin:0}
@media (max-width:860px){.passos{grid-template-columns:1fr}}

/* ---------- NA MÍDIA ---------- */
.midia{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(18px,3vw,32px);align-items:start}
.midia__video{margin:0}
.midia__video video{width:100%;aspect-ratio:9/16;object-fit:cover;background:#000;border:1px solid var(--linha)}
.midia__grade{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,2vw,20px)}
.midia__grade figure{margin:0}
.midia__grade figure:first-child{grid-column:1/-1}
.midia__grade .foto{overflow:hidden;aspect-ratio:1/1}
.midia__grade figure:first-child .foto{aspect-ratio:16/10}
.foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.foto:hover img{transform:scale(1.04)}
.leg{font-size:.82rem;color:var(--mudo);padding-top:.7rem;line-height:1.5}
@media (max-width:860px){.midia{grid-template-columns:1fr}.midia__video{max-width:380px;width:100%;margin-inline:auto}}

/* ---------- MOSAICO ---------- */
.mosaico{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(110px,13.5vw,180px);gap:clamp(8px,1.4vw,16px)}
.mosaico a{position:relative;overflow:hidden;display:block;background:var(--azul-850)}
.mosaico img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.mosaico a:hover img{transform:scale(1.05)}
.m1{grid-column:1/5;grid-row:1/4}.m2{grid-column:5/13;grid-row:1/3}.m3{grid-column:5/9;grid-row:3/5}
.m4{grid-column:9/13;grid-row:3/6}.m5{grid-column:1/5;grid-row:4/6}.m6{grid-column:5/9;grid-row:5/6}
.mosaico__pe{display:flex;justify-content:center;margin-top:clamp(28px,4vw,44px)}
@media (max-width:760px){
  .mosaico{grid-template-columns:1fr 1fr;grid-auto-rows:150px}
  .mosaico a{grid-column:auto;grid-row:auto}
  .m1{grid-row:span 2}.m2{grid-column:1/-1}.m4{grid-row:span 2}
}

/* ---------- FAQ ---------- */
.faq{max-width:900px;margin-inline:auto;border-top:1px solid var(--linha-2)}
.faq details{border-bottom:1px solid var(--linha-2)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:26px 0;font:500 clamp(1.3rem,2vw,1.6rem)/1.3 var(--f-display);color:var(--marfim);transition:color .3s}
.faq summary:hover{color:var(--ouro-cl)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:11px;height:11px;margin-top:.5em;border-right:1.5px solid var(--ouro);border-bottom:1.5px solid var(--ouro);transform:rotate(45deg);transition:transform .4s var(--ease)}
.faq details[open] summary::after{transform:rotate(-135deg)}
.faq .resp{padding:0 40px 28px 0;color:var(--mudo)}
.faq .resp p:last-child{margin:0}

/* ---------- CTA FINAL ---------- */
.cta{position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(96px,13vw,180px);background:var(--azul-950)}
.cta__bg{position:absolute;inset:-12% 0;z-index:-2}
.cta__bg img{width:100%;height:100%;object-fit:cover;object-position:70% 40%}
.cta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,12,23,.97) 0%,rgba(6,12,23,.86) 42%,rgba(6,12,23,.3) 100%)}
.cta__in{max-width:640px}
.cta p{font-size:1.125rem;margin:1.3rem 0 2.2rem}
@media (max-width:760px){.cta::before{background:linear-gradient(0deg,rgba(6,12,23,.97) 30%,rgba(6,12,23,.7) 100%)}}

/* ---------- RODAPÉ ---------- */
.rodape{background:var(--azul-950);padding:clamp(66px,8vw,100px) 0 40px;border-top:1px solid var(--linha-2)}
.rodape__topo{display:grid;grid-template-columns:1.5fr 1fr 1.1fr 1.25fr;gap:40px}
.rodape__marca img{width:196px;height:auto;margin-bottom:1.4rem}
.rodape__marca p{color:var(--mudo);font-size:.92rem;max-width:300px;margin:0}
.rodape h2{font:600 .76rem/1 var(--f-txt);letter-spacing:.16em;text-transform:uppercase;color:var(--ouro);margin:0 0 1.2rem}
.rodape ul{list-style:none;padding:0;margin:0;display:grid;gap:.55rem;font-size:.93rem}
.rodape a{transition:color .3s}
.rodape a:hover{color:var(--ouro-cl)}
.rodape__base{margin-top:52px;padding-top:26px;border-top:1px solid var(--linha-2);display:grid;gap:.55rem;font-size:.82rem;color:var(--mudo)}
.rodape__base p{margin:0}
.rodape__base a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:980px){.rodape__topo{grid-template-columns:1fr 1fr}.rodape__marca{grid-column:1/-1}}
@media (max-width:520px){.rodape{padding-bottom:110px}.rodape__topo{grid-template-columns:1fr;gap:34px}}

/* ---------- WHATSAPP FLUTUANTE ---------- */
.zap{position:fixed;right:18px;bottom:18px;z-index:50;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#22A55B;color:#fff;box-shadow:0 14px 34px -10px rgba(0,0,0,.6);opacity:0;transform:translateY(22px) scale(.9);pointer-events:none;transition:opacity .45s var(--ease),transform .45s var(--ease)}
.zap.vis{opacity:1;transform:none;pointer-events:auto}
.zap.vis.recolhido{opacity:0;transform:translateY(22px);pointer-events:none}
.zap svg{width:29px;height:29px}
html:not(.js) .zap{opacity:1;transform:none;pointer-events:auto}

/* ---------- PÁGINAS INTERNAS ---------- */
.phero{position:relative;padding:clamp(150px,17vw,220px) 0 clamp(72px,9vw,120px);overflow:hidden;isolation:isolate;background:var(--azul-950)}
.phero__bg{position:absolute;inset:0;z-index:-2}
.phero__bg img{width:100%;height:100%;object-fit:cover}
.phero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,12,23,.96) 0%,rgba(6,12,23,.82) 40%,rgba(6,12,23,.25) 100%),linear-gradient(0deg,var(--azul-900) 0%,rgba(10,20,38,0) 30%)}
.phero__in{max-width:720px}
.phero h1{font-size:clamp(2.7rem,6vw,5rem)}
.phero__sub{font-size:clamp(1.05rem,1.4vw,1.2rem);margin:1.5rem 0 2.2rem;max-width:600px}
.migalha{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:2.6rem 0 0;font-size:.82rem;color:var(--mudo)}
.migalha li+li::before{content:"/";margin-right:8px;color:rgba(255,255,255,.25)}
.migalha a:hover{color:var(--ouro-cl)}
.phero--curta{padding-bottom:clamp(40px,5vw,60px)}
.phero--curta::before{background:linear-gradient(180deg,rgba(6,12,23,.4),var(--azul-900))}
@media (max-width:760px){.phero::before{background:linear-gradient(0deg,rgba(6,12,23,.97) 25%,rgba(6,12,23,.62) 100%)}}

/* serviços */
.servs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linha-2);border:1px solid var(--linha-2)}
.serv{background:var(--azul-900);padding:clamp(28px,3.2vw,42px);transition:background-color .45s}
.serv:hover{background:var(--azul-850)}
.serv__ic{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--linha);color:var(--ouro);margin-bottom:1.5rem}
.serv__ic svg{width:24px;height:24px}
.serv h3{font-size:1.55rem;margin-bottom:.7rem}
.serv p{color:var(--mudo);font-size:.98rem;margin:0}
@media (max-width:980px){.servs{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.servs{grid-template-columns:1fr}}

/* destaques (trânsito) */
.destaque{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px);align-items:center;padding-block:clamp(40px,6vw,76px)}
.destaque+.destaque{border-top:1px solid var(--linha-2)}
.destaque:nth-of-type(even) .destaque__img{order:2}
.destaque__img{overflow:hidden;aspect-ratio:4/3;position:relative}
.destaque__img img{width:100%;height:100%;object-fit:cover}
.destaque h3{font-size:clamp(2rem,3.2vw,2.7rem);font-weight:500;margin-bottom:1.1rem}
.destaque p{color:var(--mudo)}
.destaque .lista{margin-bottom:0}
@media (max-width:860px){.destaque{grid-template-columns:1fr}.destaque:nth-of-type(even) .destaque__img{order:0}}

/* checklist */
.checklist{list-style:none;counter-reset:c;padding:0;margin:0;border-top:1px solid var(--linha-2)}
.checklist li{counter-increment:c;display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:16px;padding:24px 0;border-bottom:1px solid var(--linha-2)}
.checklist li::before{content:counter(c,decimal-leading-zero);grid-column:1;grid-row:1/span 2;font:500 1rem/1 var(--f-marca);color:var(--ouro);padding-top:.4em;letter-spacing:.06em}
.checklist b{grid-column:2;color:var(--marfim);font-weight:600;margin-bottom:.25rem}
.checklist span{grid-column:2;color:var(--mudo)}

/* linha do tempo */
.tempo{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);position:relative}
.tempo::before{content:"";position:absolute;left:0;right:0;top:22px;height:1px;background:var(--linha)}
.tempo li{position:relative;padding:64px 22px 0 0}
.tempo li::before{content:"";position:absolute;top:15px;left:0;width:14px;height:14px;background:var(--azul-900);border:1px solid var(--ouro);transform:rotate(45deg)}
.tempo b{display:block;color:var(--marfim);font:600 1.35rem/1.2 var(--f-display);margin-bottom:.55rem}
.tempo span{display:block;color:var(--mudo);font-size:.93rem;line-height:1.6}
@media (max-width:900px){
  .tempo{grid-template-columns:1fr}
  .tempo::before{left:7px;right:auto;top:6px;bottom:6px;width:1px;height:auto}
  .tempo li{padding:0 0 32px 46px}
  .tempo li::before{top:6px}
}
.nota{font-size:.88rem;color:var(--mudo);margin-top:28px;padding:16px 20px;border-left:2px solid var(--ouro);background:rgba(201,165,94,.05)}

/* citação */
.citacao{position:relative;padding-block:clamp(110px,15vw,200px);overflow:hidden;isolation:isolate;text-align:center;background:var(--azul-950)}
.citacao__bg{position:absolute;inset:-12% 0;z-index:-2}
.citacao__bg img{width:100%;height:100%;object-fit:cover}
.citacao::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(6,12,23,.8)}
.citacao blockquote{margin:0 auto;max-width:920px;font:500 italic clamp(1.9rem,4.2vw,3.4rem)/1.2 var(--f-display);color:var(--marfim)}
.citacao cite{display:block;margin-top:1.6rem;font:500 .82rem/1 var(--f-marca);letter-spacing:.22em;color:var(--ouro);font-style:normal}

/* valores */
.valores{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.4vw,26px)}
.valor{border:1px solid var(--linha-2);padding:34px 26px;background:var(--azul-850)}
.valor h3{font-size:1.55rem;margin-bottom:.6rem}
.valor p{color:var(--mudo);font-size:.96rem;margin:0}
@media (max-width:980px){.valores{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.valores{grid-template-columns:1fr}}

/* trio de fotos */
.trio{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:clamp(10px,1.8vw,20px);align-items:end}
.trio figure{margin:0}
.trio .foto{aspect-ratio:3/4}
.trio figure:nth-child(2) .foto{aspect-ratio:4/5}
@media (max-width:760px){.trio{grid-template-columns:1fr 1fr}.trio figure:nth-child(2){grid-column:1/-1;order:-1}.trio figure:nth-child(2) .foto{aspect-ratio:4/3}}

/* ---------- GALERIA ---------- */
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px}
.filtro{border:1px solid rgba(255,255,255,.14);padding:10px 20px;font-size:.88rem;font-weight:500;border-radius:999px;color:var(--texto);transition:background-color .3s,color .3s,border-color .3s}
.filtro:hover{border-color:var(--ouro)}
.filtro[aria-pressed="true"]{background:var(--ouro);color:#141005;border-color:var(--ouro)}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.gal__item{display:block;width:100%;margin:0;aspect-ratio:4/5;position:relative;overflow:hidden;cursor:zoom-in;background:var(--azul-850)}
.gal__item[hidden]{display:none}
.gal__item img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.gal__item:hover img{transform:scale(1.035)}
.gal__item span{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 14px;background:linear-gradient(0deg,rgba(6,12,23,.9),rgba(6,12,23,0));font-size:.85rem;color:var(--marfim);opacity:0;transition:opacity .4s}
.gal__item:hover span,.gal__item:focus-visible span{opacity:1}
@media (hover:none){.gal__item span{opacity:1}}
@media (max-width:560px){.gal{grid-template-columns:1fr 1fr;gap:8px}.gal__item span{font-size:.75rem;padding:28px 10px 8px}}
.lb{border:0;padding:0;margin:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;background:rgba(4,8,15,.97);color:var(--marfim);overflow:hidden}
.lb::backdrop{background:rgba(4,8,15,.92)}
.lb figure{margin:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:74px 84px 18px}
.lb img{max-width:100%;max-height:calc(100dvh - 150px);width:auto;height:auto;object-fit:contain}
.lb figcaption{padding-top:14px;color:var(--mudo);font-size:.9rem;text-align:center}
.lb__bt{position:absolute;width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--linha);background:rgba(6,12,23,.7);color:var(--marfim);transition:border-color .3s}
.lb__bt:hover{border-color:var(--ouro-cl)}
.lb__bt svg{width:22px;height:22px}
.lb__fechar{top:14px;right:14px}
.lb__ant{left:16px;top:50%;margin-top:-26px}
.lb__prox{right:16px;top:50%;margin-top:-26px}
@media (max-width:620px){.lb figure{padding:70px 10px 84px}.lb__ant,.lb__prox{top:auto;bottom:16px;margin-top:0}.lb__ant{left:calc(50% - 60px)}.lb__prox{right:calc(50% - 60px)}}

/* ---------- FORMULÁRIO / CONTATO ---------- */
.contato{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(36px,6vw,80px);align-items:start}
.painel{background:var(--azul-850);border:1px solid var(--linha-2);padding:clamp(24px,4vw,52px)}
.painel h2{font-size:clamp(1.9rem,3vw,2.5rem);margin-bottom:.6rem}
.painel>p{color:var(--mudo)}
.form{display:grid;gap:18px;margin-top:26px}
.form__linha{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.campo label{display:block;font-size:.86rem;font-weight:600;color:var(--marfim);margin-bottom:.5rem}
.campo input,.campo select,.campo textarea{width:100%;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.15);color:var(--marfim);font:inherit;font-size:1rem;line-height:1.4;padding:14px 16px;border-radius:2px;transition:border-color .3s,background-color .3s}
.campo textarea{min-height:140px;resize:vertical}
.campo select{appearance:none;-webkit-appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9A55E' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px}
.campo select option{background:var(--azul-900);color:var(--marfim)}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--ouro);background-color:rgba(201,165,94,.06)}
.campo input::placeholder,.campo textarea::placeholder{color:#6F7B8E}
.aceite{display:flex;gap:12px;align-items:flex-start;font-size:.88rem;color:var(--mudo);line-height:1.55}
.aceite input{width:18px;height:18px;margin-top:2px;accent-color:var(--ouro);flex:none}
.aceite a{color:var(--ouro-cl);text-decoration:underline;text-underline-offset:3px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form__erro{display:none;padding:12px 16px;border:1px solid #B5574C;background:rgba(181,87,76,.12);color:#F1C5BF;font-size:.9rem}
.form__erro[data-ver]{display:block}
.form__nota{font-size:.82rem;color:var(--mudo);margin:0}
@media (max-width:620px){.form__linha{grid-template-columns:1fr}}
.canais{display:grid;gap:12px}
.canal{display:flex;gap:16px;align-items:center;padding:18px 20px;border:1px solid var(--linha-2);background:var(--azul-850);transition:border-color .35s,transform .35s var(--ease)}
.canal:hover{border-color:var(--linha);transform:translateX(4px)}
.canal__ic{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--linha);color:var(--ouro);flex:none}
.canal__ic svg{width:22px;height:22px}
.canal b{display:block;color:var(--marfim);font-weight:600;line-height:1.35}
.canal small{display:block;color:var(--mudo);font-size:.85rem;line-height:1.45}
.contato__foto{margin:28px 0 0;position:relative;background:radial-gradient(70% 60% at 50% 72%,rgba(201,165,94,.2),rgba(201,165,94,0) 70%);border-bottom:1px solid var(--linha);display:flex;justify-content:center;overflow:hidden}
.contato__foto img{max-height:520px;width:auto}
@media (max-width:900px){.contato{grid-template-columns:1fr}}

/* texto longo */
.texto{max-width:800px}
.texto h2{font-size:clamp(1.6rem,2.6vw,2.1rem);margin:2.6rem 0 1rem}
.texto ul{padding-left:1.2rem}
.texto li{margin-bottom:.5rem}
.texto a{color:var(--ouro-cl);text-decoration:underline;text-underline-offset:3px}

/* ---------- LINK NA BIO ---------- */
.bio-body{min-height:100vh;min-height:100svh;background:radial-gradient(130% 55% at 50% 0%,#172B50 0%,var(--azul-950) 62%) fixed,var(--azul-950)}
.bio{max-width:540px;margin:0 auto;padding:62px 18px 44px;text-align:center;position:relative}
.voltar{position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--mudo);padding:8px 12px;border:1px solid var(--linha-2);border-radius:999px;transition:color .3s,border-color .3s}
.voltar:hover{color:var(--marfim);border-color:var(--linha)}
.voltar svg{width:14px;height:14px}
.bio__mono{width:40px;height:40px;margin:0 auto 26px}
.avatar{width:136px;height:136px;margin:0 auto 20px;border-radius:50%;padding:3px;background:var(--grad-ouro);box-shadow:0 20px 50px -20px rgba(201,165,94,.55)}
.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--azul-950)}
.bio__nome{font:600 clamp(1.9rem,6vw,2.2rem)/1.1 var(--f-display);display:inline-flex;align-items:center;gap:8px;color:var(--marfim)}
.selo{width:23px;height:23px;flex:none}
.bio__cargo{font:500 .78rem/1.4 var(--f-marca);letter-spacing:.26em;color:var(--ouro);margin:.7rem 0 1rem}
.bio__desc{color:var(--texto);font-size:.97rem;margin:0 auto 1rem;max-width:420px}
.bio__local{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;color:var(--mudo);margin:0}
.bio__local svg{width:15px;height:15px}
.pilha{display:grid;gap:12px;text-align:left;margin-top:30px}
.item{position:relative;display:flex;align-items:center;gap:14px;padding:15px 16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);border-radius:14px;transition:transform .35s var(--ease),border-color .35s,background-color .35s}
.item:hover{transform:translateY(-2px);border-color:var(--linha);background-color:rgba(201,165,94,.06)}
.item__ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(201,165,94,.1);color:var(--ouro-cl);flex:none}
.item__ic svg{width:22px;height:22px}
.item__txt{flex:1;min-width:0}
.item__txt b{display:block;color:var(--marfim);font-weight:600;font-size:.98rem;line-height:1.35}
.item__txt small{display:block;color:var(--mudo);font-size:.82rem;line-height:1.4}
.item__seta{width:18px;height:18px;color:var(--mudo);flex:none}
.item--wpp{background:linear-gradient(135deg,#1E9A55,#137341);border-color:rgba(255,255,255,.1)}
.item--wpp:hover{background-color:transparent;border-color:rgba(255,255,255,.3)}
.item--wpp .item__ic{background:rgba(255,255,255,.16);color:#fff}
.item--wpp small,.item--wpp .item__seta{color:rgba(255,255,255,.85)}
.item--ouro{border-color:var(--linha);background:linear-gradient(135deg,rgba(201,165,94,.12),rgba(201,165,94,.03))}
.rapido{margin-top:34px;text-align:left;padding:26px 22px;border:1px solid var(--linha-2);border-radius:16px;background:rgba(255,255,255,.025)}
.rapido h2{font-size:1.7rem;margin-bottom:.3rem}
.rapido>p{color:var(--mudo);font-size:.92rem;margin:0}
.rapido .form{margin-top:18px;gap:14px}
.bio__redes{display:flex;justify-content:center;gap:12px;margin:30px 0 22px}
.bio__redes a{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--linha-2);color:var(--texto);transition:border-color .3s,color .3s}
.bio__redes a:hover{border-color:var(--ouro);color:var(--ouro-cl)}
.bio__redes svg{width:20px;height:20px}
.bio__pe{font-size:.76rem;color:var(--mudo);line-height:1.6}
.bio__pe a{text-decoration:underline;text-underline-offset:3px}
.bio__aviso{display:block;margin-top:.6rem;opacity:.8}

/* ---------- MOVIMENTO REDUZIDO ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .js [data-rev]{opacity:1;transform:none}
  .passo::after{transform:scaleX(1)}
}
