/* Site ND Social Media · mesma identidade do app: azul-noite, creme, Cormorant e Montserrat */
@font-face{font-family:"Cormorant";font-style:italic;font-weight:300;font-display:swap;src:url(fonts/cormorant-300-italic.woff2) format("woff2")}
@font-face{font-family:"Cormorant";font-style:italic;font-weight:400 600;font-display:swap;src:url(fonts/cormorant-400-italic.woff2) format("woff2")}
@font-face{font-family:"Cormorant";font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/cormorant-400-normal.woff2) format("woff2")}
@font-face{font-family:"Courier Prime";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/courier-prime-400.woff2) format("woff2")}
@font-face{font-family:"Assinatura";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/assinatura-400.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:300;font-display:swap;src:url(fonts/montserrat-300.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/montserrat-400.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/montserrat-500.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/montserrat-600.woff2) format("woff2")}

:root{
  --noite:#051634; --marinho:#314b6e; --creme:#eeebe8; --papel:#f8f7f5; --taupe:#9f9489; --tinta:#2b2a28; --tinta-2:#5f5a54;
  --linha:#d9d3cc; --creme-esc:#a9b4c6; --verde:#1f8f4e;
  --mono:"Courier Prime","Courier New",monospace; --serif:"Cormorant","Cormorant Garamond",Georgia,serif; --sans:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;
  --larg:1120px; --gut:max(20px,env(safe-area-inset-left));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--creme);color:var(--tinta);font:300 16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--marinho);outline-offset:3px}
.pular{position:absolute;left:-999px;top:8px;background:var(--papel);padding:8px 14px;z-index:20}
.pular:focus{left:12px}
h1,h2,h3{font-family:var(--serif);font-style:italic;font-weight:400;margin:0;color:inherit;text-wrap:balance}
h2{font-size:clamp(34px,5vw,52px);line-height:1.05;margin-bottom:36px}
p{margin:0}

/* ---------- topo ---------- */
.hero{background:var(--noite);color:var(--creme);padding:0 var(--gut) 72px}
.barra{max-width:var(--larg);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0}
.marca{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:400;letter-spacing:.02em}
.selo{width:42px;height:42px;border-radius:50%;border:1px solid rgba(238,235,232,.55);display:grid;place-items:center;font:italic 300 20px/1 var(--serif);position:relative}
.selo::after{content:"";position:absolute;inset:3px;border-radius:50%;border:1px solid rgba(238,235,232,.18)}
.links{display:flex;gap:26px;font-size:14px}
.links a{text-decoration:none;color:var(--creme-esc)}
.links a:hover{color:var(--creme)}

.btn-wa{display:inline-flex;align-items:center;gap:10px;background:var(--creme);color:var(--noite);text-decoration:none;font-weight:500;font-size:15px;padding:15px 26px;border-radius:999px}
.btn-wa::before{content:"";width:18px;height:18px;flex:0 0 auto;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2c-1.5 0-3-.4-4.3-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.7.8-.8 1-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.3-.4.2-.4.7-1.3.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.8 11.8 0 0 0 4.5 4c1.7.7 2.3.8 3.2.6.5-.1 1.5-.6 1.7-1.2s.2-1.1.2-1.2-.2-.2-.5-.3z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2c-1.5 0-3-.4-4.3-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.7.8-.8 1-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.3-.4.2-.4.7-1.3.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.8 11.8 0 0 0 4.5 4c1.7.7 2.3.8 3.2.6.5-.1 1.5-.6 1.7-1.2s.2-1.1.2-1.2-.2-.2-.5-.3z'/%3E%3C/svg%3E") center/contain no-repeat}
.btn-wa:hover{background:#fff}
/* ---------- seções ---------- */
main>section{padding:96px var(--gut)}
main>section>*{max-width:var(--larg);margin-left:auto;margin-right:auto}

.sobre-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:64px;align-items:center}
.sobre h2{color:var(--noite);margin-bottom:22px}
.sobre p{max-width:58ch;color:var(--tinta-2)}
.sobre p+p{margin-top:14px}
@media (max-width:760px){.sobre-in{grid-template-columns:1fr;gap:36px}}

.servicos{background:var(--papel)}
.lista{margin:0 auto}
.lista>div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;padding:26px 0;border-top:1px solid var(--linha)}
.lista>div:last-child{border-bottom:1px solid var(--linha)}
.lista dt{font:italic 400 clamp(26px,3.2vw,34px)/1.15 var(--serif);color:var(--noite)}
.lista dd{margin:0;color:var(--tinta-2);max-width:56ch}
.tambem{margin-top:30px;color:var(--tinta-2)}
.tambem b{font-weight:500;color:var(--noite)}
.nota-serv{margin-top:14px;color:var(--tinta-2)}

