/* Layout: retrato + história logo no topo; blocos alternando off-white e marrom escuro, com o marsala como fio condutor. Identidade única (clara), cores fixas da marca. */
:root{
  --marsala:#7A2232;
  --marsala-escuro:#5C1825;
  --marrom:#2B1B17;
  --marrom-medio:#4A3029;
  --off:#F5EFE6;
  --off-2:#EAE0D3;
  --texto:#2B1B17;
  --texto-suave:#6B5048;
  --dourado:#C9A27C;
  --display:"Cormorant Garamond", "Times New Roman", Georgia, serif;
  --corpo:"Karla", "Segoe UI", system-ui, sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--off);color:var(--texto);font-family:var(--corpo);font-size:1.0625rem;line-height:1.7;margin:0}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.08;text-wrap:balance;margin:0}
p{margin:0}
.wrap{max-width:1120px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
.rotulo{font-family:var(--corpo);font-size:.75rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--marsala)}
.fio{display:block;width:56px;height:2px;background:var(--marsala)}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:.95em 1.6em;border-radius:999px;font-family:var(--corpo);font-weight:600;font-size:.95rem;text-decoration:none;border:1.5px solid transparent;transition:background .25s,color .25s,border-color .25s}
.btn-marsala{background:var(--marsala);color:var(--off)}
.btn-marsala:hover{background:var(--marsala-escuro)}
.btn-linha{border-color:currentColor;color:var(--marsala)}
.btn-linha:hover{background:var(--marsala);color:var(--off);border-color:var(--marsala)}
.btn-claro{background:var(--off);color:var(--marrom)}
.btn-claro:hover{background:var(--dourado)}
.btn:focus-visible,a:focus-visible{outline:2px solid var(--dourado);outline-offset:3px}
.btn svg{width:18px;height:18px;flex:none}

