/* Talk Forward: ajustes sobre o modelo de site (ME) */
.escura,.hero{--cor-destaque:#8BB1CE}
.hero{background:radial-gradient(120% 90% at 85% 10%,#2E5878 0%,var(--cor-primaria) 55%)}
.escura{background:var(--cor-primaria)}
.btn{color:#fff;background:#0D15EA;box-shadow:0 8px 28px rgba(13,21,234,.28)}
.hero .btn,.escura .btn,.topo .btn{background:#fff;color:#0D15EA;box-shadow:0 8px 28px rgba(0,0,0,.25)}
.consent button{background:#0D15EA;color:#fff}
h1,h2,h3,.valor{font-family:var(--fonte-titulo);letter-spacing:-.02em}
.hero h1{font-weight:800;max-width:20ch}
.hero .eyebrow,.escura .eyebrow{color:#8BB1CE}
.logo-tf{display:inline-flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none}
.logo-tf img{flex:none;width:46px;height:46px;border-radius:50%;background:#fff;padding:2px}
.logo-tf b{display:block;font-family:var(--fonte-titulo);font-weight:800;font-size:1.2rem;letter-spacing:-.02em;line-height:1}
.logo-tf i{display:block;font-style:normal;font-size:.72rem;color:#8BB1CE;margin-top:.2rem}
.sobre-clara .logo-tf{color:var(--cor-primaria)}
.dest-ic{background:#0D15EA;color:#fff}
.dores .dest-ic{background:var(--cor-primaria);color:#8BB1CE}
.dest-ic b{background:#8BB1CE;color:var(--cor-primaria)}
.tag-ai{background:#0D15EA;color:#fff}
.hc-ai img{border-color:#8BB1CE;object-position:50% 30%}
.hero-comp .ponto{background:#8BB1CE;box-shadow:0 0 0 6px rgba(139,177,206,.3)}
.hero-comp .arco{object-position:50% 20%;background:#DBEDFA}
.aula-foto,.virada-foto{box-shadow:0 0 0 3px #8BB1CE,var(--sombra)}
.aula-foto img{aspect-ratio:900/507}
.foto-prof img,.ai-foto img{border-color:#8BB1CE}
.numeros div{background:var(--cor-primaria)}
.numeros b{color:#8BB1CE}
.trilha .num{background:#0D15EA;color:#fff}
.seta{color:#0D15EA}
.preco{border-color:#0D15EA}
.garantia .escudo{background:#0D15EA;color:#fff}
.virada .destaque{color:#8BB1CE;border-top-color:#8BB1CE}
.final .assin{color:#8BB1CE}
.extras div{background:var(--cor-primaria)}
.extras strong{color:#8BB1CE}
.card::before{color:#0D15EA}
.depo blockquote::before{color:#0D15EA}
.dores{background:#EEF6FC}
.destaques:not(.dores)[aria-labelledby="dest"]{background:#EEF6FC}
.depos,.comunidade{background:#DBEDFA}
.ph-body{background:linear-gradient(180deg,#fff 0%,#EEF6FC 100%)}
.ph-chip{background:#DBEDFA;color:#0D15EA}
.ph-wave span{background:#8BB1CE}
.ph-bubble{background:#1A3850}
.ph-duda b,.ph-kicker{color:#0D15EA}
.ph-bar{background:#DBEDFA}.ph-bar i{background:#0D15EA}
.ph-mic{background:#0D15EA;box-shadow:0 0 0 7px rgba(13,21,234,.15)}
/* módulos */
.mod-grade{display:grid;gap:1rem;margin-top:2rem}
.mod-card{background:var(--cor-escura);border:1px solid #375168;border-radius:18px;padding:1.4rem;transition:transform .2s,border-color .2s}
.mod-card:hover{transform:translateY(-3px);border-color:#8BB1CE}
.mod-ic{display:grid;place-items:center;width:3rem;height:3rem;border-radius:14px;background:#0D15EA;color:#fff;margin-bottom:.9rem}
.mod-ic svg{width:1.5rem;height:1.5rem}
.mod-l{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8BB1CE}
.mod-card h3{color:#fff;font-size:1.2rem;margin:.25rem 0 0}
.sim .mod-card p{color:#C9DCEB;margin:.45rem 0 0;font-size:.95rem}
.sim .mod-card .mod-ent{color:#fff;font-size:.88rem;border-top:1px dashed #375168;padding-top:.6rem;margin-top:.8rem}
.mod-ent b{color:#8BB1CE}
.sim .mod-nota{margin:1.6rem 0;color:#C9DCEB;max-width:70ch}
/* diagnóstico */
.diag-grade{display:grid;gap:2rem;align-items:start}
.diag p{color:#C9DCEB}
.diag-form{background:#fff;color:var(--cor-texto);border-radius:20px;padding:clamp(1.2rem,4vw,2rem);box-shadow:0 20px 60px rgba(0,0,0,.3)}
.diag-form .campos{display:grid;gap:.8rem;margin-bottom:1.2rem}
.diag-form label{display:flex;flex-direction:column;gap:.3rem;font-weight:600;font-size:.9rem;color:var(--cor-primaria)}
.diag-form input:not([type=radio]):not([type=checkbox]){font:inherit;padding:.75rem .9rem;border:1.5px solid #D3D4D3;border-radius:10px}
.diag-form input:focus-visible{outline:3px solid #0D15EA;outline-offset:1px}
.diag-form fieldset{border:0;padding:0;margin:0 0 1.1rem}
.diag-form legend{font-weight:700;color:var(--cor-primaria);margin-bottom:.5rem;font-family:var(--fonte-titulo)}
.diag-form legend small{font-weight:500;color:var(--cor-texto-suave)}
.diag-form .op{flex-direction:row;align-items:center;gap:.6rem;font-weight:500;color:var(--cor-texto);padding:.55rem .8rem;border:1.5px solid #D3D4D3;border-radius:10px;margin-bottom:.4rem;cursor:pointer}
.diag-form .op:has(input:checked){border-color:#0D15EA;background:#EEF6FC}
.diag-form .op input{accent-color:#0D15EA;width:1.1rem;height:1.1rem}
.diag-form .btn{width:100%;margin-top:.4rem}
.diag-form .micro{color:var(--cor-texto-suave);margin-top:.8rem}
.form-erro{color:#B42318;font-weight:600}
@media(min-width:700px){.mod-grade{grid-template-columns:1fr 1fr}.diag-form .campos{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.mod-grade{grid-template-columns:repeat(3,1fr)}.diag-grade{grid-template-columns:.85fr 1.15fr;gap:4rem}}
.agenda{margin-top:1.5rem;min-height:320px;display:grid;place-items:center;text-align:center;padding:1.5rem;border:2px dashed #8BB1CE;border-radius:16px;background:#EEF6FC;color:#375168}
.texto h2.h1{font-size:clamp(2rem,6vw,3rem);margin-top:.5rem}
.sobre-clara h2,.destaques h2,.aulas h2,.sobre-clara h3,.dest h3,.aulas h3,.card h3{color:var(--cor-primaria)}
.diag-form .btn{background:#0D15EA;color:#fff;box-shadow:0 8px 28px rgba(13,21,234,.28)}

/* depoimentos com video e fotos */
.depo-video{display:block;width:100%;max-width:300px;height:auto;aspect-ratio:9/16;margin:0 auto;border-radius:12px;background:#0b1220}
img.depo-foto{width:4.5rem;height:4.5rem;object-fit:cover;border:none;padding:0}
@media(min-width:760px){.depo-grade{grid-template-columns:repeat(2,1fr);grid-template-rows:auto 1fr;align-items:start}.depo-com-video{grid-row:span 2}}
.foto-prof img{aspect-ratio:auto}
.valor s.de{display:block;font-size:.5em;font-weight:600;color:var(--cor-texto-suave);text-decoration-thickness:2px;margin-bottom:.15em}
@media(max-width:480px){.logo-tf b{font-size:1rem}.logo-tf img{width:40px;height:40px}}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:480px){.so-largo{display:none}}