.portfolio{background:var(--papel)}
.passos{list-style:none;padding:0;margin:0 auto;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;counter-reset:p;position:relative}
.passos::before{content:"";position:absolute;left:0;right:0;top:27px;height:1px;background:var(--linha)}
.passos li{counter-increment:p;position:relative;padding:72px 14px 0 0}
.passos li::before{content:counter(p);position:absolute;top:0;left:0;width:54px;height:54px;border-radius:50%;background:var(--papel);border:1px solid var(--linha);display:grid;place-items:center;font:italic 400 26px/1 var(--serif);color:var(--marinho)}
.passos h3{font-size:21px;overflow-wrap:anywhere;line-height:1.15;color:var(--noite);margin-bottom:6px}
.passos p{font-size:14px;color:var(--tinta-2)}

.mais{margin-top:24px}
.mais a{text-underline-offset:4px;color:var(--marinho)}

.depo{background:var(--creme)}

.sigilo{background:var(--marinho);color:var(--creme)}
.sigilo-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px 64px}
.sigilo h2{grid-row:span 3;margin:0}
.sigilo-lead{color:var(--creme)}
.sigilo ul{margin:0;padding:0;list-style:none}
.sigilo li{padding:12px 0 12px 30px;border-bottom:1px solid rgba(238,235,232,.22);position:relative}
.sigilo li::before{content:"";position:absolute;left:2px;top:21px;width:12px;height:7px;border:solid var(--creme);border-width:0 0 1.5px 1.5px;transform:rotate(-45deg)}
.sigilo a{color:var(--creme);text-underline-offset:4px}


.rodape{background:#030f25;color:var(--creme-esc);padding:36px var(--gut) 90px;font-size:13px}
.rodape-in{max-width:var(--larg);margin:0 auto;display:grid;gap:6px}
.rodape b{color:var(--creme);font-weight:500}
.rodape a{color:var(--creme-esc);text-underline-offset:3px}

.aviso-cookies{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(560px,calc(100% - 32px));
  background:var(--papel);color:var(--tinta);border:1px solid var(--linha);border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:16px;
  box-shadow:0 12px 30px -10px rgba(5,22,52,.35);font-size:14px;z-index:30}
.aviso-cookies[hidden]{display:none}
.aviso-cookies p{flex:1}
.aviso-cookies a{color:var(--marinho)}
.aviso-cookies button{border:0;background:var(--noite);color:var(--creme);border-radius:999px;padding:9px 18px;font:500 13px var(--sans);cursor:pointer}

/* ---------- páginas de política ---------- */
.doc{max-width:760px;margin:0 auto;padding:56px var(--gut) 96px}
.doc .voltar{display:inline-block;margin-bottom:28px;color:var(--marinho);text-underline-offset:4px}
.doc h1{font-size:clamp(40px,6vw,60px);line-height:1.02;color:var(--noite);margin-bottom:10px}
.doc .atual{color:var(--tinta-2);font-size:14px;margin-bottom:36px}
.doc h2{font-size:28px;margin:40px 0 12px;color:var(--noite)}
.doc p,.doc li{max-width:68ch}
.doc p+p{margin-top:12px}
.doc ul{padding-left:20px}
.doc li{margin:6px 0}
.doc table{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0}
.doc th,.doc td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--linha);vertical-align:top}
.doc th{font-weight:500}
.doc .tbl{overflow-x:auto}

/* ---------- celular ---------- */
@media (max-width:900px){
  .passos{grid-template-columns:1fr;gap:22px}
  .passos::before{left:27px;right:auto;top:0;bottom:0;width:1px;height:auto}
  .passos li{padding:12px 0 0 76px;min-height:54px}
  .sigilo-in{grid-template-columns:1fr}
  .sigilo h2{grid-row:auto;margin-bottom:8px}
}
@media (max-width:640px){
  .links{display:none}
  main>section{padding:72px var(--gut)}
  .lista>div{grid-template-columns:1fr;gap:6px}
  .aviso-cookies{flex-direction:column;align-items:stretch;text-align:left}
}

/* ---------- topo dinâmico ---------- */
.hero{position:relative;overflow:hidden;padding-bottom:0}
.hero::before{content:"";position:absolute;inset:-20% -10% auto;height:120%;pointer-events:none;
  background:radial-gradient(40% 35% at 50% 62%,rgba(49,75,110,.85),transparent 70%),radial-gradient(30% 30% at 18% 30%,rgba(159,148,137,.22),transparent 70%),radial-gradient(30% 30% at 85% 35%,rgba(169,180,198,.18),transparent 70%)}
