/* Atual Sorriso — VERSAO 2 (comparacao), so na pagina /v2. Carrega depois de estilo.css.
   Inspirada na estrutura de site medico premium: abertura em largura total com recorte,
   menu flutuante em vidro, botoes em degrade dourado, cards com foto, vidro claro, cantos grandes.
   Cores continuam as do uniforme (caramelo/dourado mel + rosa queimado). */
:root{--ouro-degrade:linear-gradient(135deg,#B8925C 0%,#97723F 55%,#7A5A36 100%)}

/* menu flutuante em vidro */
body.v2 .topo{position:fixed;top:14px;left:0;right:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:0}
body.v2 .topo .wrap{width:calc(100% - 32px);max-width:1200px;height:68px;padding:0 10px 0 22px;background:rgba(255,255,255,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.85);border-radius:999px;box-shadow:0 18px 40px -26px rgba(110,90,40,.45);transition:background-color .3s}
body.v2 .topo.rolou .wrap{background:rgba(255,255,255,.92)}
body.v2 .topo .btn{min-height:48px}
@media (max-width:960px){body.v2 .nav{inset:92px 16px auto 16px;border-radius:20px;border:1px solid var(--line);visibility:hidden;transition:transform .4s var(--ease),visibility 0s .4s}body.v2 .nav.aberto{visibility:visible;transition:transform .4s var(--ease)}}

/* botao em degrade dourado com bolinha de seta */
.btn-ouro{background:var(--ouro-degrade);color:#fff;padding:12px 14px 12px 26px;box-shadow:0 16px 32px -16px rgba(122,90,54,.7)}
.btn-ouro:hover{transform:translateY(-2px);filter:brightness(1.05)}
.btn-ouro .seta-ouro{width:30px;height:30px;border-radius:50%;background:#fff;color:#7A5A36;display:inline-flex;align-items:center;justify-content:center}
.btn-ouro .seta-ouro svg{width:15px;height:15px}
.mais-ouro{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--rose-2);text-decoration:none}
.mais-ouro i{position:relative;width:18px;height:18px;border-radius:50%;background:var(--ouro-degrade);flex:none}
.mais-ouro i::after{content:'';position:absolute;top:6px;left:5px;width:5px;height:5px;border-top:1.6px solid #fff;border-right:1.6px solid #fff;transform:rotate(45deg)}

/* abertura em largura total: fundo da clinica desfocado + recorte das doutoras */
.v2-hero{position:relative;margin:0 12px;border-radius:0 0 48px 48px;overflow:hidden;padding:150px 0 0}
.v2-hero-fundo,.v2-hero-fundo::before,.v2-hero-fundo::after{position:absolute;inset:0}
.v2-hero-fundo::before{content:'';inset:-40px;background:url(img/recepcao.webp) center/cover;filter:blur(14px) saturate(.75)}
.v2-hero-fundo::after{content:'';background:linear-gradient(100deg,rgba(251,247,242,.97) 0%,rgba(248,241,232,.9) 42%,rgba(232,214,190,.6) 100%)}
.v2-hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:end;min-height:640px}
.v2-hero-txt{display:flex;flex-direction:column;gap:24px;align-self:center;padding-bottom:110px}
.v2-hero-txt .sub{font-size:18px}
.v2-grupo{justify-self:center;height:680px;width:auto;max-width:none;-webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent 100%),linear-gradient(to left,transparent 0,#000 9%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,#000 78%,transparent 100%),linear-gradient(to left,transparent 0,#000 9%);mask-composite:intersect}
@media (max-width:960px){
  .v2-hero{padding-top:120px;border-radius:0 0 32px 32px;margin:0 6px}
  .v2-hero .wrap{grid-template-columns:1fr;min-height:0}
  .v2-hero-txt{padding-bottom:12px}
  .v2-grupo{height:460px}
}
@media (max-width:600px){.v2-grupo{height:380px}.v2-hero .hero-ctas .btn{width:100%;justify-content:center}}

/* numeros em cartao de vidro sobre a abertura */
.v2-numeros-wrap{position:relative;z-index:3;margin-top:-58px}
.v2-numeros{display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 60px -34px rgba(110,90,40,.45)}
.v2-numeros div{padding:24px 28px;display:flex;flex-direction:column;gap:4px;border-left:1px solid var(--line)}
.v2-numeros div:first-child{border-left:0}
.v2-numeros strong{font-weight:500;font-size:32px;line-height:1;letter-spacing:-.03em}
.v2-numeros strong em{font-style:normal;color:var(--rosa)}
.v2-numeros span{font-size:13.5px;color:var(--sub)}
@media (max-width:860px){.v2-numeros{grid-template-columns:1fr 1fr}.v2-numeros div:nth-child(3){border-left:0}.v2-numeros div:nth-child(n+3){border-top:1px solid var(--line)}.v2-numeros div{padding:18px 20px}.v2-numeros strong{font-size:26px}}

/* tratamentos em cards com foto */
.v2-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.v2-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 24px 44px -36px rgba(110,90,40,.5);transition:transform .4s var(--ease),box-shadow .4s}
.v2-card:hover{transform:translateY(-6px);box-shadow:0 34px 60px -36px rgba(110,90,40,.6)}
.v2-card .foto{aspect-ratio:4/3.6;overflow:hidden;background:var(--sand)}
.v2-card .foto img{width:100%;height:100%;object-fit:cover;object-position:center 18%;transition:transform 1.2s var(--ease)}
.v2-card:hover .foto img{transform:scale(1.05)}
.v2-card .corpo{padding:22px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.v2-card h3{font-size:18px}
.v2-card p{font-size:14.5px;color:var(--sub);line-height:1.55;margin-bottom:8px}
@media (max-width:960px){.v2-cards{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.v2-cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-1.25rem;padding:0 1.25rem 10px 0}.v2-card{scroll-snap-align:start}}

/* sobre com dente em linha dourada */
.v2-sobre .wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:96px;align-items:center}
.v2-sobre-foto{position:relative;max-width:420px;width:100%;justify-self:center}
.v2-sobre-foto img{position:relative;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:20px;box-shadow:0 30px 60px -36px rgba(110,90,40,.55)}
.dente-linha{position:absolute;z-index:2;width:240px;left:-120px;bottom:-56px;color:var(--gold);pointer-events:none;filter:drop-shadow(0 6px 14px rgba(255,255,255,.9))}
.v2-sobre-txt{display:flex;flex-direction:column;gap:18px}
.v2-sobre-txt p{color:var(--sub)}
.v2-sobre-txt strong{color:var(--ink);font-weight:600}
.v2-sobre-txt .assina{margin-top:8px;padding-top:22px;border-top:1px solid var(--line);display:flex;align-items:center;gap:14px}
@media (max-width:960px){.v2-sobre .wrap{grid-template-columns:1fr;gap:72px}.dente-linha{width:180px;left:-40px;bottom:-50px}}

/* diferenciais: vidro claro sobre foto desfocada */
.v2-difs{position:relative;overflow:hidden;margin:0 12px;border-radius:48px}
.v2-difs-fundo,.v2-difs-fundo::before,.v2-difs-fundo::after{position:absolute;inset:0}
.v2-difs-fundo::before{content:'';inset:-40px;background:url(img/consultorio-3.webp) center/cover;filter:blur(10px) saturate(.8)}
.v2-difs-fundo::after{content:'';background:rgba(248,241,232,.55)}
.v2-difs .wrap{position:relative}
.v2-vidro{max-width:1040px;margin:0 auto;background:rgba(255,255,255,.55);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.85);border-radius:28px;padding:clamp(28px,5vw,56px)}
.v2-difs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.v2-dif{background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.95);border-radius:18px;padding:28px 18px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;font-size:15px;font-weight:500;line-height:1.4}
.v2-dif svg{width:42px;height:42px;color:var(--rose)}
@media (max-width:860px){.v2-difs{margin:0 6px;border-radius:32px}.v2-difs-grid{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.v2-difs-grid{grid-template-columns:1fr}.v2-dif{flex-direction:row;text-align:left;padding:18px}.v2-dif svg{width:34px;height:34px;flex:none}}

/* equipe com "agendar com ela" */
.v2-equipe .pessoa figcaption{display:flex;flex-direction:column;gap:2px}
.v2-equipe .mais-ouro{margin-top:10px}
.v2-equipe .pessoa .foto{border-radius:20px}

/* contato em bloco arredondado */
.v2-contato-box{background:var(--sand);border:1px solid var(--line);border-radius:36px;padding:clamp(24px,5vw,56px)}
.v2-local{display:inline-flex;align-items:center;gap:8px;color:var(--rose-2);font-weight:600;font-size:14px}
.v2-local svg{width:18px;height:18px}
.v2-mapa{border-radius:20px;overflow:hidden;height:380px;background:#fff}
.v2-mapa iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.2)}
.v2-contato-linha{display:flex;flex-wrap:wrap;align-items:center;gap:20px 48px;margin-top:28px}
.v2-contato-linha span{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--sub);line-height:1.5}
.v2-contato-linha span svg{width:20px;height:20px;color:var(--rose);flex:none;margin-top:2px}
.v2-contato-linha .btn{margin-left:auto}
@media (max-width:860px){.v2-contato-linha .btn{margin-left:0;width:100%}.v2-mapa{height:300px}}

/* duvidas em pilulas */
.v2-faq .wrap{display:block;max-width:780px}
.v2-faq .cab{position:static}
.v2-faq .perguntas{border-top:0;display:flex;flex-direction:column;gap:10px}
.v2-faq .perguntas details{border:1px solid var(--line);border-radius:16px;background:#fff;padding:0 22px;transition:background-color .3s}
.v2-faq .perguntas details[open]{background:var(--sand)}
.v2-faq .perguntas summary{padding:18px 0;font-size:16px}
.v2-faq .perguntas summary i{width:28px;height:28px;border-radius:9px;background:var(--blush)}
.v2-faq .perguntas summary i::before,.v2-faq .perguntas summary i::after{left:7px;width:14px;background:var(--rose-2)}
.v2-faq .perguntas details p{padding:0 0 20px}

/* rodape arredondado */
body.v2 .rodape{margin:24px 12px 12px;border-radius:40px}
@media (max-width:767px){body.v2 .rodape{margin:16px 6px 6px;border-radius:28px}}

/* ===== paginas internas no estilo v2 ===== */
/* topo da pagina: mesmo fundo da abertura (recepcao desfocada + degrade champanhe), cantos grandes */
body.v2 .topo-pag{position:relative;overflow:hidden;margin:0 12px;border-radius:0 0 48px 48px;border-bottom:0;padding:150px 0 76px}
body.v2 .topo-pag::before{content:'';position:absolute;inset:-40px;background:url(img/recepcao.webp) center/cover;filter:blur(14px) saturate(.75)}
body.v2 .topo-pag::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(251,247,242,.97) 0%,rgba(248,241,232,.92) 50%,rgba(232,214,190,.7) 100%)}
body.v2 .topo-pag .wrap{position:relative;z-index:1}
body.v2 .topo-pag .wrap > .sub{border-top-color:rgba(169,129,80,.3)}
@media (max-width:960px){body.v2 .topo-pag{margin:0 6px;border-radius:0 0 32px 32px;padding:120px 0 52px}}

