/* Home enxuta: blocos que cabem numa tela de celular, 3 tamanhos de letra, um destaque por bloco.
   Título (Abril) · texto (Poppins) · etiqueta (Space Mono). Letra grossa só nos títulos. */
.enxuta{--texto-2:#3B2A55;--t-titulo:clamp(32px,3.6vw,50px);--t-texto:19px;--t-etiq:13px}

/* títulos e textos no mesmo tamanho em todos os blocos */
.enxuta main h2{font-size:var(--t-titulo);line-height:1.05;max-width:18ch;margin:0 0 18px}
.enxuta main p,.enxuta .lista-passos li{font-size:var(--t-texto);line-height:1.55}
.enxuta .lead{max-width:46ch}

/* topo um pouco mais baixo, pra próxima parte já aparecer */
.enxuta .hero{min-height:82svh}
.enxuta .hero .wrap{padding-bottom:72px}

/* a conversa */
.enxuta .conversa{padding:84px 0}
.enxuta .conversa h2{max-width:20ch}

/* dois pés esquerdos */
.enxuta .promessa{min-height:70svh}
.enxuta .promessa .wrap{padding-top:22vh;padding-bottom:64px}
.enxuta .promessa.hist p{max-width:44ch;margin:0}

/* o empurrão: lista simples, sem caixas */
.enxuta .empurrao{padding:84px 0}
.enxuta .lista-passos{list-style:none;counter-reset:passo;margin:0;padding:0;max-width:60ch;display:grid;gap:18px}
.enxuta .lista-passos li{counter-increment:passo;position:relative;padding-left:52px;color:var(--texto-2)}
.enxuta .lista-passos li::before{content:counter(passo);position:absolute;left:0;top:-.08em;font-family:var(--display);font-size:38px;line-height:1;color:var(--roxo)}
.enxuta .lista-passos b{color:var(--roxo);font-weight:700}
.enxuta .empurrao .cta-dupla{margin-top:30px}

/* quem já veio: letra normal, fácil de ler */
.enxuta .prova.fundo-foto{padding:84px 0}
.enxuta .prova h2{color:var(--creme)}
.enxuta .depos{gap:22px;max-width:640px}
.enxuta .depos blockquote{border-left:3px solid var(--neon);padding-left:18px}
.enxuta .depos p{font-family:var(--sans);font-size:var(--t-texto);line-height:1.5;margin:0 0 4px}
.enxuta .depos footer{font-family:var(--sans);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--claro-2)}

/* três jeitos: cartões lisos, só a seta chama */
.enxuta .jeitos{padding:84px 0}
.enxuta .opcoes{gap:10px}
.enxuta .opcao{box-shadow:none;border-radius:14px;padding:14px 16px 14px 18px;grid-template-areas:"tit seta" "sub seta"}
.enxuta .opcao:hover{transform:none;box-shadow:none;background:#fff}
.enxuta .jeitos .opcao .rot{display:none}
.enxuta .opcao b{font-family:var(--sans);font-weight:700;font-size:var(--t-texto);line-height:1.3;margin:0}
.enxuta .opcao small{font-size:16px;line-height:1.4}
.enxuta .opcao i{background:none;border:0;width:auto;height:auto;font-size:24px;color:var(--roxo)}
.enxuta .foto.quadrada{transform:none;border-width:6px;box-shadow:none;border-radius:14px;overflow:hidden}

/* onde fica */
.enxuta .onde.fundo-foto{padding:84px 0}
.enxuta .onde h2{color:var(--creme);margin-bottom:14px}
.enxuta .onde .end{font-family:var(--sans);font-weight:700;font-size:var(--t-texto);line-height:1.4;max-width:none;margin:0 0 6px}
.enxuta .onde p:not(.end){max-width:46ch;font-size:var(--t-texto)}

/* botões: levantam quando passa o dedo/mouse e afundam quando aperta */
.enxuta .btn{transition:transform .12s,box-shadow .12s,background .2s}
.enxuta .btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--tinta)}
.enxuta .btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--tinta)}
.enxuta .fundo-foto .btn:hover{box-shadow:6px 6px 0 var(--creme)}
.enxuta .fundo-foto .btn:active{box-shadow:0 0 0 var(--creme)}

/* rodapé mais baixo */
.enxuta .rod{padding:56px 0 28px}
.enxuta .rod .cols{padding-bottom:30px}
.enxuta .rod img{width:96px;margin-bottom:14px}

