/* Plataforma de Saúde — LP Hapvida Interior SP
 * Retoques visuais nossos, carregados depois do style.css do Codex (arquivo próprio: não faz parte do código gerado pelo Codex).
 * Use este arquivo só para correções pontuais que não dê tempo de pedir ao Codex. */

/* 26/09 (Pedido F): o Codex reduziu o selo "Corretora autorizada Hapvida" para 6,5 px (360-374 px) e 7,5 px (375-389 px)
 * para caber ao lado do logo, o que é ilegível. Nessas larguras o selo desce para baixo do logo, com 10 px (mesmo
 * arranjo que já vale abaixo de 360 px). A partir de 390 px o selo volta a ficar ao lado do logo (9-10 px). */
@media(min-width:360px) and (max-width:389px){
 .header .brand-group{flex-direction:column;align-items:center;gap:0}
 .header .broker-label{font-size:10px;line-height:1.1;text-align:center}
 .header-brands{gap:16px}
}

/* 08/10 (versão A): primeira dobra alinhada ao topo do formulário, bloco de identidade e linha de identidade junto ao botão. */
@media(min-width:801px){.hero{align-items:start;padding-top:44px;padding-bottom:56px}.hero-copy{padding-top:6px}}
.hero-identity{font-size:.95rem;line-height:1.5;color:var(--muted);margin:0 0 22px;max-width:520px;padding-left:14px;border-left:3px solid var(--salmon)}
.hero-identity b{color:var(--navy)}
.identity-note{font-size:.8rem;line-height:1.4;color:var(--muted);margin:10px 0 6px;text-align:center}
@media(max-width:800px){.hero-identity{display:none}}
@media(max-width:800px){.hero .lead-extra{display:none}}

/* 08/10 (ajustes do Paulo): selo da corretora maior no desktop e mais respiro entre os textos da primeira dobra. */
@media(min-width:900px){
 .header .broker-label{font-size:14px;line-height:1.3;color:var(--navy)}
 .hero-copy .eyebrow{margin-bottom:30px}
 .hero h1{margin-bottom:28px}
 .hero .lead{font-size:1.25rem;line-height:1.55;margin-bottom:32px;max-width:540px}
 .hero-identity{margin-bottom:34px;font-size:1rem}
 .hero .journey-mini{margin-top:6px}
}

/* 08/10: prova social (Google) e faixa de confiança. Mesmo padrão do site institucional: primeiro nome + inicial; nenhum nome de funcionário. */
.stars{color:#f5a623;letter-spacing:2px}
.hero-rating,.proof-rating{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);font-size:.95rem}
.hero-rating b,.proof-rating b{font-size:1.6rem;letter-spacing:-.03em}
.hero-rating{margin:26px 0 12px}
.hero-quote{margin:0;max-width:520px;padding:18px 20px;background:var(--surface);border-radius:14px}
.hero-quote blockquote{margin:0 0 10px;font-size:1rem;line-height:1.55}
.hero-quote figcaption{font-size:.875rem;color:var(--muted)}
.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.proof-card{margin:0;padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff;display:flex;flex-direction:column;gap:12px}
.proof-card blockquote{margin:0;font-size:1rem;line-height:1.6;flex:1}
.proof-card figcaption{display:flex;flex-direction:column;font-size:.875rem;color:var(--muted)}
.proof-card figcaption b{color:var(--navy);font-size:.95rem}
.proof-section .section-head{align-items:flex-end}
@media(max-width:800px){.hero-rating,.hero-quote{display:none}.proof-grid{grid-template-columns:1fr}}
@media(min-width:801px) and (max-width:1100px){.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.value-strip{display:none}}