/* FleboCurso · landing de curso online do Phlebology PRO (laser-transdermico-online.html).
   Base: css/style.css (cores, fontes, botões, topo .ins-page, barra fixa .ins-fixo). Aqui só o que é desta página.
   Mudou este arquivo? Suba o ?v= dele na página (o /css/* fica um ano no cache do navegador). */

/* Topo: fatos do curso abaixo da descrição */
.co-fatos{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.co-fatos li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:14px}
.co-fatos svg{flex:none;color:#FF2929}

/* Cartão da direita (mesmo visual do formulário das páginas de inscrição) */
/* .sel é o resumo do curso; o style.css pinta de branco porque lá ele fica sobre o azul. Aqui fica no cartão branco. */
.co-card .co-sel{background:var(--bg);border:1px solid #E3E8F1;border-radius:16px;margin:0 0 22px;padding:18px 20px;color:var(--ink)}
.co-card .co-sel .tag{margin:0 0 10px;color:var(--navy);border-color:var(--navy)}
.co-sel h3{font-family:var(--font-body);font-size:16px;font-weight:700;color:var(--navy);margin:0 0 12px}
.co-card .co-sel dl>div{border-left-color:#D5DCEC}
.co-card .co-sel dt{color:#69758A}
.co-card .co-sel dd{color:var(--navy)}
.co-card .btn--block{min-height:44px}
/* Preço (igual ao do checkout da Hotmart) */
.co-preco{margin:0 0 18px;text-align:center}
.co-preco-parc{font-family:var(--font-title);font-weight:200;font-size:22px;color:var(--navy);line-height:1.2;text-transform:uppercase}
.co-preco-parc b{font-weight:800;color:var(--red)}
.co-preco-vista{font-size:15px;color:var(--ink);margin-top:4px}
.co-preco-nota{font-size:11px;line-height:1.45;color:#69758A;text-align:center;margin-top:10px}
.co-card .note{text-align:center;margin-top:14px}

/* O que o curso ensina + Para quem é */
.co-sobre{padding:80px 0 16px}
.co-sobre .wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:56px;align-items:start}
.co-sobre h2{font-size:clamp(24px,3vw,34px);font-weight:200;color:var(--navy);margin:10px 0 18px}
.co-sobre h2 b{font-weight:800;color:var(--red)}
.co-sobre-tx p:not(.eyebrow){font-size:16px;line-height:1.65;margin-bottom:14px}
.co-quem{position:relative;overflow:hidden;background:radial-gradient(70% 70% at 100% 100%,rgba(30,79,168,.55),rgba(30,79,168,0)),var(--navy);color:#fff;border-radius:22px;padding:30px 28px;box-shadow:0 30px 60px -30px rgba(1,27,71,.6)}
.co-quem .j-ic{background:rgba(255,255,255,.1);color:#fff}
.co-quem h3{font-family:var(--font-title);font-weight:800;font-size:16px;letter-spacing:.04em;text-transform:uppercase;margin:16px 0 10px}
.co-quem p{color:#C6D0E0;font-size:16px;line-height:1.55}

/* O aluno sai sabendo */
.co-saber{padding:56px 0 72px}
.co-saberes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.co-saberes li{display:flex;gap:14px;align-items:flex-start;background:var(--bg);border:1px solid #E3E8F1;border-radius:18px;padding:20px 22px}
.co-saberes .j-ic{background:#fff;color:var(--red)}
.co-saberes p{color:#132441;font-size:15px;line-height:1.5;margin-top:7px}
.co-saberes b{color:var(--navy)}

/* Conteúdo do curso (sumário de aulas) */
.co-aulas-sec{background:var(--bg);padding:72px 0}
.co-aulas-sec .wrap{max-width:920px}
.co-h{font-size:clamp(22px,2.6vw,30px);color:var(--navy);margin:0 0 24px}
.co-mod{background:#fff;border:1px solid #E3E8F1;border-radius:20px;overflow:hidden;box-shadow:0 14px 34px -26px rgba(1,27,71,.45)}
.co-mod+.co-mod{margin-top:18px}
.co-mod-h{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--navy);color:#fff;padding:18px 24px;border-top:4px solid var(--red)}
.co-mod-h h3{font-family:var(--font-title);font-weight:800;font-size:15px;letter-spacing:.03em;text-transform:uppercase}
.co-mod-h span{font-size:13px;color:#C6D0E0;white-space:nowrap}
.co-aulas{list-style:none;margin:0;padding:0}
.co-aulas li{display:flex;gap:16px;align-items:baseline;padding:13px 24px;color:#132441;font-size:15px;line-height:1.45;border-top:1px solid #EEF1F6}
.co-aulas li:first-child{border-top:0}
.co-aulas li:nth-child(even){background:#F8FAFD}
.co-n{flex:none;min-width:36px;font-family:var(--font-title);font-weight:800;font-size:13px;color:var(--red)}

/* Chamada final */
.co-cta{position:relative;overflow:hidden;background:radial-gradient(60% 90% at 85% 10%,rgba(30,79,168,.55),rgba(30,79,168,0)),var(--navy);color:#fff;text-align:center;padding:84px 0}
.co-cta::before{content:"FLEBO";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--font-title);font-weight:900;font-size:min(30vw,420px);line-height:1;color:rgba(255,255,255,.035);pointer-events:none;white-space:nowrap}
.co-cta .wrap{position:relative}
.co-cta .eyebrow{color:#ff6b6b}
.co-cta h2{font-size:clamp(24px,3.4vw,40px);font-weight:200;max-width:820px;margin:12px auto 16px}
.co-cta h2 b{font-weight:800;color:#FF2929}
.co-cta p{color:#C6D0E0;max-width:620px;margin:0 auto 26px}
.co-cta .btn{min-height:44px}
.co-cta .co-cta-preco{color:#fff;font-size:17px;margin-top:-12px}
.co-cta .co-cta-preco b{color:#fff}
.co-cta .ins-wa{color:#C6D0E0;margin-top:18px}
.co-cta .ins-wa b{color:#fff}
.co-cta .co-presencial{margin:28px auto 0;font-size:14px}
.co-presencial a{display:inline-block;padding:10px 0;color:#fff;text-decoration:underline;text-underline-offset:3px}
.co-presencial a:focus-visible{outline:3px solid #ffbf47;outline-offset:3px}

@media (max-width:900px){
  .co-sobre{padding:56px 0 8px}
  .co-sobre .wrap{grid-template-columns:minmax(0,1fr);gap:28px}
  .co-saber{padding:48px 0 56px}
  .co-saberes{grid-template-columns:minmax(0,1fr)}
  .co-aulas-sec{padding:56px 0}
  .co-mod-h{padding:16px 18px}
  .co-aulas li{padding:12px 18px;font-size:14px;gap:12px}
  .co-cta{padding:64px 0}
}
@media (prefers-reduced-motion:reduce){.co-page .btn,.co-page .btn i{transition:none}}