@media(max-width:760px){
  .enxuta{--t-titulo:32px;--t-texto:17px}
  .enxuta main h2{margin-bottom:14px}
  .enxuta .hero{min-height:0}
  .enxuta .hero .wrap{padding-bottom:56px}
  .enxuta .conversa,.enxuta .empurrao,.enxuta .jeitos{padding:44px 0}
  .enxuta .prova.fundo-foto,.enxuta .onde.fundo-foto{padding:48px 0}
  .enxuta .promessa{min-height:0}
  .enxuta .promessa .wrap{padding-top:300px;padding-bottom:36px}
  .enxuta .promessa.hist>img{object-position:62% 18%}
  .enxuta .promessa.hist::after{background:linear-gradient(180deg,rgba(27,16,48,0) 28%,rgba(27,16,48,.6) 52%,rgba(27,16,48,.95) 72%)}
  .enxuta .lista-passos{gap:14px}
  .enxuta .lista-passos li{padding-left:42px}
  .enxuta .lista-passos li::before{font-size:32px}
  .enxuta .empurrao .cta-dupla{margin-top:22px}
  .enxuta .depos{gap:16px}
  .enxuta .depos footer{font-size:14px}
  .enxuta .opcao small{font-size:15px}
  .enxuta .foto.quadrada{aspect-ratio:2/1;margin-top:4px}
  .enxuta .onde .cta-dupla{margin-top:20px;gap:10px}
  .enxuta .rod{padding:40px 0 24px;font-size:15px}
  .enxuta .rod .cols{gap:24px;padding-bottom:24px}
}

/* mesma letra também no bloco da foto */
.enxuta .promessa.hist h2{font-size:var(--t-titulo);max-width:16ch}
.enxuta .promessa.hist p{font-size:var(--t-texto)}

/* fotos: mostrar rosto e roda, não só as pernas */
.enxuta .foto.quadrada img{object-position:50% 22%}
.enxuta .promessa.hist>img{object-position:50% 20%}
@media(max-width:760px){
  .enxuta .foto.quadrada{aspect-ratio:16/9}
  .enxuta .promessa .wrap{padding-top:316px}
  .enxuta .promessa.hist>img{object-position:62% 14%}
}

/* destaque rosa mais leve: vira marca-texto (uma faixa atrás das letras), sem bloco nem borda.
   Chama atenção do mesmo jeito e pesa a metade. No máximo dois por página. */
.enxuta .marca{background:linear-gradient(transparent 56%,var(--rosa) 56%,var(--rosa) 94%,transparent 94%);border:0;padding:0 .1em;color:inherit}
.enxuta .hero:not(.interna) h1 .marca{white-space:nowrap}
.enxuta h1 .marca,.enxuta h2 .marca{line-height:inherit}
@media(max-width:760px){
  /* título do topo em 4 linhas certinhas, sem palavra sozinha */
  .enxuta .hero h1{font-size:clamp(32px,9.7vw,44px);max-width:none}
}
@media(max-width:760px){
  /* o topo continua com presença: a foto do bar aparece */
  .enxuta .hero{min-height:440px;align-items:flex-end}
}

/* ===== público real: 6 em cada 10 têm de 35 a 54 anos → letra um ponto maior no celular ===== */
@media(max-width:760px){
  .enxuta{--t-texto:18px}
  .enxuta .opcao small{font-size:16px}
  .enxuta .depos footer{font-size:15px}
}
.enxuta .btn{font-size:14px}
.enxuta .top .btn{font-size:12px}