.barra,.hero-in{position:relative}
.hero-in{max-width:var(--larg);margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:36px}
.chip{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(238,235,232,.2);background:rgba(238,235,232,.06);border-radius:999px;padding:5px 16px 5px 5px;font-size:13px;color:var(--creme-esc)}
.chip img{width:28px;height:28px;border-radius:50%;object-fit:cover;object-position:50% 20%}
.hero h1{font-weight:300;font-size:clamp(46px,7vw,92px);line-height:1;letter-spacing:-.01em;max-width:14ch;margin-top:26px}
.sub{margin:24px auto 0;max-width:58ch;color:var(--creme-esc);font-size:17px}
.btn-brilho{margin-top:34px;box-shadow:0 0 0 6px rgba(238,235,232,.08),0 12px 40px -6px rgba(169,180,198,.55)}

.palco{position:relative;width:min(760px,100%);margin-top:56px;display:flex;justify-content:center}
.retrato{margin:0;width:min(420px,78%);aspect-ratio:4/5;border-radius:240px 240px 0 0;overflow:hidden;
  background:var(--marinho);box-shadow:0 -20px 80px -20px rgba(169,180,198,.45)}
.retrato img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;display:block}
.card{position:absolute;display:flex;align-items:center;gap:12px;text-align:left;background:rgba(248,247,245,.94);color:var(--tinta);
  border-radius:14px;padding:12px 16px 12px 12px;box-shadow:0 18px 40px -14px rgba(0,0,0,.55);font-size:12.5px;line-height:1.35;
  opacity:0;transform:translateY(14px);animation:entra .7s cubic-bezier(.2,.7,.2,1) forwards,flutua 6s ease-in-out infinite}
.card b{display:block;font-weight:500;font-size:13.5px;color:var(--noite)}
.card small{color:var(--tinta-2);font-size:12px}
.c1{left:0;top:16%;animation-delay:.5s,1.2s}
.c2{right:0;top:30%;animation-delay:.75s,2.1s}
.c3{left:4%;bottom:16%;animation-delay:1s,1.6s}
.c4{right:3%;bottom:6%;animation-delay:1.25s,2.6s}
.ic{width:34px;height:34px;flex:0 0 auto;border-radius:10px;background:var(--noite);position:relative}
.ic::after{content:"";position:absolute;inset:0;margin:auto;background:var(--creme)}
.ic.ok::after{width:13px;height:7px;background:none;border:solid var(--creme);border-width:0 0 2px 2px;transform:translateY(-2px) rotate(-45deg)}
.ic.cal::after{width:14px;height:13px;background:none;border:1.5px solid var(--creme);border-top-width:4px;border-radius:2px}
.ic.cad::after{width:12px;height:10px;border-radius:2px;transform:translateY(3px);box-shadow:0 -7px 0 -2px var(--noite),0 -8px 0 -1px var(--creme)}
.ic.pin::after{width:12px;height:12px;border-radius:50% 50% 50% 0;transform:rotate(-45deg) translate(1px,-1px)}
@keyframes entra{to{opacity:1;transform:translateY(0)}}
@keyframes flutua{0%,100%{translate:0 0}50%{translate:0 -8px}}

/* faixa de serviços que desliza */
.faixa{background:var(--noite);color:var(--creme);border-top:1px solid rgba(238,235,232,.12);overflow:hidden;padding:18px 0}
.trilho{display:flex;width:max-content;animation:desliza 38s linear infinite}
.faixa span{font:italic 400 24px var(--serif);padding:0 28px;white-space:nowrap;display:flex;align-items:center;gap:56px}
.faixa span::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--taupe);margin-left:28px}
@keyframes desliza{to{transform:translateX(-50%)}}

/* números que contam */
.numeros{margin:0;display:grid;gap:22px}
.numeros div{border-top:1px solid var(--linha);padding-top:14px}
.numeros dt{font:italic 300 54px/1 var(--serif);color:var(--noite)}
.numeros dd{margin:6px 0 0;color:var(--tinta-2);font-size:14px}