/* Topo */
.topo{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(34,16,15,.82);backdrop-filter:blur(10px);border-bottom:1px solid rgba(245,239,230,.1);color:var(--off)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}
.marca{font-family:var(--display);font-size:1.6rem;font-weight:600;text-decoration:none;line-height:1}
.marca small{display:block;font-family:var(--corpo);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dourado);font-weight:600;margin-top:4px}
.menu{display:flex;gap:28px;font-size:.92rem}
.menu a{text-decoration:none;color:#D9CBBC}
.menu a:hover{color:var(--off)}
.topo .btn{padding:.7em 1.2em;font-size:.85rem}
@media (max-width:860px){.menu{display:none}}

/* Hero: foto do livro como fundo, banhada em marsala */
.hero{position:relative;overflow:hidden;background:#3A0F18;color:var(--off);isolation:isolate}
.hero-fundo{position:absolute;inset:0;z-index:-2;background:url("joice-livro.jpg") right 18% center/auto 112% no-repeat;filter:saturate(.85) contrast(1.05)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(90deg,#3A0F18 0%,#3A0F18 34%,rgba(92,24,37,.88) 50%,rgba(122,34,50,.45) 72%,rgba(58,15,24,.55) 100%),
  linear-gradient(0deg,rgba(34,12,14,.9) 0%,rgba(34,12,14,0) 32%),
  radial-gradient(ellipse at 75% 40%,rgba(122,34,50,0) 30%,rgba(58,15,24,.5) 80%);}
.hero .wrap{display:flex;align-items:center;min-height:min(86vh,760px);padding-block:clamp(56px,9vw,110px)}
.hero-texto{display:flex;flex-direction:column;gap:22px;max-width:560px;min-width:0}
.hero .rotulo{color:var(--dourado)}
.hero h1{font-size:clamp(3.2rem,8vw,6.2rem);font-weight:600;letter-spacing:-.01em;color:var(--off)}
.hero .titulo-prof{font-family:var(--display);font-style:italic;font-size:clamp(1.4rem,2.5vw,1.85rem);color:#EBC9B0;font-weight:500}
.hero .lead{max-width:32em;color:#E8DCCF;font-size:1.08rem}
.hero .acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.hero .btn-marsala{background:var(--off);color:var(--marsala-escuro)}
.hero .btn-marsala:hover{background:var(--dourado);color:var(--marrom)}
.hero .btn-linha{color:var(--off);border-color:rgba(245,239,230,.55)}
.hero .btn-linha:hover{background:rgba(245,239,230,.12);border-color:var(--off);color:var(--off)}
.selo{display:inline-flex;align-items:center;gap:10px;font-size:.88rem;color:#D9CBBC}
.selo i{width:8px;height:8px;border-radius:50%;background:#5FBF80;box-shadow:0 0 0 4px rgba(95,191,128,.18)}
.lema{font-family:var(--display);font-style:italic;font-size:1.25rem;color:#EBC9B0;padding-left:16px;border-left:2px solid var(--dourado)}
@media (max-width:820px){
  .hero-fundo{background-position:62% top;background-size:auto 62%}
  .hero::before{background:
    linear-gradient(180deg,rgba(58,15,24,.15) 0%,rgba(92,24,37,.55) 30%,#3A0F18 52%,#3A0F18 100%)}
  .hero .wrap{min-height:0;align-items:flex-end;padding-top:min(58vw,330px)}
}

/* Retrato na história */
.retrato{position:relative;width:min(100%,340px);margin:12px 0 0}
.retrato::before{content:"";position:absolute;inset:18px -18px -18px 18px;border:1.5px solid var(--marsala);border-radius:200px 200px 6px 6px}
.retrato img{position:relative;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 10%;border-radius:200px 200px 6px 6px}

/* História */
.historia{background:var(--marrom);color:var(--off);padding-block:clamp(64px,9vw,120px)}
.historia .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(36px,6vw,88px)}
.historia .rotulo{color:var(--dourado)}
.historia h2{font-size:clamp(2.3rem,5vw,3.6rem);margin-top:16px}
.historia .abertura{display:flex;flex-direction:column;gap:20px;min-width:0}
.historia .abertura p{color:#D9CBBC;max-width:30em}
.citacao{font-family:var(--display);font-style:italic;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.3;color:var(--off);border-left:2px solid var(--marsala);padding-left:20px;margin-top:8px}
.linha-tempo{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;min-width:0}
.linha-tempo li{display:grid;grid-template-columns:96px 1fr;gap:20px;padding-block:26px;border-top:1px solid rgba(245,239,230,.14)}
.linha-tempo li:last-child{border-bottom:1px solid rgba(245,239,230,.14)}
.linha-tempo .marco{font-family:var(--display);font-size:1.9rem;font-weight:600;color:var(--dourado);line-height:1}
.linha-tempo .marco small{display:block;font-family:var(--corpo);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#B59B88;margin-top:6px;font-weight:500}
.linha-tempo h3{font-size:1.5rem;color:var(--off);margin-bottom:8px}
.linha-tempo p{color:#D9CBBC;font-size:1rem}
@media (max-width:820px){
  .historia .wrap{grid-template-columns:1fr}
  .linha-tempo li{grid-template-columns:72px 1fr;gap:14px}
}

/* Atendimento */
.secao{padding-block:clamp(64px,9vw,120px)}
.cabeca{display:flex;flex-direction:column;gap:14px;max-width:40em;margin-bottom:clamp(36px,5vw,56px)}
.cabeca h2{font-size:clamp(2.2rem,4.6vw,3.3rem);color:var(--marrom)}
.cabeca p{color:var(--texto-suave)}
.areas{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,32px)}
.area{display:flex;flex-direction:column;gap:12px;padding-top:22px;border-top:2px solid var(--marsala);min-width:0}
.area h3{font-size:1.6rem;color:var(--marrom)}
.area p{color:var(--texto-suave);font-size:1rem}
@media (max-width:860px){.areas{grid-template-columns:1fr}}
.online{margin-top:clamp(40px,6vw,64px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:clamp(24px,4vw,36px);background:var(--off-2);border-radius:6px}
.online div{min-width:0;max-width:36em}
.online strong{font-family:var(--display);font-size:1.6rem;font-weight:600;display:block;color:var(--marrom);line-height:1.2;margin-bottom:6px}
.online p{color:var(--texto-suave);font-size:1rem}

/* Livro */
.livro{background:var(--off-2)}
.livro .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(36px,7vw,96px);align-items:center}
.capa{justify-self:center;width:min(100%,340px);transform:rotate(-2deg);box-shadow:0 30px 60px rgba(43,27,23,.35),0 4px 10px rgba(43,27,23,.2);border-radius:3px;overflow:hidden}
.capa img{width:100%;aspect-ratio:9/16;object-fit:cover}
.livro-texto{display:flex;flex-direction:column;gap:20px;min-width:0}
.livro-texto h2{font-size:clamp(2.4rem,5vw,3.8rem);color:var(--marrom);letter-spacing:.02em}
.livro-texto .sub{font-family:var(--display);font-style:italic;font-size:1.5rem;color:var(--marsala);margin-top:-8px}
.livro-texto p{color:var(--texto-suave);max-width:34em}
.ficha{display:flex;flex-wrap:wrap;gap:10px 28px;font-size:.9rem;color:var(--texto-suave);padding-block:16px;border-block:1px solid rgba(43,27,23,.15)}
.ficha b{color:var(--marrom);font-weight:600}
@media (max-width:820px){.livro .wrap{grid-template-columns:1fr}.capa{width:min(70%,280px)}}

/* Supervisão (parte completa) */
.sup-intro{background:var(--marsala);color:var(--off);padding-block:clamp(64px,9vw,112px)}
.sup-intro .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:center}
.sup-intro .rotulo{color:#F1D9C4}
.sup-intro h2{font-size:clamp(2.4rem,5.4vw,4rem);margin-top:14px}
.sup-intro .texto{display:flex;flex-direction:column;gap:20px;min-width:0}
.sup-intro .texto p{color:#F1DEDF;max-width:32em}
.sup-intro .acoes{display:flex;flex-wrap:wrap;gap:12px}
.sup-intro .btn-linha{color:var(--off);border-color:rgba(245,239,230,.5)}
.sup-intro .btn-linha:hover{background:rgba(245,239,230,.12);border-color:var(--off);color:var(--off)}
.sup-foto{border-radius:8px;overflow:hidden;box-shadow:0 30px 60px rgba(34,10,14,.45)}
.sup-foto img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 20%}
@media (max-width:820px){.sup-intro .wrap{grid-template-columns:1fr}.sup-foto{order:-1}}

.centro{text-align:center;margin-inline:auto;align-items:center}
.tripe{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,28px)}
.pilar{background:#FBF8F3;border:1px solid var(--off-2);border-radius:8px;padding:clamp(24px,3vw,34px);display:flex;flex-direction:column;gap:10px;min-width:0}
.pilar .num{font-family:var(--display);font-style:italic;font-size:2.4rem;color:var(--marsala);line-height:1}
.pilar h3{font-size:1.6rem;color:var(--marrom)}
.pilar p{color:var(--texto-suave);font-size:1rem}
.nota{font-family:var(--display);font-style:italic;font-size:clamp(1.3rem,2.4vw,1.65rem);line-height:1.45;color:var(--marsala-escuro);text-align:center;max-width:36em;margin:clamp(36px,5vw,56px) auto 0}
@media (max-width:860px){.tripe{grid-template-columns:1fr}}

.sup-encontra{background:var(--off-2)}
.check{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(24px,4vw,56px)}
.check li{display:grid;grid-template-columns:26px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid rgba(43,27,23,.12);min-width:0}
.check svg{width:20px;height:20px;margin-top:4px;color:var(--marsala)}
@media (max-width:760px){.check{grid-template-columns:1fr}}
.programa .check li{border-bottom-color:var(--off-2)}

.recursos{background:var(--marrom);color:var(--off)}
.recursos .cabeca h2{color:var(--off)}
.recursos .cabeca p{color:#D9CBBC}
.recursos .rotulo{color:var(--dourado)}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,28px)}
.recurso{border:1px solid rgba(245,239,230,.16);border-radius:8px;padding:clamp(24px,3vw,32px);display:flex;flex-direction:column;gap:10px;min-width:0}
.recurso h3{font-size:1.55rem;color:var(--off)}
.recurso p{color:#D9CBBC;font-size:1rem}
@media (max-width:860px){.cards3{grid-template-columns:1fr}}

.depoimentos .cards3 blockquote{margin:0;background:#FBF8F3;border:1px solid var(--off-2);border-radius:8px;padding:clamp(24px,3vw,32px);display:flex;flex-direction:column;gap:16px;min-width:0}
.depoimentos .aspas{font-family:var(--display);font-size:4rem;line-height:.6;color:var(--marsala);height:28px}
.depoimentos blockquote p{font-family:var(--display);font-style:italic;font-size:1.3rem;line-height:1.5;color:var(--marrom)}
.depoimentos cite{font-style:normal;font-size:.85rem;font-weight:600;color:var(--marsala);letter-spacing:.02em;margin-top:auto}

.sup-final{background:var(--marsala);color:var(--off);text-align:center;padding-block:clamp(64px,9vw,104px)}
.sup-final .wrap{display:flex;flex-direction:column;align-items:center;gap:20px}
.sup-final h2{font-size:clamp(2.2rem,5vw,3.6rem);max-width:14em}
.sup-final p{color:#F1DEDF;max-width:34em}

/* Contato */
.contato{background:var(--marrom);color:var(--off);padding-block:clamp(64px,9vw,110px) 40px}
.contato .grade{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(36px,6vw,80px);align-items:end}
.contato h2{font-size:clamp(2.4rem,5.5vw,4rem)}
.contato p{color:#D9CBBC;max-width:32em;margin-top:18px}
.canais{display:flex;flex-direction:column;gap:12px;min-width:0}
.canais .btn{justify-content:flex-start;width:100%}
.btn-whats{background:#2E7D4F;color:#fff}
.btn-whats:hover{background:#246640}
.btn-insta{border-color:rgba(245,239,230,.4);color:var(--off)}
.btn-insta:hover{border-color:var(--off);background:rgba(245,239,230,.08)}
.rodape{margin-top:clamp(56px,8vw,88px);padding-top:24px;border-top:1px solid rgba(245,239,230,.14);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.85rem;color:#A8907F}
@media (max-width:820px){.contato .grade{grid-template-columns:1fr}}

/* WhatsApp flutuante */
.flutuante{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:30;width:56px;height:56px;border-radius:50%;background:#2E7D4F;color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px rgba(0,0,0,.25);text-decoration:none}
.flutuante svg{width:28px;height:28px}

/* Entrada suave do hero (a partir de estado visível) */
@media (prefers-reduced-motion:no-preference){
  .hero-texto>*{animation:sobe .7s ease both}
  .hero-texto>*:nth-child(2){animation-delay:.08s}
  .hero-texto>*:nth-child(3){animation-delay:.16s}
  .hero-texto>*:nth-child(4){animation-delay:.24s}
  .hero-texto>*:nth-child(5){animation-delay:.32s}
  .hero-texto>*:nth-child(n+6){animation-delay:.4s}
  @keyframes sobe{from{transform:translateY(10px)}to{transform:none}}
}

/* Chamada da supervisão na home */
.sup-chamada{padding-block:clamp(56px,8vw,100px)}
.sup-card{display:grid;grid-template-columns:1fr 1fr;border-radius:12px;overflow:hidden;background:var(--marsala);color:var(--off);box-shadow:0 30px 60px rgba(43,27,23,.2)}
.sup-card img{width:100%;height:100%;min-height:280px;object-fit:cover;object-position:50% 20%}
.sup-card .texto{padding:clamp(28px,5vw,56px);display:flex;flex-direction:column;gap:18px;justify-content:center;min-width:0}
.sup-card .rotulo{color:#F1D9C4}
.sup-card h2{font-size:clamp(2.1rem,4.4vw,3.2rem)}
.sup-card p{color:#F1DEDF}
.sup-card .btn svg{width:18px;height:18px}
@media (max-width:820px){.sup-card{grid-template-columns:1fr}.sup-card img{aspect-ratio:4/3;min-height:0}}

/* Topo da página da supervisão */
.voltar{display:inline-flex;align-items:center;gap:8px;color:#D9CBBC;text-decoration:none;font-size:.92rem}
.voltar:hover{color:var(--off)}

/* Credenciais no hero */
.credenciais{list-style:none;margin:-6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.credenciais li{font-size:.8rem;font-weight:500;letter-spacing:.02em;color:var(--off);padding:.4em .9em;border:1px solid rgba(245,239,230,.3);border-radius:999px;background:rgba(58,15,24,.35)}

/* Antes e depois */
.antes-depois{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;max-width:440px}
.antes-depois figure{margin:0;position:relative;border-radius:6px;overflow:hidden}
.antes-depois img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 15%}
.antes-depois figcaption{position:absolute;left:10px;bottom:10px;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.35em .8em;border-radius:999px;background:rgba(43,27,23,.78);color:var(--off)}
.antes-depois figure:last-child figcaption{background:var(--marsala)}

/* Dois livros */
.livros{display:flex;flex-direction:column;gap:clamp(56px,8vw,96px)}
.livro-item{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(36px,7vw,96px);align-items:center}
.livro-item.invertido{grid-template-columns:1.2fr .8fr}
.livro-item.invertido .capa{order:2;transform:rotate(2deg)}
.livro-texto h3{font-size:clamp(2.1rem,4.4vw,3.2rem);color:var(--marrom)}
.capa-2 img{aspect-ratio:4/5}
.destaque{font-family:var(--display);font-style:italic;font-size:1.35rem;color:var(--marsala)!important}
@media (max-width:820px){.livro-item,.livro-item.invertido{grid-template-columns:1fr}.livro-item.invertido .capa{order:0}}
.livro .wrap{display:block}
.livro-item.invertido .capa-2,.capa-2{transform:none;box-shadow:0 20px 40px rgba(43,27,23,.2);border-radius:8px}

/* Hero v3: foto primeiro, texto embaixo */
.hero{background:#140A09;color:var(--off);overflow:hidden}
.hero::before{display:none}
.hero-foto{position:relative;max-width:1000px;margin:0 auto}
.hero-foto img{width:100%;aspect-ratio:1080/873;object-fit:cover;
  -webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,#000 62%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%);mask-composite:intersect}
.hero .wrap{display:block;min-height:0;padding-block:0 clamp(56px,8vw,96px);padding-top:0}
.hero-texto{max-width:760px;margin:clamp(-48px,-4vw,-16px) auto 0;position:relative;align-items:center;text-align:center;gap:20px}
.hero h1{font-size:clamp(3.4rem,10vw,7rem);background:linear-gradient(180deg,#F5EFE6 40%,#E3C2A6);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .titulo-prof{margin-top:-10px}
.credenciais{justify-content:center;margin:0}
.credenciais li{background:rgba(122,34,50,.35);border-color:rgba(201,162,124,.35)}
.lema{border-left:0;padding-left:0;border-top:1px solid var(--marsala);padding-top:18px}
.hero .lead{margin-inline:auto}
.hero .acoes{justify-content:center}
@media (max-width:820px){.hero .wrap{padding-top:0}.hero-foto img{aspect-ratio:4/4.2}}

/* ===== Tema escuro geral: marsala + marrom ===== */
:root{
  --fundo-1:#160B0A;   /* quase preto amarronzado */
  --fundo-2:#24130F;   /* marrom café */
  --fundo-3:#34121A;   /* marsala profundo */
  --texto:#EFE5DA;
  --texto-suave:#C9B4A6;
  --linha:rgba(239,229,218,.14);
  --rose:#E2B49A;
}
body{background:var(--fundo-1);color:var(--texto)}
.topo{background:rgba(22,11,10,.86)}
.hero{background:var(--fundo-1)}
.historia{background:var(--fundo-3)}
#atendimento{background:var(--fundo-2)}
.livro{background:var(--fundo-1)}
.sup-chamada{background:var(--fundo-3)}
.contato{background:var(--fundo-1);border-top:1px solid var(--linha)}

/* textos e títulos em fundo escuro */
.rotulo{color:var(--dourado)}
.cabeca h2,.area h3,.livro-texto h2,.livro-texto h3,.online strong,.pilar h3{color:var(--texto)}
.cabeca p,.area p,.livro-texto p,.online p,.pilar p{color:var(--texto-suave)}
.area{border-top-color:var(--dourado)}
.online{background:rgba(239,229,218,.05);border:1px solid var(--linha)}
.ficha{border-color:var(--linha);color:var(--texto-suave)}
.ficha b{color:var(--texto)}
.livro-texto .sub,.destaque{color:var(--rose)!important}
.linha-tempo li,.linha-tempo li:last-child{border-color:rgba(239,229,218,.16)}
.citacao{border-left-color:var(--dourado)}
.retrato::before{border-color:var(--dourado)}

/* botões no escuro */
.btn-marsala{background:var(--marsala);color:var(--texto);box-shadow:inset 0 0 0 1px rgba(226,180,154,.25)}
.btn-marsala:hover{background:#932A3D}
.btn-linha{color:var(--texto);border-color:rgba(239,229,218,.45)}
.btn-linha:hover{background:rgba(239,229,218,.1);color:var(--texto);border-color:var(--texto)}
.hero .btn-marsala{background:var(--marsala);color:var(--texto)}
.hero .btn-marsala:hover{background:#932A3D;color:var(--texto)}

/* card da supervisão na home */
.sup-card{background:linear-gradient(135deg,#5C1825,#3A0F18);border:1px solid rgba(226,180,154,.18);box-shadow:0 30px 60px rgba(0,0,0,.4)}

/* página da supervisão */
.sup-intro{background:var(--fundo-3)}
.sup-encontra{background:var(--fundo-2)}
.programa{background:var(--fundo-1)}
.recursos{background:var(--fundo-3)}
.depoimentos{background:var(--fundo-2)}
.sup-final{background:linear-gradient(135deg,#5C1825,#2A0C12)}
.pilar,.depoimentos .cards3 blockquote{background:rgba(239,229,218,.05);border-color:var(--linha)}
.pilar .num,.depoimentos .aspas,.depoimentos cite{color:var(--rose)}
.depoimentos blockquote p{color:var(--texto)}
.nota{color:var(--rose)}
.check li,.programa .check li{border-bottom-color:var(--linha)}
.check svg{color:var(--dourado)}
.recurso{border-color:rgba(239,229,218,.18);background:rgba(0,0,0,.15)}
#supervisao + .secao,main > .secao:not([class*=" "]){background:var(--fundo-1)}

/* Correção: marcos da linha do tempo ("Infância") */
.linha-tempo li{grid-template-columns:8.5rem 1fr}
.linha-tempo li>div{min-width:0}
.linha-tempo .marco{font-size:1.75rem}
@media (max-width:820px){
  .linha-tempo li{grid-template-columns:1fr;gap:10px}
  .linha-tempo .marco{display:flex;align-items:baseline;gap:10px;font-size:1.6rem}
  .linha-tempo .marco small{margin-top:0}
}

/* Foto nova do topo */
.hero-foto{max-width:1100px}
.hero-foto img{aspect-ratio:1600/1150;object-position:50% 0}
@media (max-width:820px){.hero-foto img{aspect-ratio:1/1.05;object-position:50% 0}}

/* Faixas das partes */
.parte-faixa{background:var(--fundo-1);border-top:1px solid var(--linha)}
.parte-faixa .wrap{display:flex;align-items:baseline;gap:16px;padding-block:28px 0}
.parte-num{font-family:var(--display);font-style:italic;font-size:1.4rem;color:var(--dourado)}
.parte-nome{font-size:.78rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--texto-suave)}
.parte-faixa + section{padding-top:clamp(28px,4vw,44px)}
.parte-faixa:has(+ #palestras){background:var(--fundo-2)}
.parte-faixa:has(+ #supervisao){background:var(--fundo-3)}
.parte-faixa:has(+ #atendimento){background:var(--fundo-2)}

/* Palestras */
#palestras{background:var(--fundo-2)}
.pal-grade{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,80px);align-items:start}
.pal-foto{margin:0;position:sticky;top:100px;border-radius:200px 200px 8px 8px;overflow:hidden;border:1px solid rgba(201,162,124,.3)}
.pal-foto img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 10%}
.pal-texto{display:flex;flex-direction:column;gap:20px;min-width:0}
.pal-texto h2{font-size:clamp(2.2rem,4.6vw,3.4rem);color:var(--texto)}
.pal-texto>p{color:var(--texto-suave);max-width:36em}
.temas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.temas li{padding:20px;border:1px solid var(--linha);border-radius:8px;background:rgba(239,229,218,.04);display:flex;flex-direction:column;gap:6px;min-width:0}
.temas b{font-family:var(--display);font-size:1.3rem;font-weight:600;line-height:1.2;color:var(--rose)}
.temas span{font-size:.95rem;color:var(--texto-suave)}
.pal-nota{font-family:var(--display);font-style:italic;font-size:1.2rem;color:var(--texto)!important;border-left:2px solid var(--dourado);padding-left:14px}
.pal-formatos{font-size:.88rem;letter-spacing:.04em}
@media (max-width:820px){.pal-grade{grid-template-columns:1fr}.pal-foto{position:static;width:min(80%,320px)}.temas{grid-template-columns:1fr}}

#supervisao.sup-chamada{padding-bottom:clamp(56px,8vw,96px)}

/* ===== Enxugada ===== */
.atend-chamada{background:var(--fundo-2)!important}
.atend-card{background:linear-gradient(135deg,#3A1A14,#24130F)}
.atend-card img{object-position:50% 12%}
.acoes-card{display:flex;flex-wrap:wrap;gap:12px}
.sup-card .btn-linha{color:var(--texto);border-color:rgba(239,229,218,.45)}
.atend-intro .sup-foto img{object-position:50% 15%;aspect-ratio:1/1}

.passos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,28px)}
.passos li{display:flex;gap:16px;padding:24px;border:1px solid var(--linha);border-radius:8px;background:rgba(239,229,218,.04);min-width:0}
.passos .num{font-family:var(--display);font-size:2.4rem;line-height:1;color:var(--rose)}
.passos b{display:block;font-family:var(--display);font-size:1.35rem;font-weight:600;color:var(--texto);margin-bottom:4px}
.passos span:not(.num){color:var(--texto-suave);font-size:.98rem}
@media (max-width:820px){.passos{grid-template-columns:1fr}}

/* Carrossel de livros */
.livros-topo{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:clamp(28px,4vw,44px)}
.livros-topo .cabeca{margin-bottom:0}
.car-nav{display:flex;gap:10px;flex:none}
.car-btn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(239,229,218,.35);background:transparent;color:var(--texto);display:grid;place-items:center;cursor:pointer;transition:background .2s}
.car-btn:hover{background:rgba(239,229,218,.1)}
.car-btn:focus-visible{outline:2px solid var(--dourado);outline-offset:3px}
.car-btn svg{width:22px;height:22px}
.carrossel{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px}
.carrossel::-webkit-scrollbar{display:none}
.carrossel:focus-visible{outline:2px solid var(--dourado);outline-offset:6px}
.livro-card{flex:0 0 min(340px,82%);scroll-snap-align:start;display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid var(--linha);border-radius:10px;background:rgba(239,229,218,.04)}
.livro-capa{border-radius:6px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.45);margin-bottom:8px;background:#000}
.livro-capa img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 30%}
.livro-card h3{font-size:1.7rem;color:var(--texto)}
.livro-card .sub{font-family:var(--display);font-style:italic;font-size:1.15rem;color:var(--rose);margin-bottom:6px}
.livro-card .btn{align-self:flex-start;cursor:pointer;font-family:var(--corpo);background:transparent}
.car-pontos{display:flex;justify-content:center;gap:8px;margin-top:20px}
.car-pontos i{width:8px;height:8px;border-radius:50%;background:rgba(239,229,218,.25);transition:background .2s,width .2s}
.car-pontos i.ativo{background:var(--dourado);width:22px;border-radius:4px}
@media (min-width:821px){.car-pontos{display:none}}

/* Modal do livro */
.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px}
.modal-fundo{position:absolute;inset:0;background:rgba(10,4,4,.78);backdrop-filter:blur(4px)}
.modal-caixa{position:relative;width:min(920px,100%);max-height:calc(100vh - 32px);overflow:auto;background:linear-gradient(160deg,#2C1512,#1A0C0B);border:1px solid rgba(226,180,154,.22);border-radius:12px;padding:clamp(22px,4vw,44px);box-shadow:0 40px 80px rgba(0,0,0,.6)}
.modal-x{position:absolute;top:12px;right:12px;width:42px;height:42px;border-radius:50%;border:1px solid var(--linha);background:rgba(0,0,0,.25);color:var(--texto);display:grid;place-items:center;cursor:pointer}
.modal-x:focus-visible{outline:2px solid var(--dourado);outline-offset:2px}
.modal-x svg{width:20px;height:20px}
.modal-grade{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(22px,4vw,40px);align-items:start}
.modal-grade>img{width:100%;border-radius:6px;box-shadow:0 20px 40px rgba(0,0,0,.5)}
.modal-texto{display:flex;flex-direction:column;gap:14px;min-width:0}
.modal-texto h3{font-size:clamp(1.9rem,4vw,2.6rem);color:var(--texto);padding-right:40px}
.modal-texto .sub{font-family:var(--display);font-style:italic;font-size:1.3rem;color:var(--rose);margin-top:-6px}
.modal-texto p{color:var(--texto-suave);font-size:1rem}
.modal-texto .destaque{font-size:1.25rem}
.autores{margin:6px 0;padding:14px 0;border-block:1px solid var(--linha);display:flex;flex-direction:column;gap:8px}
.autores div{display:grid;grid-template-columns:9rem 1fr;gap:12px}
.autores dt{font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--dourado);padding-top:3px}
.autores dd{margin:0;color:var(--texto)}
.modal-texto .btn{align-self:flex-start}
@media (max-width:700px){.modal-grade{grid-template-columns:1fr}.modal-grade>img{width:min(60%,220px)}.autores div{grid-template-columns:1fr;gap:2px}}
.temas .tema-destaque{grid-column:1/-1;background:linear-gradient(135deg,rgba(122,34,50,.45),rgba(122,34,50,.15));border-color:rgba(226,180,154,.35)}
.temas .tema-destaque b{font-size:1.6rem}
.parte-faixa:has(+ #historia){background:var(--fundo-3)}
.parte-faixa + .historia{padding-top:clamp(28px,4vw,44px)}

/* ===== v novo: ordem palestras > supervisão > atendimento > livros > história ===== */
.hero .rotulo{color:var(--dourado)}
.hero .titulo-prof{max-width:30em}
.publicos{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.5vw,28px)}
.publico{padding:clamp(24px,3vw,36px);border-radius:10px;border:1px solid rgba(226,180,154,.3);background:linear-gradient(135deg,rgba(122,34,50,.42),rgba(122,34,50,.1));display:flex;flex-direction:column;gap:12px;min-width:0}
.publico h3{font-size:clamp(1.7rem,3vw,2.2rem);color:var(--texto)}
.publico p{color:var(--texto-suave)}
.palestras .pal-nota{margin-top:clamp(28px,4vw,40px);max-width:40em}
.pal-rodape{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid var(--linha)}
.pal-rodape .pal-formatos{color:var(--texto-suave)}
@media (max-width:760px){.publicos{grid-template-columns:1fr}}

.sup-home{background:var(--fundo-3)}
.sup-home-topo{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,64px);align-items:center}
.sup-home-topo .texto{display:flex;flex-direction:column;gap:18px;min-width:0}
.sup-home-topo h2{font-size:clamp(2.3rem,5vw,3.6rem);color:var(--texto)}
.sup-home-topo p{color:#E6D3CA;max-width:34em}
.sup-home-topo .btn-linha{color:var(--texto);border-color:rgba(239,229,218,.45)}
.sup-home h3{font-family:var(--display);font-size:1.7rem;color:var(--texto);margin-bottom:14px}
.sup-home-meio{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(28px,5vw,64px);margin-top:clamp(48px,7vw,80px)}
.sup-home-meio .check{grid-template-columns:1fr}
.tripe-mini{padding:clamp(22px,3vw,32px);border-radius:10px;border:1px solid var(--linha);background:rgba(0,0,0,.18);display:flex;flex-direction:column;gap:12px;align-self:start}
.tripe-mini p{color:var(--texto-suave);font-size:.98rem}
.tripe-mini b{color:var(--rose);font-weight:600}
.sup-depo{margin-top:clamp(48px,7vw,80px)}
.depo-cards blockquote{margin:0;background:rgba(239,229,218,.05);border:1px solid var(--linha);border-radius:8px;padding:clamp(22px,3vw,30px);display:flex;flex-direction:column;gap:14px;min-width:0}
.depo-cards .aspas{font-family:var(--display);font-size:4rem;line-height:.6;color:var(--rose);height:28px}
.depo-cards p{font-family:var(--display);font-style:italic;font-size:1.25rem;line-height:1.5;color:var(--texto)}
.depo-cards cite{font-style:normal;font-size:.85rem;font-weight:600;color:var(--rose);margin-top:auto}
.sup-cta{margin-top:clamp(40px,6vw,64px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:clamp(22px,3.5vw,34px);border-radius:10px;background:linear-gradient(135deg,#7A2232,#4A121D);border:1px solid rgba(226,180,154,.3)}
.sup-cta strong{display:block;font-family:var(--display);font-size:1.7rem;font-weight:600;color:var(--texto);line-height:1.2}
.sup-cta p{color:#F1DEDF;font-size:.95rem;margin-top:4px}
@media (max-width:820px){.sup-home-topo,.sup-home-meio{grid-template-columns:1fr}.sup-home-topo .sup-foto{order:-1}}
.parte-faixa:has(+ #supervisao){background:var(--fundo-3)}
.parte-faixa:has(+ #livro){background:var(--fundo-1)}
.parte-faixa:has(+ #historia){background:var(--fundo-3)}

/* Mentorias em carrossel */
.mentorias{background:var(--fundo-3)}
.parte-faixa:has(+ .mentorias){background:var(--fundo-3)}
.ment-card .livro-capa img{aspect-ratio:4/5;object-position:50% 20%}
.livro-card:not(.ment-card) .livro-capa img{aspect-ratio:2/3;object-position:50% 85%}
.livro-card h3{text-wrap:balance}
.modal-lista{list-style:none;margin:4px 0;padding:0;display:flex;flex-direction:column}
.modal-lista li{display:grid;grid-template-columns:24px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--linha)}
.modal-lista svg{width:20px;height:20px;margin-top:3px;color:var(--dourado)}
.modal-lista b{display:block;font-family:var(--display);font-size:1.2rem;font-weight:600;color:var(--texto);line-height:1.25;margin-bottom:2px}
.modal-lista span{color:var(--texto-suave);font-size:.95rem}
.modal-depo{margin:0;padding:14px 16px;border-left:2px solid var(--dourado);background:rgba(239,229,218,.04);border-radius:0 6px 6px 0}
.modal-depo p{font-family:var(--display);font-style:italic;font-size:1.15rem;color:var(--texto)!important}
.modal-depo cite{font-style:normal;font-size:.8rem;font-weight:600;color:var(--rose)}
.modal-grade>img{position:static}

/* Locais de palestra em destaque */
.pal-rodape{flex-direction:column;align-items:stretch;gap:22px}
.pal-rodape .btn{align-self:flex-start}
.locais{display:flex;flex-direction:column;gap:10px;padding:clamp(20px,3vw,30px);border-radius:10px;background:linear-gradient(135deg,rgba(122,34,50,.5),rgba(58,15,24,.3));border:1px solid rgba(201,162,124,.35)}
.locais-lista{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 0;margin:0;font-family:var(--display);font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:600;line-height:1.2;color:var(--texto)}
.locais-lista span:not(:last-child)::after{content:"•";color:var(--dourado);font-size:.7em;margin:0 .45em;vertical-align:.12em}
.locais-lista .outros{font-style:italic;font-weight:500;color:var(--rose)}
.link-entrevista{display:inline-flex;align-items:center;gap:10px;margin-top:12px;padding-left:16px;color:var(--rose);font-weight:600;text-decoration:none;font-size:1rem}
.link-entrevista svg{width:26px;height:26px;color:var(--dourado)}
.link-entrevista:hover{color:var(--texto)}
.link-entrevista:focus-visible{outline:2px solid var(--dourado);outline-offset:4px;border-radius:4px}

/* Foto de início: Joice palestrando */
.hero-foto img[src="joice-palestra-hd.jpg"]{aspect-ratio:16/10;object-position:50% 12%}
@media (max-width:820px){.hero-foto img[src="joice-palestra-hd.jpg"]{aspect-ratio:4/4.6;object-position:50% 0}}

/* Topo sem o nome: só o menu no computador, nada no celular */
.topo-so-menu .wrap{justify-content:center;min-height:56px}
@media (max-width:860px){.topo-so-menu{display:none}}

/* Vídeos de depoimento */
.videos-depo{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:6px 0}
.videos-depo figure{margin:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.videos-depo video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:8px;background:#000;border:1px solid var(--linha)}
.videos-depo figcaption{font-size:.82rem;font-weight:600;color:var(--rose)}
.videos-pagina{max-width:560px;margin:0 0 clamp(28px,4vw,40px)}

/* Filme no carrossel */
.filme-card .livro-capa img{object-position:50% 20%}

/* Quem é Joice */
.quem{background:var(--fundo-2)}
.parte-faixa:has(+ .quem){background:var(--fundo-2)}
.quem .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,6vw,80px);align-items:center}
.quem-foto{margin:0;border-radius:200px 200px 8px 8px;overflow:hidden;border:1px solid rgba(201,162,124,.35);max-width:380px}
.quem-foto img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 10%}
.quem-texto{display:flex;flex-direction:column;gap:18px;min-width:0}
.quem-texto h2{font-size:clamp(2.3rem,5vw,3.5rem);color:var(--texto)}
.quem-texto>p{color:var(--texto-suave);max-width:34em}
.quem-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.quem-lista li{font-family:var(--display);font-size:1.3rem;font-weight:600;color:var(--texto);padding:12px 0;border-bottom:1px solid var(--linha)}
.quem-lista li:first-child{color:var(--rose)}
@media (max-width:820px){.quem .wrap{grid-template-columns:1fr}.quem-foto{width:min(80%,320px)}.quem-lista{grid-template-columns:1fr}}

/* Quem é Joice: casal, família e clínica */
.quem .wrap{display:block}
.quem-topo{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,6vw,80px);align-items:center}
.quem-foto img{aspect-ratio:3/4;object-position:50% 15%}
.quem-familia{margin:clamp(40px,6vw,64px) 0 0;position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--linha)}
.quem-familia img{width:100%;aspect-ratio:3/2;object-fit:cover}
.quem-familia figcaption{position:absolute;left:16px;bottom:16px;font-family:var(--display);font-style:italic;font-size:1.3rem;padding:.3em .9em;border-radius:999px;background:rgba(22,11,10,.75);color:var(--texto)}
.clinica{margin-top:clamp(40px,6vw,64px);display:grid;grid-template-columns:1.1fr .9fr;border-radius:10px;overflow:hidden;border:1px solid rgba(201,162,124,.3);background:linear-gradient(135deg,rgba(122,34,50,.4),rgba(36,19,15,.6))}
.clinica>img{width:100%;height:100%;min-height:240px;object-fit:cover}
.clinica-texto{padding:clamp(22px,4vw,40px);display:flex;flex-direction:column;gap:12px;justify-content:center;min-width:0}
.clinica-texto h3{font-size:clamp(1.8rem,3.4vw,2.4rem);color:var(--texto)}
.clinica-texto p{color:var(--texto-suave)}
.clinica-texto .btn{align-self:flex-start}
.clinica-texto .btn svg{width:18px;height:18px}
.video-filme{margin:4px 0;max-width:280px;display:flex;flex-direction:column;gap:8px}
.video-filme video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:8px;background:#000;border:1px solid var(--linha)}
.video-filme figcaption{font-size:.82rem;font-weight:600;color:var(--rose)}
@media (max-width:820px){.quem-topo,.clinica{grid-template-columns:1fr}.clinica>img{aspect-ratio:16/9;min-height:0}}
.clinica-marca{display:flex;align-items:center;gap:14px}
.clinica-marca img{width:72px;height:72px;border-radius:50%;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.quem-depo{margin-top:clamp(48px,7vw,80px)}
.quem-depo h3{font-family:var(--display);font-size:clamp(1.8rem,3.4vw,2.4rem);color:var(--texto);margin-bottom:18px}
.depo-2col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2.2vw,22px)}
@media (max-width:760px){.depo-2col{grid-template-columns:1fr}}

/* Página de avaliações */
.aval-topo{background:var(--fundo-3);padding-block:clamp(48px,7vw,80px) clamp(32px,5vw,52px)}
.aval-topo .wrap{display:flex;flex-direction:column;gap:14px}
.aval-h1{font-size:clamp(2.6rem,6vw,4.4rem);color:var(--texto)}
.aval-abas{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.aval-abas a{padding:.7em 1.3em;border-radius:999px;border:1px solid rgba(239,229,218,.35);color:var(--texto);text-decoration:none;font-weight:600;font-size:.92rem}
.aval-abas a:hover{background:rgba(239,229,218,.1)}
.aval-area{background:var(--fundo-1)}
.aval-alt{background:var(--fundo-2)}
.aval-cab{display:flex;align-items:baseline;gap:14px;margin-bottom:clamp(24px,4vw,36px)}
.aval-cab h2{font-size:clamp(2rem,4.4vw,3rem);color:var(--texto)}
.aval-area .depo-cards blockquote{margin:0;background:rgba(239,229,218,.05);border:1px solid var(--linha);border-radius:8px;padding:clamp(22px,3vw,30px);display:flex;flex-direction:column;gap:14px;min-width:0}

/* Chamada para avaliações na home */
.aval-chamada{margin-top:clamp(40px,6vw,64px);display:flex;align-items:center;gap:18px;padding:clamp(20px,3vw,28px);border-radius:10px;border:1px solid rgba(201,162,124,.35);background:rgba(239,229,218,.04);text-decoration:none;color:var(--texto);transition:background .2s}
.aval-chamada:hover{background:rgba(239,229,218,.08)}
.aval-chamada:focus-visible{outline:2px solid var(--dourado);outline-offset:3px}
.aval-estrelas{color:var(--dourado);font-size:1.2rem;letter-spacing:.1em;flex:none}
.aval-txt{display:flex;flex-direction:column;flex:1;min-width:0}
.aval-txt b{font-family:var(--display);font-size:1.6rem;font-weight:600}
.aval-txt span{color:var(--texto-suave);font-size:.95rem}
.aval-chamada>svg{width:24px;height:24px;flex:none;color:var(--dourado)}
@media (max-width:560px){.aval-chamada{flex-wrap:wrap}.aval-estrelas{width:100%}}
.link-avaliacoes{display:inline-flex;align-items:center;gap:8px;color:var(--rose);font-weight:600;text-decoration:none}
.link-avaliacoes svg{width:18px;height:18px}

/* ===== Polimento visual ===== */
.modal[hidden],[hidden]{display:none!important}
/* faixas viram o título de cada parte */
.parte-faixa .wrap{align-items:baseline;gap:18px;padding-block:clamp(40px,6vw,64px) 0}
.parte-num{font-size:clamp(1.4rem,2.4vw,1.8rem)}
.parte-nome{font-family:var(--display);font-size:clamp(2.4rem,5.4vw,3.8rem);font-weight:600;letter-spacing:0;text-transform:none;color:var(--texto);line-height:1.05}
.parte-faixa + section{padding-top:clamp(14px,2vw,22px)}
.secao-sub{font-family:var(--display);font-style:italic;font-size:clamp(1.25rem,2.2vw,1.5rem);color:var(--rose);margin:0}
.palestras .cabeca{margin-bottom:clamp(24px,4vw,40px)}
.livros-topo{align-items:center}
/* 3 cards cabem inteiros no computador */
@media (min-width:821px){.livro-card{flex:0 0 calc((100% - 48px)/3)}}
.livro-card{transition:transform .25s,border-color .25s}
.livro-card:hover{transform:translateY(-4px);border-color:rgba(201,162,124,.4)}
.livro-card .btn{margin-top:auto}
/* respiro entre partes */
.secao{padding-block:clamp(48px,7vw,96px)}
@media (prefers-reduced-motion:reduce){.livro-card{transition:none}.livro-card:hover{transform:none}}

/* ===== Organização ===== */
.pal-extra{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(14px,2.5vw,24px);margin-top:clamp(18px,3vw,28px)}
.destaque-bf{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:clamp(20px,3vw,30px);border-radius:10px;border:1px solid var(--linha);background:rgba(239,229,218,.04);text-decoration:none;color:var(--texto);transition:background .2s,border-color .2s}
.destaque-bf:hover{background:rgba(239,229,218,.08);border-color:rgba(201,162,124,.4)}
.destaque-bf:focus-visible{outline:2px solid var(--dourado);outline-offset:3px}
.destaque-bf strong{font-family:var(--display);font-size:clamp(1.8rem,3.4vw,2.4rem);font-weight:600;line-height:1.1}
.bf-link{display:inline-flex;align-items:center;gap:8px;color:var(--rose);font-weight:600}
.bf-link svg{width:24px;height:24px;color:var(--dourado)}
.pal-acao{margin-top:clamp(20px,3vw,28px)}
.palestras .locais{margin:0}
@media (max-width:820px){.pal-extra{grid-template-columns:1fr}}

.quem-duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2.5vw,24px);margin-top:clamp(40px,6vw,64px);align-items:stretch}
.quem-duo .quem-familia,.quem-duo .clinica{margin:0}
.quem-duo .quem-familia img{height:100%;aspect-ratio:auto;min-height:320px}
.quem-duo .clinica{grid-template-columns:1fr}
.quem-duo .clinica>img{aspect-ratio:16/9;min-height:0;height:auto}
@media (max-width:820px){.quem-duo{grid-template-columns:1fr}.quem-duo .quem-familia img{aspect-ratio:3/2;min-height:0}}

.aval-faixa{background:var(--fundo-1);padding-block:clamp(32px,5vw,56px)}
.aval-faixa .aval-chamada{margin-top:0}
.aval-sub{margin:-14px 0 clamp(22px,3vw,32px)}
.galeria{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,2vw,18px)}
.galeria figure{margin:0;border-radius:8px;overflow:hidden;border:1px solid var(--linha)}
.galeria img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 25%}
@media (max-width:700px){.galeria{grid-template-columns:1fr 1fr}.galeria figure:first-child{grid-column:1/-1}.galeria figure:first-child img{aspect-ratio:4/3}}

/* Bandeira EUA no Breaking Fast */
.bf-topo{display:flex;align-items:center;gap:10px}
.bandeira-eua{width:34px;height:auto;border-radius:3px;box-shadow:0 2px 6px rgba(0,0,0,.4);flex:none}
.destaque-bf{border-color:rgba(201,162,124,.35);background:linear-gradient(135deg,rgba(60,59,110,.22),rgba(178,34,52,.14))}
/* topo: imagem nunca maior que a resolução real */
.hero-foto{max-width:960px}

/* Bio e contato da Clínica Life */
.clinica-bio{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.clinica-bio li{position:relative;padding-left:18px;color:var(--texto-suave)}
.clinica-bio li::before{content:"";position:absolute;left:0;top:.65em;width:8px;height:8px;border-radius:50%;background:#6E9A7E}
.clinica-fone{color:var(--texto-suave);font-size:.95rem}
.clinica-fone b{color:var(--texto);font-variant-numeric:tabular-nums;user-select:all}
.clinica-botoes{display:flex;flex-wrap:wrap;gap:10px}
.clinica-botoes .btn svg{width:18px;height:18px}
.clinica-site{font-size:.85rem;color:var(--rose);text-decoration:underline;text-underline-offset:3px;word-break:break-all}

/* Instituto FD na home */
.ifd{margin-top:clamp(14px,2.5vw,24px);display:grid;grid-template-columns:1fr 1fr;border-radius:10px;overflow:hidden;border:1px solid rgba(201,162,124,.3);background:linear-gradient(135deg,rgba(122,34,50,.4),rgba(36,19,15,.6))}
.ifd-fotos{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.ifd-fotos img{width:100%;height:100%;min-height:300px;object-fit:cover;object-position:50% 25%}
.ifd-texto{padding:clamp(22px,4vw,40px);display:flex;flex-direction:column;gap:12px;justify-content:center;min-width:0}
.ifd-texto h3{font-size:clamp(1.8rem,3.4vw,2.4rem);color:var(--texto)}
.ifd-texto p{color:var(--texto-suave)}
.ifd-texto b{color:var(--texto);font-weight:600}
@media (max-width:820px){.ifd{grid-template-columns:1fr}.ifd-fotos img{min-height:0;aspect-ratio:3/4}}

/* Família e clínica empilhadas, cards esticados */
.quem-pilha{display:flex;flex-direction:column;gap:clamp(14px,2.5vw,24px);margin-top:clamp(40px,6vw,64px)}
.quem-pilha .quem-familia{margin:0}
.quem-pilha .quem-familia img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;display:block}
.quem-pilha .clinica{margin:0;grid-template-columns:1.1fr .9fr}
.quem-pilha .clinica>img{height:100%;min-height:300px;aspect-ratio:auto}
@media (max-width:820px){.quem-pilha .clinica{grid-template-columns:1fr}.quem-pilha .clinica>img{min-height:0;aspect-ratio:16/9}}

/* Topo da página de avaliações */
.aval-hero{background:radial-gradient(ellipse at 80% 30%,rgba(122,34,50,.55),transparent 60%),var(--fundo-3);padding-block:clamp(48px,7vw,88px)}
.aval-hero .wrap{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(28px,5vw,64px);align-items:center}
.aval-hero-texto{display:flex;flex-direction:column;gap:16px;min-width:0}
.aval-hero .aval-estrelas{font-size:1.4rem}
.aval-hero .aval-h1{font-size:clamp(2.8rem,6.4vw,4.8rem);line-height:1.02}
.aval-hero-foto{margin:0;justify-self:end;width:min(100%,340px);border-radius:200px 200px 10px 10px;overflow:hidden;border:1px solid rgba(201,162,124,.4);box-shadow:0 30px 60px rgba(0,0,0,.45)}
.aval-hero-foto img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 15%}
@media (max-width:760px){.aval-hero .wrap{grid-template-columns:1fr}.aval-hero-foto{order:-1;justify-self:center;width:min(70%,260px)}}
.depoimentos{scroll-margin-top:70px}
.clinica>img,.quem-pilha .clinica>img{object-position:28% 50%}
.videos-pagina{max-width:none;grid-template-columns:repeat(4,1fr)}
@media (max-width:820px){.videos-pagina{grid-template-columns:1fr 1fr}}
.sup-foto-capa{max-width:420px;justify-self:center}
.sup-foto-capa img{aspect-ratio:4/5;object-position:50% 0}

/* Carrossel de avaliações */
.avaliacoes{background:var(--fundo-3)}
.parte-faixa:has(+ .avaliacoes){background:var(--fundo-3)}
.aval-track{align-items:stretch}
.aval-card{flex:0 0 min(420px,86%);scroll-snap-align:start;margin:0;display:flex;flex-direction:column;gap:14px;padding:clamp(22px,3vw,32px);border-radius:10px;border:1px solid var(--linha);background:rgba(239,229,218,.05)}
@media (min-width:821px){.aval-card{flex-basis:calc((100% - 48px)/3)}}
.aval-card .aspas{font-family:var(--display);font-size:4rem;line-height:.6;color:var(--rose);height:28px}
.aval-card p{font-family:var(--display);font-style:italic;font-size:1.22rem;line-height:1.5;color:var(--texto)}
.aval-card cite{margin-top:auto;font-style:normal;font-size:.85rem;font-weight:600;color:var(--rose)}
.avaliacoes .aval-estrelas{font-style:normal;font-size:1rem;margin-right:6px}

/* Supervisão: fundo vinho igual ao da capa, foto fundida no fundo */
.sup-intro:has(.sup-foto-capa){background:radial-gradient(ellipse 70% 90% at 75% 45%,#5a0d1d 0%,#3a0612 45%,#1d0108 100%)}
.sup-foto-capa{border-radius:0;box-shadow:none;border:0;overflow:visible;max-width:460px}
.sup-foto-capa img{border-radius:0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%,#000 96%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%,#000 96%,transparent 100%);
  mask-composite:intersect}
.sup-intro:has(.sup-foto-capa){background:radial-gradient(ellipse 80% 100% at 75% 45%,#33060f 0%,#26030b 55%,#1d0108 100%)}