/* ===== aula particular ===== */
.enxuta .hero.particular{min-height:78svh}
.enxuta .hero.particular h1{max-width:16ch}
.enxuta .hero.particular .lead{font-size:var(--t-texto);max-width:38ch;color:var(--creme)}
.enxuta .vergonha{padding:84px 0}
.enxuta .vergonha .duas{gap:64px}
.enxuta .vergonha .foto.quadrada{aspect-ratio:4/5;max-width:400px}
.enxuta .vergonha .foto.quadrada img{object-position:50% 20%}
.enxuta .pra-quem{padding:84px 0}
.enxuta .lista-simples{list-style:none;margin:0;padding:0;max-width:60ch;display:grid;gap:14px}
.enxuta .lista-simples li{font-size:var(--t-texto);line-height:1.5;color:var(--texto-2);padding-left:22px;border-left:3px solid var(--rosa)}
.enxuta .lista-simples b{color:var(--roxo);font-weight:700}
.enxuta .preco{margin-top:30px}
.enxuta .preco>div{box-shadow:none;border-radius:14px}
.enxuta .preco .mono{font-family:var(--sans);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--texto-2)}
.enxuta .preco small{font-size:15px}
.enxuta .empurrao .nota{font-size:15px}
.enxuta .faq summary{font-size:var(--t-texto)}
.enxuta .faq details{box-shadow:none}
.enxuta .faq details[open]{box-shadow:none;background:#fff}
.enxuta #duvidas{padding:84px 0}
@media(max-width:760px){
  .enxuta .hero.particular{min-height:440px}
  .enxuta .hero.particular h1{font-size:clamp(32px,9.7vw,44px)}
  .enxuta .vergonha,.enxuta .pra-quem,.enxuta #duvidas{padding:44px 0}
  .enxuta .vergonha .duas{gap:24px}
  .enxuta .vergonha .foto.quadrada{aspect-ratio:4/3;max-width:none}
  .enxuta .lista-simples li{padding-left:16px}
  .enxuta .preco{margin-top:22px}
}

/* linha pequena em cima do título (mantém a palavra-chave dentro do h1 sem pesar) */
.enxuta h1 .sobre{display:block;font-family:var(--sans);font-weight:600;font-size:var(--t-texto);line-height:1.3;letter-spacing:0;color:var(--neon);margin-bottom:10px}
.enxuta .hero.particular h1{max-width:none;font-size:clamp(44px,5.6vw,80px)}
.enxuta .vergonha .foto.quadrada{max-width:440px}
@media(max-width:760px){
  .enxuta .hero.particular h1{font-size:clamp(36px,11vw,48px)}
}


/* ===== regras gerais, pras outras páginas ===== */
/* etiquetas: somem quando só repetem o título logo abaixo; viram título quando são o título do bloco */
.enxuta .eyebrow{font-size:13px;letter-spacing:.14em;line-height:1.4;margin:0 0 12px}
.enxuta .eyebrow:has(+h1),.enxuta .eyebrow:has(+h2){display:none}
.enxuta .fundo-foto .eyebrow:has(+.end),.enxuta .fundo-foto .eyebrow:has(+.depos){font-family:var(--display);font-weight:400;font-size:var(--t-titulo);letter-spacing:-.01em;text-transform:none;line-height:1.05;color:var(--creme);margin:0 0 16px}
.enxuta .fundo-foto .end{font-family:var(--sans);font-weight:700;font-size:var(--t-texto);line-height:1.4;max-width:46ch;margin:0 0 6px;color:var(--creme)}
.enxuta .fundo-foto p:not(.end):not(.eyebrow){font-size:var(--t-texto);max-width:46ch}
.enxuta .rot{font-family:var(--sans);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;line-height:1.4}
.enxuta .nota,.enxuta .small{font-size:15px}
/* letra grossa só nos títulos grandes: título de cartão vira texto em negrito */
.enxuta main h3{font-family:var(--sans);font-weight:700;font-size:var(--t-texto);line-height:1.3;letter-spacing:0;margin:0 0 4px}
/* blocos mais baixos */
.enxuta .s{padding:84px 0}
.enxuta .fundo-foto{padding:84px 0}
.enxuta .hero.interna{min-height:66svh}
.enxuta .hero.interna .lead{font-size:var(--t-texto);color:var(--creme)}
.enxuta .head{margin-bottom:28px}
/* sem enfeite: foto reta, sem estrela, cartão sem sombra */
.enxuta .foto{transform:none!important;box-shadow:none;border-width:6px;border-radius:14px;overflow:hidden}
.enxuta .estrela{display:none}
.enxuta .formato,.enxuta .gente article,.enxuta .preco>div{box-shadow:none;border-radius:14px}
.enxuta .gente img{border:0;border-radius:8px}
.enxuta .formato .rot{color:var(--azul);margin-bottom:4px}
.enxuta .formato p,.enxuta .gente p{font-size:var(--t-texto)}
/* passos sem caixa, em lista */
.enxuta .passos{grid-template-columns:1fr;gap:16px;max-width:60ch;padding:0;margin-top:24px}
.enxuta .passo{position:relative;border:0;background:none;box-shadow:none;border-radius:0;padding:0 0 0 52px}
.enxuta .passo .num{position:absolute;left:0;top:-.06em;font-size:38px;color:var(--roxo);margin:0}
.enxuta .passo p{font-size:var(--t-texto)}
.enxuta .motivos li{font-size:var(--t-texto)}
.enxuta .motivos li b{font-size:var(--t-texto)}
/* página só de texto (privacidade) */
.enxuta .texto p{font-size:var(--t-texto)}
@media(max-width:760px){
  .enxuta .s{padding:44px 0}
  .enxuta .fundo-foto{padding:48px 0}
  .enxuta .hero.interna{min-height:400px}
  .enxuta .hero.interna h1{font-size:clamp(32px,9.7vw,44px)}
  .enxuta .passo{padding-left:42px}
  .enxuta .passo .num{font-size:32px}
  .enxuta .formato{padding:16px 18px}
  .enxuta .cta-dupla .btn{width:100%}
}
/* rosa só no topo e nos blocos de foto; nos blocos claros o título fica limpo */
.enxuta .s.papel h2 .marca,.enxuta .s:not(.roxo):not(.azul) h2 .marca{background:none;padding:0}
.enxuta .texto p,.enxuta .texto li{overflow-wrap:anywhere}