/* vitrine do portfólio */
.dica{margin:-22px auto 26px;color:var(--tinta-2);font-size:14px}
main>section>.vitrine{max-width:none;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.vitrine .trilho{gap:20px;animation-duration:46s}
.vitrine:hover .trilho,.vitrine:focus-within .trilho{animation-play-state:paused}
.peca{display:block;flex:0 0 auto;height:min(440px,70vw);border-radius:12px;overflow:hidden;background:#e3ded8}
.peca img{height:100%;width:auto;display:block}

@media (max-width:640px){
  .palco{margin-top:40px}
  .retrato{width:86%}
  .card{font-size:11px;padding:8px 10px 8px 8px;gap:8px}
  .card b{font-size:12px}.card small{display:none}
  .ic{width:26px;height:26px;border-radius:8px}
  .c1{top:8%}.c2{top:36%}.c3{bottom:20%;left:0}.c4{bottom:4%;right:0}
  .faixa span{font-size:20px}
}
@media (prefers-reduced-motion:reduce){
  .card{animation:none;opacity:1;transform:none}
  .trilho{animation:none}
  .vitrine{overflow-x:auto}
}

/* ---------- seções da proposta ---------- */
.script{font:400 clamp(30px,4vw,42px)/1 "Assinatura",cursive;color:var(--taupe);margin-bottom:10px}
.hero h1{font-size:clamp(40px,5.6vw,76px);max-width:18ch;line-height:1.02}

.paraquem{background:#9f9489;color:var(--creme)}
.paraquem .script{color:var(--creme);opacity:.85}
.paraquem h2{font-weight:300;padding-right:34%}
.paraquem-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px 56px;align-items:start}
.paraquem ul{margin:0;padding:0;list-style:none}
.paraquem li{padding:12px 0;border-bottom:1px solid rgba(238,235,232,.35);font-size:16px}
.arremate{margin-top:36px;font:italic 400 clamp(22px,2.6vw,28px)/1.3 var(--serif);padding-right:40%}

.planos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:64px}
.plano{position:relative;border:1px solid #6b5a4b;border-radius:4px;padding:30px 28px;background:var(--papel)}
.plano h3{font-size:36px;color:#4a3a2c;margin-bottom:8px}
.plano-para{color:var(--tinta-2);font-size:15px;margin-bottom:16px}
.plano ul{margin:0;padding-left:18px}
.plano li{margin:6px 0;font-size:15px}
.plano.destaque{background:#4a3a2c;color:var(--creme);border-color:#4a3a2c}
.plano.destaque h3{color:var(--creme)}
.plano.destaque .plano-para{color:#d9cfc4}
.selo-ind{position:absolute;top:-18px;right:20px;font:400 26px/1 "Assinatura",cursive;color:#4a3a2c;background:var(--creme);padding:4px 12px;border-radius:999px;border:1px solid #6b5a4b}
.avulsos{margin-top:48px}
.avulsos h3{font-size:28px;color:var(--noite);margin-bottom:10px}
.avulsos p{color:var(--tinta-2);max-width:none}

.frase{background:linear-gradient(120deg,#2a2017,#4a3a2c 60%,#2a2017);color:var(--creme);text-align:center}
.frase blockquote{margin:0 auto}
.frase p{font:italic 300 clamp(34px,5vw,64px)/1.08 var(--serif);max-width:20ch;margin:0 auto}

.perfis{padding-left:0!important;padding-right:0!important}
.perfis h2{padding:0 var(--gut)}
.vitrine-perfis{max-width:none!important;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.vitrine-perfis .trilho{gap:16px;animation-duration:40s}
.vitrine-perfis:hover .trilho{animation-play-state:paused}
.perfil{display:flex;flex-direction:column;gap:2px;flex:0 0 auto;border:1px solid var(--linha);background:var(--papel);border-radius:999px;padding:14px 26px}
.perfil b{font-weight:500;color:var(--noite);font-size:15px}
.perfil small{color:var(--tinta-2);font-size:13px}

.valor{background:radial-gradient(80% 120% at 50% 0%,#0d3a8a,#051634 70%);color:var(--creme);text-align:center}
.valor .script{color:var(--creme-esc)}
.valor h2{font-weight:300;max-width:22ch;margin-left:auto;margin-right:auto}
.valor ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.valor li{border:1px solid rgba(238,235,232,.3);border-radius:999px;padding:10px 20px;font:400 13px var(--mono,"Courier Prime",monospace);letter-spacing:.02em}

.como{background:var(--papel)}


@media (max-width:900px){
  .paraquem-in{grid-template-columns:1fr}
  .paraquem h2,.arremate{padding-right:0}
  .planos{grid-template-columns:1fr;gap:34px}
}

/* ---------- imagens da proposta ---------- */
.selo-n{width:84px;height:auto;display:block;margin-bottom:16px;filter:drop-shadow(0 6px 10px rgba(74,58,44,.25))}

.paraquem-in{grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr)}
.paraquem-foto{margin:0;border-radius:6px;overflow:hidden;aspect-ratio:3/4}
.paraquem-foto img{width:100%;height:100%;object-fit:cover;display:block}
.paraquem-in p{margin-bottom:10px}

.planos-capa{margin-top:64px;height:200px;border-radius:6px;overflow:hidden;position:relative;display:flex;align-items:flex-end;padding:22px 28px;
  background:linear-gradient(0deg,rgba(28,20,14,.75),rgba(28,20,14,.1)),url(img/foto-planos.jpg) center 60%/cover}
.planos-capa h3{color:var(--creme);font-weight:300;font-size:clamp(40px,6vw,64px);line-height:1}
.planos{margin-top:40px}

.frase{position:relative;overflow:hidden;background:#1d150f;text-align:right;padding-top:140px!important;padding-bottom:140px!important}
main>section>.frase-bg{max-width:none;margin:0;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.frase::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,21,15,.2),rgba(29,21,15,.85))}
.frase blockquote{position:relative;z-index:1}
.frase p{margin:0 0 0 auto;max-width:14ch;font-family:var(--mono);font-style:normal;font-weight:400;font-size:clamp(24px,3vw,36px);line-height:1.35}

.perfil{flex-direction:row;align-items:center;gap:14px;padding:10px 26px 10px 10px}
.perfil img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:1px solid var(--linha)}
.perfil>span{display:flex;flex-direction:column;gap:2px}

.prints{columns:3 260px;column-gap:22px}
.print{margin:0 0 22px;break-inside:avoid;border-radius:16px;overflow:hidden;background:var(--noite);box-shadow:0 14px 34px -16px rgba(5,22,52,.45)}
.print img{width:100%;height:auto;display:block}

.faq{background:var(--creme)}

.faq details{border-bottom:1px solid var(--linha)}
.faq details:first-child{border-top:1px solid var(--linha)}
.faq summary{list-style:none;cursor:pointer;padding:20px 44px 20px 0;position:relative;font:italic 400 clamp(20px,2.4vw,26px)/1.25 var(--serif);color:var(--noite)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:8px;top:50%;width:12px;height:12px;border:solid var(--marinho);border-width:0 1.5px 1.5px 0;transform:translateY(-70%) rotate(45deg);transition:transform .25s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq details p{padding:0 0 22px;color:var(--tinta-2);max-width:64ch}

.final{background:var(--creme);color:var(--noite)}
.final-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:center}
.final-foto{margin:0;border-radius:6px;overflow:hidden;aspect-ratio:2/3;max-height:640px}
.final-foto img{width:100%;height:100%;object-fit:cover;display:block}
.final h2{font-weight:300;font-size:clamp(34px,4.6vw,58px);line-height:1.08;color:var(--marinho);margin-bottom:34px}
.btn-escuro{background:var(--noite);color:var(--creme)}
.btn-escuro:hover{background:var(--marinho)}

.wa-flutua{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:25;width:58px;height:58px;border-radius:50%;
  background:var(--verde);box-shadow:0 10px 26px -8px rgba(0,0,0,.45);display:grid;place-items:center}
.wa-flutua::before{content:"";width:28px;height:28px;background:#fff;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2c-1.5 0-3-.4-4.3-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.7.8-.8 1-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.3-.4.2-.4.7-1.3.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.8 11.8 0 0 0 4.5 4c1.7.7 2.3.8 3.2.6.5-.1 1.5-.6 1.7-1.2s.2-1.1.2-1.2-.2-.2-.5-.3z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2c-1.5 0-3-.4-4.3-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.7.8-.8 1-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.3-.4.2-.4.7-1.3.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.8 11.8 0 0 0 4.5 4c1.7.7 2.3.8 3.2.6.5-.1 1.5-.6 1.7-1.2s.2-1.1.2-1.2-.2-.2-.5-.3z'/%3E%3C/svg%3E") center/contain no-repeat}
.wa-flutua:hover{transform:scale(1.05)}
.aviso-cookies{z-index:30}

@media (max-width:900px){
  .paraquem-in{grid-template-columns:1fr}
  .paraquem-foto{aspect-ratio:16/9}
  .final-in{grid-template-columns:1fr;gap:32px}
  .final-foto{aspect-ratio:4/3}
}
@media (prefers-reduced-motion:reduce){.faq summary::after{transition:none}}