/* cantos arredondados em tudo que era quase reto */
body.v2 .servs{border-radius:22px}
body.v2 .material{border-radius:24px}
body.v2 .material .tag,body.v2 .serv .tag{border-radius:999px}
body.v2 .lider .foto::before,body.v2 .fac-intro-foto::before{border-radius:22px}
body.v2 .lider img,body.v2 .fac-intro-foto img{border-radius:20px}
body.v2 .fac-intro-foto figcaption{border-radius:14px}
body.v2 .pessoa .foto{border-radius:20px}
body.v2 .comparar{border-radius:22px}
body.v2 .mini{border-radius:14px}
body.v2 .sinais li{border-radius:18px}
body.v2 .indicado.escuro{margin:0 12px;border-radius:48px}
body.v2 .chamada .box{border-radius:36px}
body.v2 .chamada .box::after{border-radius:26px}
body.v2 .destaque-box{border-radius:28px}
body.v2 .mini-casos{border-radius:16px}
@media (max-width:860px){body.v2 .indicado.escuro{margin:0 6px;border-radius:32px}}

/* perguntas em pilulas em todas as paginas */
body.v2 .perguntas{border-top:0;display:flex;flex-direction:column;gap:10px}
body.v2 .perguntas details{border:1px solid var(--line);border-radius:16px;background:#fff;padding:0 22px;transition:background-color .3s}
body.v2 .perguntas details[open]{background:var(--sand)}
body.v2 .perguntas summary{padding:18px 0;font-size:16px}
body.v2 .perguntas summary i{width:28px;height:28px;border-radius:9px;background:var(--blush)}
body.v2 .perguntas summary i::before,body.v2 .perguntas summary i::after{left:7px;width:14px;background:var(--rose-2)}
body.v2 .perguntas details p{padding:0 0 20px}

/* equipe: link "agendar com ela" */
body.v2 .pessoa figcaption{display:flex;flex-direction:column;gap:2px}
body.v2 .pessoa .mais-ouro{margin-top:10px}
body.v2 .topo-pag + section[style*="padding-top:0"]{padding-top:80px !important}
@media (max-width:767px){body.v2 .topo-pag + section[style*="padding-top:0"]{padding-top:52px !important}}

/* lista completa dos servicos (abaixo dos cards com foto) */
.v2-lista-cab{margin-top:88px;margin-bottom:40px}
.v2-lista-cab h3{font-size:clamp(24px,2.3vw,32px);letter-spacing:-.03em}
.v2-lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.v2-lista-card{display:flex;flex-direction:column;gap:18px;background:var(--sand);border:1px solid var(--line);border-radius:22px;padding:32px 30px;text-decoration:none;color:inherit;transition:transform .4s var(--ease),background-color .3s,box-shadow .4s}
.v2-lista-card:hover{transform:translateY(-4px);background:#fff;box-shadow:0 26px 50px -36px rgba(110,90,40,.5)}
.v2-lista-card h4{margin:0;font-size:19px;font-weight:500;letter-spacing:-.02em}
.v2-lista-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.v2-lista-card li{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--sub)}
.v2-lista-card li::before{content:'';flex:none;width:6px;height:6px;border-top:1.6px solid var(--rose);border-right:1.6px solid var(--rose);transform:rotate(45deg)}
@media (max-width:860px){.v2-lista{grid-template-columns:1fr}.v2-lista-cab{margin-top:64px}}

/* "Voce ja disse alguma dessas frases?" (dor -> tratamento) */
.v2-frases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.v2-frase{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 24px 22px;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 40px -34px rgba(110,90,40,.45)}
.v2-frase.destaque{background:var(--blush);border-color:transparent}
.v2-frase .aspas{font-size:46px;line-height:.6;height:22px;color:var(--gold);font-weight:500}
.v2-frase p{font-size:17px;font-weight:500;line-height:1.4;letter-spacing:-.01em;color:var(--ink)}
.v2-frase .trat{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:12.5px;font-weight:600;letter-spacing:.04em;color:var(--rose-2)}
@media (max-width:960px){.v2-frases{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.v2-frases{grid-template-columns:1fr}.v2-frase{padding:20px}}

/* chamada para o WhatsApp no fim das secoes */
.v2-cta{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:48px;text-align:center}
.v2-cta small{font-size:13.5px;color:var(--sub)}
@media (max-width:600px){.v2-cta .btn{width:100%}}

/* frases em volta da foto central (formato "roda") */
.v2-roda{display:grid;grid-template-columns:1fr minmax(300px,420px) 1fr;gap:40px;align-items:center}
.v2-roda-lado{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.v2-roda-lado li{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 22px;box-shadow:0 18px 36px -30px rgba(110,90,40,.45)}
.v2-roda-lado p{font-size:16px;font-weight:500;line-height:1.4;letter-spacing:-.01em;color:var(--ink)}
.v2-roda-lado span{display:block;margin-top:8px;font-size:12px;font-weight:600;letter-spacing:.05em;color:var(--rose-2)}
.v2-roda-lado.esq li{text-align:right}
.v2-roda-lado li::after{content:'';position:absolute;top:50%;width:26px;height:1px;background:var(--gold)}
.v2-roda-lado li::before{content:'';position:absolute;top:50%;width:7px;height:7px;margin-top:-3px;border-radius:50%;background:var(--gold)}
.v2-roda-lado.esq li::after{right:-27px}.v2-roda-lado.esq li::before{right:-34px}
.v2-roda-lado.dir li::after{left:-27px}.v2-roda-lado.dir li::before{left:-34px}
.v2-roda-lado.esq li:nth-child(2),.v2-roda-lado.esq li:nth-child(3){margin-right:-18px}
.v2-roda-lado.dir li:nth-child(2),.v2-roda-lado.dir li:nth-child(3){margin-left:-18px}
.v2-roda-centro{position:relative;margin:0;aspect-ratio:1/1}
.v2-roda-centro img{position:relative;width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 30px 60px -30px rgba(110,90,40,.55)}
.v2-roda-centro .anel{position:absolute;inset:-16px;border-radius:50%;border:1px solid var(--gold);opacity:.7}
.v2-roda-centro .anel::after{content:'';position:absolute;inset:-16px;border-radius:50%;border:1px dashed rgba(201,164,110,.5)}
.v2-roda-centro figcaption{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);white-space:nowrap;background:#fff;border-radius:999px;padding:9px 18px;box-shadow:0 16px 30px -18px rgba(110,90,40,.5);text-align:center}
.v2-roda-centro figcaption strong{display:block;font-size:13.5px;font-weight:600}
.v2-roda-centro figcaption span{font-size:12px;color:var(--sub)}
@media (max-width:1100px){.v2-roda{grid-template-columns:1fr 1fr;gap:20px}.v2-roda-centro{grid-column:1 / -1;grid-row:1;max-width:340px;width:100%;justify-self:center;margin-bottom:36px}.v2-roda-lado li::before,.v2-roda-lado li::after{display:none}.v2-roda-lado.esq li{text-align:left}.v2-roda-lado li{margin:0!important}}
@media (max-width:640px){.v2-roda{grid-template-columns:1fr}.v2-roda-centro{max-width:280px}}

/* centro da roda com o dente 3D flutuando */
.v2-roda-centro.dente .disco{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 38%,#fff 0%,var(--blush) 62%,#EADCC8 100%);box-shadow:0 30px 60px -30px rgba(110,90,40,.5),inset 0 -20px 40px -20px rgba(169,129,80,.25)}
.v2-roda-centro.dente img{position:absolute;left:50%;top:50%;width:auto;height:72%;transform:translate(-50%,-52%);border-radius:0;box-shadow:none;object-fit:contain;filter:drop-shadow(0 26px 22px rgba(110,90,40,.28));animation:dente-flutua 6s ease-in-out infinite}
@keyframes dente-flutua{0%,100%{transform:translate(-50%,-52%)}50%{transform:translate(-50%,-57%)}}
@media (prefers-reduced-motion:reduce){.v2-roda-centro.dente img{animation:none}}
.v2-roda-centro.moeda .disco{display:none}
.v2-roda-centro.moeda img{height:auto;width:92%;filter:drop-shadow(0 28px 30px rgba(110,90,40,.35))}
.v2-roda-centro.moeda .anel{inset:-10px}

/* dores em volta do dente, estilo limpo (sem caixas): titulo + linha + ponto dourado */
.v2-dores{display:grid;grid-template-columns:1fr 240px 1fr;gap:56px;align-items:center}
.v2-dores-lado{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:34px}
.v2-dores-lado h3{display:flex;align-items:center;gap:14px;font-size:18px;font-weight:500;letter-spacing:-.01em}
.v2-dores-lado h3 i{flex:1;min-width:24px;height:1px;background:var(--gold);position:relative}
.v2-dores-lado h3 i::after{content:'';position:absolute;top:-4px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
.v2-dores-lado.esq h3 i::after{right:-4px}
.v2-dores-lado.dir{text-align:right}
.v2-dores-lado.dir h3{flex-direction:row-reverse}
.v2-dores-lado.dir h3 i::after{left:-4px}
.v2-dores-lado p{margin-top:8px;font-size:15px;line-height:1.6;color:var(--sub);max-width:400px}
.v2-dores-lado.dir p{margin-left:auto}
.v2-dores-lado span{display:block;margin-top:6px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--rose-2)}
.v2-capsula{position:relative;margin:0;height:460px;border-radius:999px;border:1px solid var(--gold);background:linear-gradient(180deg,#fff 0%,var(--blush) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}
.v2-capsula img{width:78%;height:auto;filter:drop-shadow(0 20px 22px rgba(110,90,40,.25));animation:dente-flutua2 6s ease-in-out infinite}
@keyframes dente-flutua2{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.v2-capsula img{animation:none}}
@media (max-width:1000px){
  .v2-dores{grid-template-columns:1fr;gap:40px}
  .v2-capsula{order:-1;width:200px;height:300px;justify-self:center}
  .v2-dores-lado{gap:26px}
  .v2-dores-lado.dir{text-align:left}
  .v2-dores-lado.dir h3{flex-direction:row}
  .v2-dores-lado.dir p{margin-left:0}
  .v2-dores-lado h3 i{display:none}
  .v2-dores-lado li{padding-left:18px;border-left:2px solid var(--gold-soft)}
}

/* botao "Agendar consulta com" que aparece sobre a foto ao passar o mouse */
.pessoa .foto{position:relative}
.foto-cta{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px 12px 16px;border-radius:16px;text-decoration:none;color:#fff;background:rgba(52,36,25,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.28);opacity:0;transform:translateY(12px);transition:opacity .35s var(--ease),transform .35s var(--ease),background-color .3s}
.foto-cta span{display:flex;flex-direction:column;min-width:0}
.foto-cta small{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.9}
.foto-cta strong{font-size:15px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.foto-cta i{flex:none;position:relative;width:36px;height:36px;border-radius:50%;background:#fff}
.foto-cta i::after{content:'';position:absolute;top:14px;left:13px;width:7px;height:7px;border-top:2px solid var(--rose-2);border-right:2px solid var(--rose-2);transform:rotate(45deg)}
.pessoa:hover .foto-cta,.foto-cta:focus-visible{opacity:1;transform:none}
.foto-cta:hover{background:rgba(52,36,25,.86)}
@media (hover:none){.foto-cta{opacity:1;transform:none;left:auto;right:10px;bottom:10px;padding:0;border:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}.foto-cta span{display:none}.foto-cta i{width:40px;height:40px;box-shadow:0 8px 18px -6px rgba(0,0,0,.4)}.foto-cta i::after{top:16px;left:15px}}
.pessoa .foto-cta span{display:flex;color:#fff;margin:0;font-size:inherit;line-height:1.3}.pessoa .foto-cta strong{display:block;color:#fff;font-size:15px;font-weight:600;line-height:1.25;letter-spacing:-.01em}.pessoa .foto-cta small{color:rgba(255,255,255,.85)}
@media (hover:none){.pessoa .foto-cta span{display:none}}
body.v2 .pessoa .foto{aspect-ratio:5/6}
body.v2 .pessoa img{object-position:center 12%}

/* titulos bem maiores que o texto (hierarquia do ipo.odo.br: h1 ~75px/600, h2 ~44px/500, texto 16-18px) */
body.v2 h1{font-size:clamp(40px,5.1vw,74px);font-weight:600;line-height:1.02;letter-spacing:-.045em}
body.v2 h2{font-size:clamp(30px,3.1vw,44px);font-weight:500;line-height:1.1;letter-spacing:-.03em}
body.v2 h3{letter-spacing:-.015em}
body.v2 .topo-pag h1{font-size:clamp(38px,4.6vw,66px)}
body.v2 .v2-hero-txt h1{font-size:clamp(40px,5vw,72px)}
@media (max-width:600px){body.v2 h1{font-size:38px}body.v2 .topo-pag h1{font-size:34px}body.v2 h2{font-size:29px}}
body.v2 .topo-pag .wrap{grid-template-columns:1.7fr 1fr;column-gap:64px}
body.v2 .topo-pag h1{font-size:clamp(38px,4.3vw,62px);max-width:none}
body.v2 .v2-card .foto img{object-position:center}
/* foto da secao "Quem e": PNG pronto do Photoshop (quadro arredondado + cabeca saindo por cima, fundo transparente) - nao cortar nem arredondar */
body.v2 .v2-sobre-foto img{border-radius:0;box-shadow:none;aspect-ratio:auto;height:auto;object-fit:contain;filter:drop-shadow(0 28px 34px rgba(110,90,40,.28))}

/* ===== abertura centralizada (v3): dente da logo em vidro atras, pontilhado e brilho ===== */
.v3-hero{position:relative;overflow:hidden;margin:0 12px;border-radius:0 0 48px 48px;padding:170px 0 150px;background:linear-gradient(180deg,#FBF7F2 0%,#F6EEE4 100%);text-align:center}
.v3-fundo,.v3-pontos,.v3-brilho{position:absolute;inset:0;pointer-events:none}
.v3-pontos{background-image:radial-gradient(rgba(169,129,80,.28) 1px,transparent 1.4px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 45%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 60% 70% at 50% 45%,#000 0%,transparent 75%)}
.v3-brilho{background:radial-gradient(ellipse 45% 40% at 50% 48%,rgba(255,255,255,.95) 0%,rgba(255,255,255,0) 70%),radial-gradient(ellipse 70% 55% at 50% 110%,rgba(201,164,110,.35) 0%,rgba(201,164,110,0) 65%)}
.v3-dente{position:absolute;left:50%;top:48%;width:min(560px,70vw);height:auto;transform:translate(-50%,-50%);opacity:.75;filter:drop-shadow(0 40px 60px rgba(169,129,80,.25));animation:v3-flutua 9s ease-in-out infinite}
@keyframes v3-flutua{0%,100%{transform:translate(-50%,-50%) rotate(-2deg)}50%{transform:translate(-50%,-53%) rotate(2deg)}}
.v3-hero-txt{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px;max-width:980px}
.v3-hero-txt h1{max-width:900px}
.v3-hero-txt .sub{max-width:620px;font-size:18px;color:var(--sub)}
.v3-hero-txt .hero-ctas{justify-content:center}
.v3-selos{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px}
.v3-selos li{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--sub)}
.v3-selos li::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--rose)}
.v3-hero + .wrap.v2-numeros-wrap{margin-top:-60px}
@media (prefers-reduced-motion:reduce){.v3-dente{animation:none}}
@media (max-width:960px){.v3-hero{margin:0 6px;border-radius:0 0 32px 32px;padding:130px 0 110px}}
@media (max-width:600px){.v3-hero{padding:118px 0 96px}.v3-dente{width:92vw;opacity:.55}.v3-hero-txt .hero-ctas .btn{width:100%}.v3-selos{flex-direction:column;align-items:center;gap:8px}}

/* abertura com banner unico das 3 doutoras (imagem gerada, grupo a direita, esquerda livre p/ texto) */
.v2-hero.com-banner .v2-hero-fundo::before{background:url(img/banner-doutoras.webp) right center/cover no-repeat;filter:none;inset:0}
.v2-hero.com-banner .v2-hero-fundo::after{background:linear-gradient(90deg,rgba(240,226,207,.96) 0%,rgba(240,226,207,.82) 36%,rgba(240,226,207,0) 58%)}
.v2-hero.com-banner .wrap{grid-template-columns:minmax(0,560px) 1fr;min-height:640px}
.v2-hero.com-banner .v2-hero-txt{padding-bottom:120px}
@media (max-width:960px){
  .v2-hero.com-banner{padding-top:120px}
  .v2-hero.com-banner .v2-hero-fundo::before{background-position:78% bottom;background-size:auto 46%;background-color:#EFE2D1}
  .v2-hero.com-banner .v2-hero-fundo::after{background:linear-gradient(180deg,rgba(240,226,207,.98) 0%,rgba(240,226,207,.9) 50%,rgba(240,226,207,0) 62%)}
  .v2-hero.com-banner .wrap{grid-template-columns:1fr;min-height:0}
  .v2-hero.com-banner .v2-hero-txt{padding-bottom:58vw}
}
/* ajuste: grupo sempre inteiro a direita, sem ficar atras do texto */
.v2-hero.com-banner{background:#DCC3A5}
.v2-hero.com-banner .v2-hero-fundo::before{background:#DCC3A5 url(img/banner-doutoras.webp) right bottom/auto 100% no-repeat}
.v2-hero.com-banner .v2-hero-fundo::after{background:linear-gradient(90deg,#E9D8C2 0%,rgba(233,216,194,.92) 34%,rgba(220,195,165,0) 52%)}
.banner-cel{display:none}
@media (max-width:960px){
  .v2-hero.com-banner .v2-hero-fundo::before{background:#E9D8C2}
  .v2-hero.com-banner .v2-hero-fundo::after{background:linear-gradient(180deg,#F1E6D7 0%,#E9D8C2 60%,#DCC3A5 100%)}
  .v2-hero.com-banner .v2-hero-txt{padding-bottom:0}
  .banner-cel{display:block;position:relative;width:calc(100% + 2.5rem);max-width:none;margin:28px -1.25rem 0;height:auto;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%);mask-image:linear-gradient(180deg,transparent 0,#000 18%)}
}
/* ajuste 2: banner menor e encostado a direita/embaixo, grupo fora da area do texto */
.v2-hero.com-banner .v2-hero-fundo::before{background-size:auto 86%;background-position:right bottom}
.v2-hero.com-banner .v2-hero-fundo::after{background:linear-gradient(90deg,#E9D8C2 0%,rgba(233,216,194,.85) 30%,rgba(220,195,165,0) 46%)}
@media (max-width:960px){.v2-hero.com-banner .banner-cel{margin-bottom:40px}}
.v2-hero.com-banner .v2-hero-fundo::before{-webkit-mask-image:linear-gradient(180deg,transparent 12%,#000 30%);mask-image:linear-gradient(180deg,transparent 12%,#000 30%)}
.v2-hero.com-banner{background:linear-gradient(90deg,#E9D8C2 0%,#E4CFB4 50%,#DEC6A8 100%)}
@media (max-width:960px){.v2-hero.com-banner .v2-hero-fundo::before{-webkit-mask-image:none;mask-image:none}}
.v2-hero.com-banner .v2-hero-fundo::before{background-size:auto 82%}

/* abertura com recorte (sem fundo) das 3 doutoras sobre o fundo claro desfocado */
.v2-hero.grupo-recorte .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:0;min-height:660px}
.v2-hero.grupo-recorte .v2-grupo{justify-self:end;align-self:end;height:auto;width:118%;max-width:none;margin-right:-6%;-webkit-mask-image:linear-gradient(to bottom,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,#000 86%,transparent 100%);filter:drop-shadow(0 30px 40px rgba(110,90,40,.18))}
@media (max-width:960px){
  .v2-hero.grupo-recorte .wrap{grid-template-columns:1fr;min-height:0}
  .v2-hero.grupo-recorte .v2-grupo{width:calc(100% + 2.5rem);margin:20px -1.25rem 0;justify-self:center}
}
.v2-hero.grupo-recorte .v2-hero-txt{position:relative;z-index:2;padding-right:24px}
@media (min-width:961px){.v2-hero.grupo-recorte .v2-grupo{width:104%;margin-right:-3%}.v2-hero.grupo-recorte .v2-hero-txt .sub{max-width:500px}}
@media (min-width:961px){.v2-hero.grupo-recorte .wrap{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.v2-hero.grupo-recorte .v2-grupo{width:126%;margin-right:-10%}}
@media (min-width:961px){.v2-hero.grupo-recorte .wrap{grid-template-columns:minmax(600px,1fr) minmax(0,1fr)}.v2-hero.grupo-recorte .v2-grupo{width:128%;margin-right:-10%}.v2-hero.grupo-recorte .v2-hero-txt .sub{max-width:520px}}
/* cor caramelo do banner anterior + grupo mais alto (acima do cartao de numeros) */
.v2-hero.grupo-recorte{background:linear-gradient(90deg,#E9D8C2 0%,#E4CFB4 50%,#DEC6A8 100%)}
.v2-hero.grupo-recorte .v2-hero-fundo::before,.v2-hero.grupo-recorte .v2-hero-fundo::after{display:none}
@media (min-width:961px){.v2-hero.grupo-recorte .v2-grupo{margin-bottom:64px;-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 100%);mask-image:linear-gradient(to bottom,#000 80%,transparent 100%)}.v2-hero.grupo-recorte .wrap{align-items:end}.v2-hero.grupo-recorte .v2-hero-txt{align-self:center;padding-bottom:70px}}
@media (max-width:960px){.v2-hero.grupo-recorte{background:linear-gradient(180deg,#F1E6D7 0%,#E9D8C2 55%,#DEC6A8 100%)}.v2-hero.grupo-recorte .v2-grupo{margin-bottom:48px}}
.v2-hero.grupo-recorte .v2-grupo{filter:none}
@media (min-width:961px){.v2-hero.grupo-recorte .v2-grupo{width:116%;margin-right:-12%;margin-bottom:110px}.v2-hero.grupo-recorte .v2-hero-txt .sub{max-width:470px}}

/* TESTE: abertura com a foto da recepcao (logo na parede) a direita + veu champanhe */
.v2-hero.hero-recepcao{background:#EFE3D3}
.v2-hero.hero-recepcao .v2-hero-fundo::before{inset:0;filter:saturate(.85) brightness(1.02);background:url(img/hero-recepcao.webp) right center/auto 100% no-repeat}
.v2-hero.hero-recepcao .v2-hero-fundo::after{background:linear-gradient(90deg,#F4EBDF 0%,#F4EBDF 34%,rgba(244,235,223,.55) 52%,rgba(244,235,223,.08) 78%,rgba(244,235,223,0) 100%),linear-gradient(0deg,rgba(239,227,211,.7) 0%,rgba(239,227,211,0) 30%)}
.v2-hero.hero-recepcao .wrap{grid-template-columns:minmax(0,600px) 1fr;min-height:640px}
.v2-hero.hero-recepcao .v2-hero-txt{padding-bottom:110px}
@media (max-width:960px){
  .v2-hero.hero-recepcao .v2-hero-fundo::before{background-position:center bottom;background-size:auto 55%}
  .v2-hero.hero-recepcao .v2-hero-fundo::after{background:linear-gradient(180deg,#F4EBDF 0%,#F4EBDF 52%,rgba(244,235,223,.35) 70%,rgba(244,235,223,0) 100%)}
  .v2-hero.hero-recepcao .wrap{grid-template-columns:1fr;min-height:0}
  .v2-hero.hero-recepcao .v2-hero-txt{padding-bottom:62vw}
}
@media (max-width:960px){.v2-hero.hero-recepcao .v2-hero-fundo::before{top:auto;bottom:0;left:0;right:0;height:92vw;background:url(img/hero-recepcao.webp) center 30%/cover no-repeat}.v2-hero.hero-recepcao .v2-hero-fundo::after{background:linear-gradient(180deg,#F4EBDF 0%,#F4EBDF calc(100% - 96vw),rgba(244,235,223,0) calc(100% - 70vw))}.v2-hero.hero-recepcao .v2-hero-txt{padding-bottom:80vw}}

/* TESTE 2: banner do site antigo (recepcao com a logo grande), tratado em tom champanhe */
.v2-hero.hero-banner{background:#FBF5EE}
.v2-hero.hero-banner .v2-hero-fundo::before{inset:0;filter:none;background:url(img/hero-banner.webp) 72% center/cover no-repeat}
.v2-hero.hero-banner .v2-hero-fundo::after{background:linear-gradient(90deg,rgba(251,245,238,.97) 0%,rgba(251,245,238,.9) 30%,rgba(251,245,238,.35) 48%,rgba(251,245,238,0) 62%)}
.v2-hero.hero-banner .wrap{grid-template-columns:minmax(0,600px) 1fr;min-height:640px}
.v2-hero.hero-banner .v2-hero-txt{padding-bottom:110px}
@media (max-width:960px){
  .v2-hero.hero-banner .v2-hero-fundo::before{background:url(img/hero-banner-cel.webp) center bottom/cover no-repeat}
  .v2-hero.hero-banner .v2-hero-fundo::after{background:linear-gradient(180deg,rgba(251,245,238,.85) 0%,rgba(251,245,238,.6) 50%,rgba(251,245,238,0) 62%)}
  .v2-hero.hero-banner .wrap{grid-template-columns:1fr;min-height:0}
  .v2-hero.hero-banner .v2-hero-txt{padding-bottom:70vw}
}
.v2-hero.hero-banner .v2-hero-fundo::before{background:url(img/hero-banner.webp) right center/auto 100% no-repeat}
@media (min-width:1700px){.v2-hero.hero-banner .v2-hero-fundo::before{background-size:cover;background-position:right center}}
@media (max-width:960px){.v2-hero.hero-banner .v2-hero-fundo::before{background:url(img/hero-banner-cel.webp) center bottom/cover no-repeat}}
@media (min-width:961px){.v2-hero.hero-banner .v2-hero-fundo::after{background:linear-gradient(90deg,rgba(251,245,238,.97) 0%,rgba(251,245,238,.93) calc(50% - 60px),rgba(251,245,238,.45) calc(50% + 90px),rgba(251,245,238,0) calc(50% + 240px))}}

/* ===== CELULAR (ajustes 22/10) ===== */
@media (max-width:960px){
  /* abertura: foto curta da recepcao EM CIMA, texto e botao embaixo (padrao dradaianeinacio / Talita) */
  .v2-hero.hero-banner{padding-top:0;background:#FBF5EE}
  .v2-hero.hero-banner .v2-hero-fundo::before{top:0;bottom:auto;left:0;right:0;height:330px;background:url(img/hero-banner.webp) 80% 45%/cover no-repeat}
  .v2-hero.hero-banner .v2-hero-fundo::after{background:linear-gradient(180deg,rgba(251,245,238,0) 0,rgba(251,245,238,0) 230px,#FBF5EE 330px,#FBF5EE 100%)}
  .v2-hero.hero-banner .wrap{padding-top:300px}
  .v2-hero.hero-banner .v2-hero-txt{padding-bottom:84px;gap:18px}
  /* tratamentos: um embaixo do outro */
  .v2-cards{grid-template-columns:1fr;grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;margin-right:0;padding:0;gap:18px}
  .v2-card .foto{aspect-ratio:16/10}
  /* destaque facetas: foto em cima, conteudo embaixo */
  .destaque-box{display:flex;flex-direction:column-reverse;padding:0 20px 0;overflow:hidden}
  .destaque-foto{min-height:0;height:380px;margin:0 -20px}
  .pessoa-recorte{height:112%;left:50%;bottom:0}
  .mini-casos{right:14px;bottom:18px;width:130px}
  .destaque-txt{padding:32px 0 36px}
  /* especialistas: um embaixo do outro */
  .equipe{grid-template-columns:1fr;gap:34px}
  .pessoa .foto{aspect-ratio:4/4.3}
  .pessoa strong{font-size:19px}
}
@media (max-width:960px) and (hover:none){.pessoa .foto-cta{opacity:1;transform:none;left:12px;right:12px;bottom:12px;padding:12px 12px 12px 16px;background:rgba(52,36,25,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.28)}.pessoa .foto-cta span{display:flex}.pessoa .foto-cta i{width:36px;height:36px}.pessoa .foto-cta i::after{top:14px;left:13px}}
@media (max-width:960px){.v2-hero.hero-banner .v2-hero-fundo::before{height:380px;background:url(img/hero-banner-cel-topo.webp) center 70%/cover no-repeat}.v2-hero.hero-banner .v2-hero-fundo::after{background:linear-gradient(180deg,rgba(251,245,238,0) 0,rgba(251,245,238,0) 290px,#FBF5EE 380px,#FBF5EE 100%)}.v2-hero.hero-banner .wrap{padding-top:350px}}
@media (max-width:960px){.destaque-foto{height:420px}.pessoa-recorte{height:calc(100% - 24px);top:auto;bottom:0;left:50%;transform:translateX(-50%)}}
/* dissolve a base da foto da Tayna no fundo do bloco (sem corte reto) */
.pessoa-recorte{-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent 100%);mask-image:linear-gradient(to bottom,#000 72%,transparent 100%)}
@media (max-width:960px){.destaque-foto::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(to bottom,rgba(246,238,228,0),var(--blush));pointer-events:none}}
@media (max-width:600px){body.v2 .topo-pag h1{font-size:32px;line-height:1.08}}
@media (min-width:961px){.pessoa-recorte{-webkit-mask-image:none;mask-image:none}}

/* topo das paginas internas no CELULAR: texto em largura total, fundo liso champanhe */
@media (max-width:860px){
  body.v2 .topo-pag .wrap{grid-template-columns:1fr !important;row-gap:16px}
  body.v2 .topo-pag .wrap > *{grid-column:1 !important;grid-row:auto !important}
  body.v2 .topo-pag .wrap > .sub{border-top:0;padding-top:0;max-width:none}
  body.v2 .topo-pag{padding:116px 0 44px}
  body.v2 .topo-pag::before{display:none}
  body.v2 .topo-pag::after{background:linear-gradient(180deg,#FBF5EE 0%,#F3E7D8 100%)}
  body.v2 .topo-pag .hero-ctas{flex-direction:column;align-items:stretch;gap:10px}
  body.v2 .topo-pag .hero-ctas .btn{width:100%;justify-content:center}
}
@media (max-width:600px){body.v2 .topo-pag h1{font-size:34px}}

/* tratamentos: 3 cartoes com foto + lista completa dos servicos */
.v2-cards.tres{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.v2-card-lista{list-style:none;margin:6px 0 16px;padding:0;display:flex;flex-direction:column;gap:9px}
.v2-card-lista li{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--sub)}
.v2-card-lista li::before{content:'';flex:none;width:6px;height:6px;border-top:1.6px solid var(--rose);border-right:1.6px solid var(--rose);transform:rotate(45deg)}
.v2-cards.tres .v2-card h3{font-size:21px}
@media (max-width:960px){.v2-cards.tres{grid-template-columns:1fr}}
/* fotos dos cartoes de tratamento: nunca cortar a cabeca */
.v2-cards.tres .v2-card .foto img{object-position:center 12%}
@media (max-width:960px){.v2-cards.tres .v2-card .foto{aspect-ratio:4/3}}
.v2-cards.tres .v2-card .foto img[src*="trat-implantes"]{object-position:center}
@media (min-width:961px){.v2-cards.tres .v2-card .foto{aspect-ratio:16/10}.v2-cards.tres .v2-card .corpo{padding:20px 24px 22px}.v2-cards.tres .v2-card h3{font-size:20px}.v2-card-lista{margin:4px 0 12px;gap:7px}.v2-card-lista li{font-size:14.5px}}
/* frase curta abaixo dos botoes da abertura (reduz atrito: horario, local, o que acontece no clique) */
.hero-micro{margin-top:-6px;font-size:13.5px;color:var(--sub);display:flex;align-items:center;gap:8px}
.hero-micro::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--wa);box-shadow:0 0 0 3px rgba(4,211,9,.18);flex:none}
body.v2 .topo-pag .wrap > .hero-micro{grid-column:1}
@media (min-width:961px){.v2-hero .v2-hero-txt h1{font-size:clamp(40px,4.1vw,60px)}}
.hero-micro{align-items:flex-start;line-height:1.5}.hero-micro::before{margin-top:6px}
@media (min-width:961px){body.v2 .v2-hero .v2-hero-txt h1{font-size:clamp(40px,3.9vw,56px)}}
.sem-quebra{white-space:nowrap;display:inline-block}
@media (min-width:961px){body.v2 .v2-hero .v2-hero-txt h1{font-size:clamp(46px,4.6vw,66px)}}
@media (max-width:600px){body.v2 .v2-hero .v2-hero-txt h1{font-size:42px}}
@media (min-width:961px){.h1-linha{display:block;white-space:nowrap}.v2-hero.hero-banner .wrap{grid-template-columns:minmax(0,700px) 1fr}}
.seta-baixo svg{transform:rotate(90deg)}
.casos-txt .link{margin-top:24px}

/* pagina /facetas: abertura com o banner da Dra. Tayna (o bloco que saiu da home) */
.fac-hero{padding:120px 0 40px}
.fac-hero .trilha{display:block;margin-bottom:8px}
.fac-hero .fac-hero-box{margin-top:96px}
.fac-hero .destaque-txt h1{font-size:clamp(36px,3.6vw,54px);line-height:1.06}
.fac-hero .destaque-txt .hero-ctas{margin-top:6px}
@media (max-width:960px){.fac-hero{padding:104px 0 24px}.fac-hero .fac-hero-box{margin-top:24px}.fac-hero .destaque-txt h1{font-size:34px}.fac-hero .destaque-txt .hero-ctas{flex-direction:column;align-items:stretch}.fac-hero .destaque-txt .hero-ctas .btn{width:100%;justify-content:center}}

/* /facetas: casos em faixa champanhe, titulo centralizado e miniaturas em fileira embaixo */
.casos-galeria{background:var(--sand);margin:0 12px;border-radius:48px;padding:6rem 0}
.casos-galeria .wrap{display:block}
.casos-galeria .cab.centro{margin-bottom:40px}
.galeria-casos{display:flex;flex-direction:column;align-items:center;gap:22px}
.galeria-casos .comparar{width:100%;max-width:440px;order:0}
.galeria-casos .miniaturas{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;width:100%;max-width:820px;order:1;overflow:visible;margin:0;padding:0}
.galeria-casos .mini{aspect-ratio:1/1}
.casos-galeria .aviso{text-align:center;margin:22px auto 0;max-width:620px}
@media (max-width:860px){.casos-galeria{margin:0 6px;border-radius:32px;padding:4rem 0}.galeria-casos .miniaturas{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* /facetas: "quem faz" invertido (texto a esquerda, foto a direita) em cartao branco */
.lider-invertido{grid-template-columns:1fr minmax(0,400px);background:#fff;border:1px solid var(--line);border-radius:36px;padding:clamp(28px,4vw,56px);gap:64px;box-shadow:0 30px 60px -44px rgba(110,90,40,.4)}
.lider-invertido .foto{order:2;padding:0}
.lider-invertido .foto::before{display:none}
.lider-invertido img{border-radius:24px}
@media (max-width:960px){.lider-invertido{grid-template-columns:1fr;gap:28px}.lider-invertido .foto{order:-1;max-width:none}}
.casos-galeria + section{padding-top:6rem !important}
@media (max-width:767px){.casos-galeria + section{padding-top:3.5rem !important}}
/* imagem pronta do Photoshop (quadro + cabeca para fora, fundo transparente): usar inteira */
.lider .foto-png img{aspect-ratio:auto;height:auto;object-fit:contain;border-radius:0;filter:drop-shadow(0 26px 30px rgba(110,90,40,.22))}

/* ===== /facetas: refino de leitura e conversao (22/10) ===== */
.pag-facetas .wrap{max-width:1200px}
.pag-facetas h2{font-size:clamp(32px,3.4vw,48px);line-height:1.1}
.pag-facetas .fac-hero .destaque-txt h1{font-size:clamp(38px,4vw,56px);line-height:1.05;max-width:560px}
.pag-facetas .fac-hero .destaque-txt p{font-size:17.5px;max-width:520px}
.pag-facetas .fac-hero .hero-ctas{align-items:center;gap:14px 26px}
.pag-facetas .sub,.pag-facetas .fac-intro-txt p,.pag-facetas .lider .txt p,.pag-facetas .passos p{font-size:17px;line-height:1.7}
/* o que sao: lista de aspectos */
.aspectos{list-style:none;margin:2px 0 4px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.aspectos li{font-size:15px;font-weight:500;color:var(--ink);background:var(--sand);border:1px solid var(--line);border-radius:999px;padding:7px 14px}
.fac-intro-txt .obs{font-size:15.5px;padding-top:14px;border-top:1px solid var(--line)}
/* casos: comparador maior e dica de uso */
.pag-facetas .galeria-casos .comparar{max-width:520px}
.galeria-casos .dica{font-size:14px;color:var(--sub);margin:-4px 0 2px}
.pag-facetas .mini span{font-size:12px}
.pag-facetas .mini.quero span{font-size:13px;line-height:1.25;padding:0 6px}
/* materiais: leitura mais confortavel */
.pag-facetas .material h3{font-size:24px}
.pag-facetas .material dt{font-size:14px;font-weight:600;color:var(--rose-2)}
.pag-facetas .material dd{font-size:16px;line-height:1.5}
.pag-facetas .material .ideal{font-size:16px}
.pag-facetas .comparativo .nota{font-size:14.5px;max-width:640px;margin:22px auto 0}
/* indicacoes: itens maiores e aviso de limite */
.pag-facetas .sinais li{font-size:17.5px}
.limite{margin-top:28px;max-width:820px;font-size:16px;line-height:1.65;color:var(--sub);background:#fff;border-left:3px solid var(--rose);border-radius:0 14px 14px 0;padding:18px 22px}
.limite strong{color:var(--ink)}
/* textos pequenos mais legiveis */
.pag-facetas .hero-micro,.pag-facetas .casos-galeria .aviso,.pag-facetas .chamada .acoes small{font-size:14.5px}
.pag-facetas .chips span{font-size:14px}
@media (max-width:960px){
  .pag-facetas h2{font-size:32px}
  .pag-facetas .fac-hero .destaque-txt h1{font-size:36px}
  .pag-facetas .fac-hero .hero-ctas{flex-direction:column;align-items:stretch}
  .pag-facetas .fac-hero .hero-ctas .link{align-self:flex-start}
}
@media (max-width:600px){.pag-facetas .material dl div{grid-template-columns:1fr;gap:2px}}
@media (max-width:600px){.pag-facetas .galeria-casos .miniaturas{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;margin:0;padding:0;gap:8px}.pag-facetas .mini span{font-size:10.5px;left:5px;bottom:5px;padding:2px 6px}.pag-facetas .mini.quero span{font-size:11px}}

/* ===== auditoria /facetas (22/10) ===== */
/* desktop: CTA do hero acima da dobra em 1366x768 */
.pag-facetas .fac-hero{padding:100px 0 24px}
.pag-facetas .fac-hero .fac-hero-box{margin-top:60px}
.pag-facetas .fac-hero .destaque-txt{padding:48px 0 52px;gap:16px}
.pag-facetas .fac-hero .destaque-txt h1{font-size:clamp(36px,3.5vw,50px);max-width:600px}
.pag-facetas .mini-casos figcaption{font-size:11px}
/* celular: foto curta em cima, titulo + texto + botao na primeira tela */
@media (max-width:960px){
  .pag-facetas .fac-hero{padding:86px 0 16px}
  .pag-facetas .fac-hero .trilha{display:none}
  .pag-facetas .fac-hero .fac-hero-box{margin-top:0}
  .pag-facetas .fac-hero .destaque-foto{height:236px;margin:0 -20px;overflow:hidden}
  .pag-facetas .fac-hero .pessoa-recorte{height:auto;width:62%;max-width:300px;top:16px;bottom:auto;left:50%;transform:translateX(-50%);-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent 100%);mask-image:linear-gradient(to bottom,#000 70%,transparent 100%)}
  .pag-facetas .fac-hero .destaque-foto::after{display:none}
  .pag-facetas .mini-casos{width:104px;right:14px;bottom:12px;padding:5px;gap:5px}
  .pag-facetas .fac-hero .destaque-txt{padding:18px 0 28px;gap:14px}
  .pag-facetas .fac-hero .destaque-txt h1{font-size:34px}
  .pag-facetas .fac-hero .destaque-txt p{font-size:16px;line-height:1.6}
}
/* botao flutuante some enquanto o botao principal da abertura esta na tela */
.flutua.oculto{opacity:0;transform:scale(.8);pointer-events:none}
.flutua{transition:opacity .25s,transform .25s var(--ease)}
@media (max-width:600px) and (max-height:720px){.pag-facetas .fac-hero{padding-top:80px}.pag-facetas .fac-hero .destaque-foto{height:150px}.pag-facetas .fac-hero .pessoa-recorte{width:46%;top:10px}.pag-facetas .mini-casos{width:84px;bottom:8px}.pag-facetas .fac-hero .destaque-txt{padding-top:12px;gap:11px}.pag-facetas .fac-hero .destaque-txt h1{font-size:31px}.pag-facetas .fac-hero .destaque-txt p{font-size:15.5px;line-height:1.55}}

/* ===== /facetas rodada 2: acabamento visual (22/10) ===== */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* contraste: cinza de apoio um pouco mais escuro (4,4 -> ~5,3 sobre champanhe) */
:root{--sub:#5E5E68}
/* titulos sem palavra sozinha na ultima linha */
.pag-facetas h1,.pag-facetas h2{text-wrap:balance}
.pag-facetas p{text-wrap:pretty}
/* ritmo: secoes um pouco mais proximas */
.pag-facetas section{padding:5.5rem 0}
@media (min-width:961px){.pag-facetas .fac-hero{padding:100px 0 8px}}
@media (max-width:960px){.pag-facetas .fac-hero{padding-bottom:0}}
@media (max-width:767px){.pag-facetas section{padding:3.75rem 0}}
/* rotulos pequenos: minimo 12px */
.pag-facetas .kicker{font-size:12px}
.pag-facetas .comparar .rot{font-size:12px}
.pag-facetas .mini-casos figcaption{font-size:11.5px}

/* hero: titulo com mais protagonismo */
@media (min-width:961px){
  .pag-facetas .fac-hero .fac-hero-box{grid-template-columns:1.15fr .85fr}
  .pag-facetas .fac-hero .destaque-txt h1{font-size:clamp(40px,4vw,58px);max-width:620px;letter-spacing:-.04em}
}
/* celulares muito estreitos (320): CTA dentro da primeira tela */
@media (max-width:360px){
  .pag-facetas .fac-hero .kicker{display:none}
  .pag-facetas .fac-hero .destaque-foto{height:130px}
  .pag-facetas .fac-hero .pessoa-recorte{width:44%}
  .pag-facetas .fac-hero .destaque-txt h1{font-size:29px}
  .pag-facetas .fac-hero .destaque-txt p{font-size:15px}
  .pag-facetas .fac-hero .destaque-txt{gap:10px;padding-top:10px}
}

/* casos: miniaturas com foto + legenda abaixo, estado ativo claro */
.pag-facetas .galeria-casos .miniaturas{gap:12px;max-width:860px}
.pag-facetas .mini{aspect-ratio:auto;background:none;border:0;padding:0;display:flex;flex-direction:column;gap:6px;overflow:visible;border-radius:0}
.pag-facetas .mini .mini-foto{display:block;aspect-ratio:1/1;border-radius:14px;overflow:hidden;border:2px solid transparent;transition:border-color .25s,box-shadow .25s}
.pag-facetas .mini .mini-foto img{width:100%;height:100%;object-fit:cover;object-position:center 25%;opacity:.82;transition:opacity .25s}
.pag-facetas .mini .mini-rot{position:static;background:none;padding:0;font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--sub);text-align:center}
.pag-facetas .mini:hover{transform:none}
.pag-facetas .mini:hover .mini-foto img,.pag-facetas .mini.ativo .mini-foto img{opacity:1}
.pag-facetas .mini.ativo .mini-foto{border-color:var(--rose);box-shadow:0 10px 22px -12px rgba(110,90,40,.55)}
.pag-facetas .mini.ativo .mini-rot{color:var(--ink)}
.pag-facetas .mini:focus-visible{outline:none}
.pag-facetas .mini:focus-visible .mini-foto{outline:2px solid var(--rose);outline-offset:2px}
.pag-facetas .mini.quero{aspect-ratio:1/1;align-self:start;background:var(--blush);border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:6px}
.pag-facetas .mini.quero span{position:static;font-size:12px;font-weight:600;line-height:1.25;text-align:center;color:var(--ink)}
.galeria-casos .dica{font-size:13.5px;display:flex;align-items:center;gap:8px}
.galeria-casos .dica::before{content:'↔';color:var(--rose);font-weight:700}
@media (max-width:600px){.pag-facetas .galeria-casos .miniaturas{gap:10px 8px}.pag-facetas .mini .mini-rot{font-size:11.5px}.pag-facetas .mini.quero span{font-size:11px}}

/* comparacao de materiais: tabela no desktop, cartoes por linha no celular */
.comparacao{max-width:980px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden}
.comparacao table{width:100%;border-collapse:collapse;table-layout:fixed}
.comparacao thead th{padding:24px 26px 20px;text-align:left;vertical-align:bottom;background:var(--sand);border-bottom:1px solid var(--line)}
.comparacao thead th:first-child{width:24%}
.comparacao thead .tag{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-2);background:#fff;border-radius:999px;padding:5px 12px;margin-bottom:10px}
.comparacao thead strong{display:block;font-size:19px;font-weight:500;letter-spacing:-.01em;color:var(--ink)}
.comparacao tbody th,.comparacao tbody td{padding:17px 26px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-size:16px;line-height:1.5}
.comparacao tbody tr:last-child th,.comparacao tbody tr:last-child td{border-bottom:0}
.comparacao tbody th{font-size:14px;font-weight:600;color:var(--rose-2);padding-top:19px}
.comparacao tbody td{color:var(--ink)}
.comparacao tbody td + td{background:rgba(250,247,242,.6)}
@media (max-width:760px){
  .comparacao{border:0;background:none;border-radius:0}
  .comparacao thead{display:none}
  .comparacao table,.comparacao tbody,.comparacao tr,.comparacao th,.comparacao td{display:block;width:auto}
  .comparacao tbody tr{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;margin-bottom:12px}
  .comparacao tbody th{padding:0 0 10px;border:0;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
  .comparacao tbody td{padding:8px 0;border:0;font-size:15.5px;display:grid;grid-template-columns:86px 1fr;gap:10px;background:none !important}
  .comparacao tbody td::before{content:attr(data-rotulo);font-size:13px;font-weight:600;color:var(--sub)}
  .comparacao tbody td + td{border-top:1px solid var(--line)}
}

/* indicacoes: lista limpa (sem cartoes), fundo branco */
.pag-facetas .indicado{background:none;margin:0;border-radius:0}
.pag-facetas .sinais{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;border-top:1px solid var(--line)}
.pag-facetas .sinais li{background:none;border-radius:0;padding:20px 0;border-bottom:1px solid var(--line);flex-direction:row;align-items:baseline;gap:16px;font-size:17px;box-shadow:none}
.pag-facetas .sinais li span{flex:none;width:26px}
.pag-facetas .limite{background:var(--sand);margin-top:32px}
@media (max-width:760px){.pag-facetas .sinais{grid-template-columns:1fr}.pag-facetas .sinais li{padding:16px 0;font-size:16px}}

/* rodape com respiro para o botao flutuante no celular */
@media (max-width:760px){.rodape .base{padding-bottom:76px}}
.pag-facetas .mini .mini-foto{position:relative;left:auto;bottom:auto;background:none;padding:0;font-size:0;width:100%}
.pag-facetas .mini.quero span{position:static}
body.v2 .pag-facetas .sinais li{border-radius:0}
body.v2 .pag-facetas .mini{border-radius:0}
body.v2 .pag-facetas .mini.ativo{border:0;box-shadow:none}
@media (max-width:760px){.pag-facetas .fac-intro-foto{max-width:300px;margin:0 auto}}
/* cabeca da Dra. Tayna sai um pouco do quadro, mas nunca passa por baixo do menu */
@media (min-width:961px){.pag-facetas .fac-hero .pessoa-recorte{height:calc(100% + 56px)}}

/* /facetas: "o que as facetas podem melhorar" em bloco caramelo com degrade */
.aspectos-box{position:relative;overflow:hidden;margin:6px 0 6px;padding:22px 22px 24px;border-radius:22px;background:linear-gradient(135deg,#B98E68 0%,#9C7449 45%,#7A5A36 100%);box-shadow:0 24px 44px -26px rgba(110,80,40,.7)}
.aspectos-box::before{content:'';position:absolute;top:-60%;left:-30%;width:60%;height:220%;background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.16) 50%,rgba(255,255,255,0) 100%);transform:rotate(12deg);animation:brilho-aspectos 6s ease-in-out infinite;pointer-events:none}
@keyframes brilho-aspectos{0%,55%{left:-60%}100%{left:130%}}
.aspectos-tit{position:relative;display:block;margin-bottom:14px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#F6E7CF}
.pag-facetas .aspectos{position:relative;margin:0;gap:10px}
.pag-facetas .aspectos li{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:9px 16px 9px 12px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:transform .3s var(--ease),background-color .3s;opacity:0;transform:translateY(10px)}
.pag-facetas .aspectos li::before{content:'';flex:none;width:16px;height:16px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%237A5A36' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.pag-facetas .aspectos li:hover{background:rgba(255,255,255,.24);transform:translateY(-2px)}
.fac-intro-txt.on .aspectos li{opacity:1;transform:none;transition:opacity .5s var(--ease) calc(.25s + var(--i)*.08s),transform .5s var(--ease) calc(.25s + var(--i)*.08s),background-color .3s}
@media (prefers-reduced-motion:reduce){.aspectos-box::before{animation:none;display:none}.pag-facetas .aspectos li{opacity:1;transform:none}}
@media (max-width:600px){.aspectos-box{padding:18px 16px 20px}.pag-facetas .aspectos li{font-size:14px;padding:8px 13px 8px 10px}}
/* correcao: o degrade marrom vai em CADA etiqueta (estilo do botao), sem caixa em volta */
.aspectos-box{background:none;box-shadow:none;padding:0;border-radius:0;overflow:visible;margin:4px 0 8px}
.aspectos-box::before{display:none}
.aspectos-tit{color:var(--rose-2);margin-bottom:12px}
.pag-facetas .aspectos li{position:relative;overflow:hidden;color:#fff;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;padding:10px 18px 10px 13px;background:linear-gradient(90deg,#6F5547 0%,#937764 55%,#B9A08E 100%);box-shadow:0 10px 20px -12px rgba(80,55,40,.6)}
.pag-facetas .aspectos li::after{content:'';position:absolute;top:0;left:-70%;width:50%;height:100%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.28),rgba(255,255,255,0));transform:skewX(-18deg);transition:left .7s var(--ease)}
.pag-facetas .aspectos li:hover{background:linear-gradient(90deg,#6F5547 0%,#937764 55%,#B9A08E 100%);transform:translateY(-2px);box-shadow:0 14px 24px -12px rgba(80,55,40,.7)}
.pag-facetas .aspectos li:hover::after{left:130%}
.pag-facetas .aspectos li::before{background-color:rgba(255,255,255,.95)}
/* etiquetas: degrade CLARO (champanhe -> caramelo claro), texto marrom, check dourado */
.pag-facetas .aspectos li,.pag-facetas .aspectos li:hover{color:#4A3426;background:linear-gradient(90deg,#F6ECDF 0%,#EAD6BD 55%,#DDBF9C 100%);border:1px solid rgba(169,129,80,.28);box-shadow:0 8px 18px -14px rgba(110,80,40,.55)}
.pag-facetas .aspectos li::before{background:#A98150 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.pag-facetas .aspectos li::after{background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.6),rgba(255,255,255,0))}
.pag-facetas .aspectos li:hover{box-shadow:0 12px 22px -14px rgba(110,80,40,.6)}
/* etiquetas ainda mais leves: fundo branco, borda dourada fina, check dourado; degrade so ao passar o mouse */
.pag-facetas .aspectos li{color:var(--ink);font-weight:500;background:#fff;border:1px solid rgba(169,129,80,.35);box-shadow:none}
.pag-facetas .aspectos li::before{width:14px;height:14px;background:none url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l2.8 2.8 6.2-6.2' fill='none' stroke='%23A98150' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.pag-facetas .aspectos li:hover{background:linear-gradient(90deg,#fff 0%,#F6ECDF 100%);border-color:rgba(169,129,80,.6);box-shadow:none}
.pag-facetas .aspectos li::after{display:none}

/* comparacao v2: cabecalho forte, linhas zebradas, textos curtos, sem coluna tingida */
.comparacao2{max-width:900px}
.comparacao2 thead th{background:#fff;padding:26px 28px 18px;border-bottom:2px solid var(--line);vertical-align:bottom}
.comparacao2 thead th strong{display:block;font-size:26px;font-weight:500;letter-spacing:-.03em;color:var(--ink);line-height:1.1}
.comparacao2 thead th span:not(.sr-only){display:block;margin-top:4px;font-size:14px;color:var(--rose-2);font-weight:500}
.comparacao2 thead th + th{border-left:1px solid var(--line)}
.comparacao2 tbody tr:nth-child(odd){background:var(--sand)}
.comparacao2 tbody th,.comparacao2 tbody td{padding:16px 28px;border-bottom:0;vertical-align:middle;font-size:16px}
.comparacao2 tbody th{font-size:15px;font-weight:600;color:var(--ink);padding-top:16px}
.comparacao2 tbody td + td{background:none;border-left:1px solid var(--line)}
.comparacao2 tbody td:first-of-type{border-left:1px solid var(--line)}
@media (max-width:760px){
  .comparacao2 tbody tr:nth-child(odd){background:#fff}
  .comparacao2 tbody th{font-size:13px;color:var(--rose-2)}
  .comparacao2 tbody td,.comparacao2 tbody td:first-of-type{border-left:0;padding:8px 0}
  .comparacao2 tbody td::before{color:var(--ink);font-weight:700}
}
@media (max-width:760px){.comparacao2 tbody th{padding:0 0 10px}.comparacao2 tbody td + td{border-left:0;border-top:1px solid var(--line)}}
/* chips da Dra. Tayna: mesmo estilo das etiquetas "o que as facetas podem melhorar" */
.pag-facetas .lider .chips span{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--ink);background:#fff;border:1px solid rgba(169,129,80,.35);border-radius:999px;padding:9px 16px 9px 12px;transition:background .3s,border-color .3s,transform .3s var(--ease)}
.pag-facetas .lider .chips span::before{content:'';flex:none;width:16px;height:16px;border-radius:50%;background:#A98150 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.pag-facetas .lider .chips span:hover{background:linear-gradient(90deg,#fff 0%,#F6ECDF 100%);border-color:rgba(169,129,80,.6);transform:translateY(-2px)}
@media (max-width:600px){.pag-facetas .lider .chips span{font-size:14px}}

/* FAQ: indicar a pergunta sob o mouse (ou foco de teclado) */
body.v2 .perguntas details{position:relative;overflow:hidden;transition:background-color .3s,border-color .3s,box-shadow .3s,transform .3s var(--ease)}
body.v2 .perguntas details::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#C9A46E,#A98150);transform:scaleY(0);transform-origin:center;transition:transform .35s var(--ease)}
body.v2 .perguntas summary{transition:color .3s,padding-left .35s var(--ease)}
body.v2 .perguntas summary i{transition:background-color .3s,transform .35s var(--ease)}
body.v2 .perguntas details:hover,body.v2 .perguntas details:has(summary:focus-visible){border-color:rgba(169,129,80,.55);background:linear-gradient(90deg,#FBF5EC 0%,#fff 70%);box-shadow:0 14px 28px -20px rgba(110,80,40,.45);transform:translateX(4px)}
body.v2 .perguntas details:hover::before,body.v2 .perguntas details:has(summary:focus-visible)::before,body.v2 .perguntas details[open]::before{transform:scaleY(1)}
body.v2 .perguntas details:hover summary,body.v2 .perguntas details:has(summary:focus-visible) summary{color:var(--rose-2);padding-left:6px}
body.v2 .perguntas details:hover summary i,body.v2 .perguntas details:has(summary:focus-visible) summary i{background:var(--rose);transform:rotate(90deg)}
body.v2 .perguntas details:hover summary i::before,body.v2 .perguntas details:hover summary i::after,body.v2 .perguntas details:has(summary:focus-visible) summary i::before,body.v2 .perguntas details:has(summary:focus-visible) summary i::after{background:#fff}
body.v2 .perguntas summary:focus-visible{outline:none}
@media (hover:none){body.v2 .perguntas details:hover{transform:none}}
@media (prefers-reduced-motion:reduce){body.v2 .perguntas details,body.v2 .perguntas details::before,body.v2 .perguntas summary,body.v2 .perguntas summary i{transition:none}}

/* ===== padrao de facetas aplicado ao site todo (22/10) ===== */
/* titulos sem palavra sozinha; paragrafos com quebra natural */
body.v2 h1,body.v2 h2{text-wrap:balance}
body.v2 p{text-wrap:pretty}
/* rotulos pequenos: minimo 12px */
body.v2 .kicker,body.v2 .serv .tag,body.v2 .lider .cargo{font-size:12px}
body.v2 .pessoa .foto-cta small{font-size:12px}
body.v2 .hero-micro,body.v2 .chamada .acoes small,body.v2 .v2-cta small{font-size:14.5px}
/* etiquetas da Dra. Daiane (pagina Equipe): mesmo estilo das de facetas */
body.v2 .lider .chips span{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--ink);background:#fff;border:1px solid rgba(169,129,80,.35);border-radius:999px;padding:9px 16px 9px 12px;transition:background .3s,border-color .3s,transform .3s var(--ease)}
body.v2 .lider .chips span::before{content:'';flex:none;width:16px;height:16px;border-radius:50%;background:#A98150 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
body.v2 .lider .chips span:hover{background:linear-gradient(90deg,#fff 0%,#F6ECDF 100%);border-color:rgba(169,129,80,.6);transform:translateY(-2px)}
/* listas com check (cartoes de tratamento da home): check dourado igual */
body.v2 .v2-card-lista li::before{width:14px;height:14px;border:0;transform:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l2.8 2.8 6.2-6.2' fill='none' stroke='%23A98150' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}

/* HOME no celular: botao de agendar sempre na primeira tela */
@media (max-width:960px){
  .v2-hero.hero-banner .v2-hero-fundo::before{height:300px}
  .v2-hero.hero-banner .v2-hero-fundo::after{background:linear-gradient(180deg,rgba(251,245,238,0) 0,rgba(251,245,238,0) 220px,#FBF5EE 300px,#FBF5EE 100%)}
  .v2-hero.hero-banner .wrap{padding-top:272px}
  .v2-hero.hero-banner .v2-hero-txt{gap:14px}
}
@media (max-width:600px){
  body.v2 .v2-hero .v2-hero-txt h1{font-size:36px}
  .v2-hero.hero-banner .v2-hero-txt .sub{font-size:16px;line-height:1.6}
}
@media (max-width:600px) and (max-height:760px){
  .v2-hero.hero-banner .v2-hero-fundo::before{height:200px}
  .v2-hero.hero-banner .v2-hero-fundo::after{background:linear-gradient(180deg,rgba(251,245,238,0) 0,rgba(251,245,238,0) 140px,#FBF5EE 200px,#FBF5EE 100%)}
  .v2-hero.hero-banner .wrap{padding-top:178px}
  body.v2 .v2-hero .v2-hero-txt h1{font-size:32px}
  .v2-hero.hero-banner .v2-hero-txt .sub{font-size:15.5px}
  .v2-hero.hero-banner .v2-hero-txt{gap:12px}
}
/* PAGINAS INTERNAS no celular: caminho escondido e titulo compacto em telas baixas */
@media (max-width:600px){body.v2 .topo-pag .trilha{display:none}body.v2 .topo-pag{padding-top:100px}}
@media (max-width:600px) and (max-height:760px){body.v2 .topo-pag h1{font-size:30px}body.v2 .topo-pag .sub{font-size:15.5px}body.v2 .topo-pag .wrap{row-gap:12px}}
@media (max-width:360px){body.v2 .v2-hero .v2-hero-txt h1{font-size:29px}.v2-hero.hero-banner .v2-hero-fundo::before{height:170px}.v2-hero.hero-banner .wrap{padding-top:150px}.v2-hero.hero-banner .v2-hero-txt .sub{font-size:15px}body.v2 .topo-pag h1{font-size:28px}body.v2 .topo-pag{padding-top:92px}body.v2 .v2-hero .kicker,body.v2 .topo-pag .kicker{display:none}}
@media (max-width:360px){body.v2 .hero-ctas .btn{font-size:15px;padding-left:18px;padding-right:18px;white-space:nowrap}}

/* ===== Avaliacoes do Google (prova social) ===== */
body.v2 .estrelas-g{color:#FBBC04;letter-spacing:1px;line-height:1}
body.v2 svg.g{width:20px;height:20px;flex:none}
/* selo pequeno no topo das paginas */
body.v2 .selo-google{display:inline-flex;width:fit-content;align-self:flex-start;align-items:center;gap:8px;margin-top:18px;padding:8px 14px 8px 10px;background:#fff;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink);font-size:14px;box-shadow:0 10px 24px -18px rgba(60,50,30,.45);transition:transform .3s var(--ease),border-color .3s}
body.v2 .selo-google:hover{transform:translateY(-2px);border-color:#FBBC04}
body.v2 .selo-google strong{font-size:15px;font-weight:700}
body.v2 .selo-google .estrelas-g{font-size:15px}
body.v2 .selo-google .selo-txt{color:var(--sub);font-size:13px}
/* secao */
body.v2 .avaliacoes{position:relative;padding:clamp(72px,10vw,128px) 0;background:radial-gradient(120% 70% at 50% 0%,#fff 0%,var(--sand) 70%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body.v2 .aval-topo{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:clamp(32px,4vw,52px)}
body.v2 .aval-topo .kicker{justify-content:center}
body.v2 .aval-topo h2{margin:12px 0 26px;max-width:20ch}
body.v2 .aval-nota{display:inline-flex;align-items:center;gap:16px;padding:16px 28px 16px 22px;background:#fff;border:1px solid var(--line);border-radius:20px;text-decoration:none;color:inherit;box-shadow:0 24px 50px -30px rgba(60,50,30,.4);transition:border-color .3s,transform .3s var(--ease)}
body.v2 .aval-nota:hover{border-color:#FBBC04;transform:translateY(-2px)}
body.v2 .aval-nota svg.g{width:34px;height:34px}
body.v2 .aval-nota strong{font-size:clamp(40px,4.6vw,52px);line-height:1;font-weight:600;color:var(--ink)}
body.v2 .aval-nota-txt{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
body.v2 .aval-nota .estrelas-g{font-size:24px}
body.v2 .aval-nota small{font-size:14px;color:var(--sub)}
body.v2 .aval-lista{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
body.v2 .aval{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px 24px 26px;text-decoration:none;color:inherit;cursor:pointer;transition:border-color .3s,box-shadow .4s,transform .4s var(--ease)}
body.v2 .aval:hover,body.v2 .aval:focus-visible{border-color:rgba(251,188,4,.7);box-shadow:0 26px 50px -30px rgba(60,50,30,.4);transform:translateY(-4px)}
body.v2 .aval-cab{display:flex;align-items:center;gap:12px}
body.v2 .aval-cab img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none;background:var(--blush)}
body.v2 .aval-cab>span{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
body.v2 .aval-cab strong{font-size:15px;font-weight:600}
body.v2 .aval-cab small{font-size:12px;color:var(--sub)}
body.v2 .aval>.estrelas-g{font-size:19px}
body.v2 .aval blockquote{margin:0;font-size:16px;line-height:1.6;color:var(--ink)}
body.v2 .aval-rodape{margin-top:clamp(28px,3vw,40px);text-align:center}
@media (max-width:960px){body.v2 .aval-lista{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){
  body.v2 .aval-lista{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -16px;padding:6px 16px 14px;scrollbar-width:none}
  body.v2 .aval-lista::-webkit-scrollbar{display:none}
  body.v2 .aval{flex:0 0 84%;scroll-snap-align:center;padding:22px 20px 22px}
  body.v2 .aval:hover{transform:none}
  body.v2 .aval-nota{gap:12px;padding:14px 20px 14px 16px}
  body.v2 .aval-nota svg.g{width:28px;height:28px}
  body.v2 .aval-nota .estrelas-g{font-size:20px}
  body.v2 .selo-google .selo-txt{font-size:12px}
}
@media (max-width:360px){body.v2 .selo-google .selo-txt{display:none}}
/* nota 4,9 discreta dentro da secao (pedido 22/10: nao destacar) */
body.v2 .aval-topo h2{margin-bottom:14px}
body.v2 .aval-nota{gap:8px;padding:6px 12px 6px 9px;border-radius:999px;box-shadow:none;background:transparent;border-color:transparent}
body.v2 .aval-nota:hover{background:#fff;border-color:var(--line);transform:none}
body.v2 .aval-nota svg.g{width:16px;height:16px}
body.v2 .aval-nota strong{font-size:14px;font-weight:700}
body.v2 .aval-nota-txt{flex-direction:row;align-items:center;gap:8px}
body.v2 .aval-nota .estrelas-g{font-size:14px}
body.v2 .aval-nota small{font-size:13px}
@media (max-width:640px){body.v2 .aval-nota{gap:7px;padding:6px 10px}body.v2 .aval-nota svg.g{width:15px;height:15px}body.v2 .aval-nota .estrelas-g{font-size:13px}body.v2 .aval-nota small{font-size:12px}}
/* avaliacoes em uma linha so, com rolagem automatica (site.js) */
body.v2 .aval-lista{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;padding:8px 4px 16px;margin:0 -4px;scrollbar-width:none}
body.v2 .aval-lista::-webkit-scrollbar{display:none}
body.v2 .aval{flex:0 0 calc((100% - 40px) / 3);scroll-snap-align:start}
@media (max-width:960px){body.v2 .aval{flex-basis:calc((100% - 20px) / 2)}}
@media (max-width:640px){body.v2 .aval-lista{gap:18px;margin:0 -16px;padding:6px 16px 14px;scroll-padding:0 16px}body.v2 .aval{flex-basis:84%;scroll-snap-align:start}}
/* setas do carrossel de avaliacoes */
body.v2 .aval-rodape{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}
body.v2 .aval-setas{display:flex;gap:10px}
body.v2 .aval-seta{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--rose-2);display:grid;place-items:center;cursor:pointer;transition:border-color .3s,background-color .3s,color .3s,transform .3s var(--ease)}
body.v2 .aval-seta svg{width:18px;height:18px}
body.v2 .aval-seta.ant svg{transform:rotate(180deg)}
body.v2 .aval-seta:hover{border-color:var(--rose);background:var(--rose);color:#fff;transform:translateY(-2px)}
body.v2 .aval-seta:focus-visible{outline:2px solid var(--rose);outline-offset:3px}
@media (max-width:640px){body.v2 .aval-rodape{flex-direction:column;gap:18px}}

/* ===== Efeito 1: rostos dos pacientes no selo do Google (topo) ===== */
body.v2 .selo-google{padding:6px 16px 6px 6px;gap:9px}
body.v2 .selo-rostos{display:flex;padding-right:2px}
body.v2 .selo-rostos img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-left:-9px;background:var(--blush);box-shadow:0 2px 6px -2px rgba(60,50,30,.35)}
body.v2 .selo-rostos img:first-child{margin-left:0}
body.v2 .selo-google svg.g{width:17px;height:17px}
@media (max-width:640px){body.v2 .selo-txt-g{display:none}body.v2 .selo-rostos img{width:28px;height:28px;margin-left:-8px}}
@media (max-width:360px){body.v2 .selo-rostos img:nth-child(n+4){display:none}}

@media (max-width:640px){body.v2 .selo-google{white-space:nowrap;gap:7px;padding-right:12px}body.v2 .selo-rostos img:nth-child(n+4){display:none}body.v2 .selo-google .estrelas-g{font-size:13px;letter-spacing:0}}
@media (max-width:360px){body.v2 .selo-rostos img:nth-child(n+3){display:none}}

/* ===== Passo a passo: linha dourada se desenha e acende cada etapa (site.js) ===== */
.passos{position:relative}
.passos::after{content:'';position:absolute;left:0;top:-1px;height:2px;width:100%;background:linear-gradient(90deg,var(--rose),var(--rose-2));transform-origin:left center;transform:scaleX(var(--prog,0));transition:transform 1.8s cubic-bezier(.45,0,.25,1);pointer-events:none}
.passos li::before{top:-7px;width:13px;height:13px;background:#fff;border:2px solid var(--line);box-sizing:border-box;transition:background-color .4s,border-color .4s,box-shadow .6s}
.passos li.aceso::before{background:var(--rose);border-color:var(--rose);box-shadow:0 0 0 6px rgba(169,129,80,.14);animation:passo-pulso 1s ease-out 1}
@keyframes passo-pulso{0%{box-shadow:0 0 0 0 rgba(169,129,80,.45)}100%{box-shadow:0 0 0 6px rgba(169,129,80,.14)}}
.passos.anim li>*{transition:opacity .6s var(--ease),transform .6s var(--ease)}
.passos.anim li:not(.aceso)>*{opacity:.28;transform:translateY(8px)}
.passos li.aceso h3{color:var(--ink)}
@media (max-width:960px){
  .passos::after{left:-1px;top:0;width:2px;height:100%;transform-origin:center top;transform:scaleY(var(--prog,0));transition:none}
  .passos li::before{top:5px;left:-35px}
}
@media (prefers-reduced-motion:reduce){.passos::after{transition:none}.passos li.aceso::before{animation:none}.passos.anim li>*{transition:none}}

/* ===== Diferenciais: foto nitida do consultorio ao lado dos 4 itens (22/10) ===== */
.v2-difs.difs-split{overflow:visible;margin:0;border-radius:0;padding:clamp(64px,9vw,112px) 0;background:var(--sand)}
.difs-split .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,80px);align-items:center}
.difs-foto{position:relative;margin:0;border-radius:28px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 40px 80px -50px rgba(60,50,30,.5)}
.difs-foto img{width:100%;height:100%;object-fit:cover;object-position:center 60%;display:block}
.difs-foto figcaption{position:absolute;left:16px;bottom:16px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:13px;font-weight:500;color:var(--ink)}
.difs-txt h2{margin:12px 0 28px}
.difs-split .v2-difs-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:32px}
.difs-split .v2-dif{flex-direction:row;align-items:center;text-align:left;gap:14px;padding:20px 18px;background:#fff;border:1px solid var(--line);font-size:15px;transition:border-color .3s,transform .3s var(--ease)}
.difs-split .v2-dif:hover{border-color:rgba(169,129,80,.5);transform:translateY(-2px)}
.difs-split .v2-dif svg{width:34px;height:34px;flex:none}
@media (max-width:960px){.difs-split .wrap{grid-template-columns:1fr}.difs-foto{aspect-ratio:4/3.4;max-height:460px}.difs-foto img{object-position:center 55%}}
@media (max-width:480px){.difs-split .v2-difs-grid{grid-template-columns:1fr}.difs-foto{aspect-ratio:1/1}.difs-split .btn{width:100%;justify-content:center}}
/* diferenciais: texto a esquerda, foto a direita + foto "abre" conforme a rolagem (site.js define --exp de 0 a 1) */
@media (min-width:961px){
  .difs-split .wrap{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
  .difs-split .difs-foto{order:2}
}
.difs-foto{--exp:1;clip-path:inset(calc((1 - var(--exp)) * 9%) calc((1 - var(--exp)) * 13%) round calc(28px + (1 - var(--exp)) * 40px));will-change:clip-path}
.difs-foto img{transform:scale(calc(1.2 - .2 * var(--exp)));transform-origin:center 60%;will-change:transform}
.difs-foto figcaption{opacity:calc(var(--exp) * 1.6 - .6)}

/* rodape: titulos em negrito e sempre na mesma linha (22/10) */
.rodape .cols{align-items:start}
.rodape strong{font-weight:800;color:var(--rose-2);letter-spacing:.18em}
.rodape .rod-horario{white-space:nowrap}
@media (max-width:960px){
  .rodape .cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
  .rodape .cols>div:first-child{grid-column:1/-1}
}
@media (max-width:560px){.rodape .cols{grid-template-columns:1fr}}
@media (max-width:1180px) and (min-width:561px){
  .rodape .cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
  .rodape .cols>div:first-child{grid-column:1/-1}
}
.rodape a[href^="tel"],.rodape .js-wa[data-origem="rodape"]{white-space:nowrap}

/* ===== 22/10: ajustes de celular pedidos ===== */
/* 1) Facetas, abertura: a foto da doutora some suavemente na base (a mascara acompanha a altura visivel da moldura) */
@media (max-width:960px){
  .pag-facetas .fac-hero .pessoa-recorte{-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 100%);mask-image:linear-gradient(to bottom,#000 55%,transparent 100%);-webkit-mask-size:100% 220px;mask-size:100% 220px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
}
@media (max-width:600px) and (max-height:720px){.pag-facetas .fac-hero .pessoa-recorte{-webkit-mask-size:100% 140px;mask-size:100% 140px}}
@media (max-width:360px){.pag-facetas .fac-hero .pessoa-recorte{-webkit-mask-size:100% 120px;mask-size:100% 120px}}
/* 2) mini antes/depois: etiqueta embaixo da foto, sem tampar os dentes */
.pag-facetas .mini-casos figure{display:flex;flex-direction:column;background:#fff}
.pag-facetas .mini-casos figcaption{position:static;background:none;color:var(--ink);padding:4px 0 3px;text-align:center;letter-spacing:.14em;font-size:9.5px}
/* 3) "O que sao facetas": cartao "Caso real" no alto da foto, longe do sorriso */
body.v2 .fac-intro-foto figcaption{top:40px;bottom:auto}
/* celulares pequenos: etiquetas menores e moldura um pouco mais alta para os mini antes/depois caberem */
@media (max-width:600px) and (max-height:720px){
  .pag-facetas .fac-hero .destaque-foto{height:158px}
  .pag-facetas .fac-hero .pessoa-recorte{-webkit-mask-size:100% 148px;mask-size:100% 148px}
  .pag-facetas .mini-casos figcaption{font-size:8px;padding:2px 0;letter-spacing:.1em}
}
@media (max-width:360px){
  .pag-facetas .fac-hero .destaque-foto{height:160px}
  .pag-facetas .fac-hero .pessoa-recorte{-webkit-mask-size:100% 150px;mask-size:100% 150px}
  .pag-facetas .mini-casos{width:80px}
  .pag-facetas .mini-casos figcaption{font-size:8px;padding:2px 0;letter-spacing:.1em}
}
/* ===== 22/10 (2a rodada) ===== */
/* banner de Facetas: mini antes/depois sem os nomes */
.pag-facetas .mini-casos figcaption{display:none}
/* foto da doutora no celular: some devagar embaixo E nas laterais (sem corte reto) */
@media (max-width:960px){
  .pag-facetas .fac-hero .pessoa-recorte{
    -webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent 100%),linear-gradient(to right,transparent 0,#000 22%,#000 78%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 30%,transparent 100%),linear-gradient(to right,transparent 0,#000 22%,#000 78%,transparent 100%);
    -webkit-mask-composite:source-in;mask-composite:intersect}
}
/* "Caso real": cartao menor, linhas juntas, na lateral esquerda ao lado do queixo */
body.v2 .fac-intro-foto figcaption{top:auto;bottom:8%;left:-10px;padding:7px 12px;border-radius:10px;line-height:1.2;max-width:none;white-space:nowrap}
body.v2 .fac-intro-foto figcaption strong{font-size:12.5px;line-height:1.2;margin-bottom:1px}
body.v2 .fac-intro-foto figcaption span{display:block;font-size:10.5px;line-height:1.25}
/* ===== 22/10 (3a rodada) ===== */
/* foto da Tayna no celular: volta a largura cheia, so some suave embaixo */
@media (max-width:960px){
  .pag-facetas .fac-hero .pessoa-recorte{-webkit-mask-image:linear-gradient(to bottom,#000 45%,transparent 100%);mask-image:linear-gradient(to bottom,#000 45%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add}
}
/* "Caso real": um pouco mais pra baixo e mais pra esquerda */
body.v2 .fac-intro-foto figcaption{bottom:3%;left:-24px}