/* Fases do Programa - SCIRAS 3.0 · Opção B (mini-cards com ícone) */
.phase-list{display:flex;flex-direction:column;gap:14px}

.phase-card{display:grid;grid-template-columns:280px 1fr;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#fff}
@media(max-width:820px){.phase-card{grid-template-columns:1fr}}

.phase-left{background:linear-gradient(150deg,var(--purple),var(--violet));padding:28px 24px;color:#fff}
.phase-num{font-family:var(--disp);font-size:52px;line-height:1;color:var(--gold-bright);opacity:.85}
.phase-name{font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-top:6px;line-height:1.25}
.phase-weeks{font-size:11.5px;color:#cbb8f0;letter-spacing:.08em;margin-top:6px;text-transform:uppercase}
.phase-obj{margin-top:16px;font-size:13.5px;font-style:italic;color:var(--gold-bright);line-height:1.45;
  border-left:3px solid var(--gold);padding-left:12px}

/* painel direito */
.phase-right{padding:24px 22px}

/* grade de mini-cards */
.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
@media(max-width:600px){.topic-grid{grid-template-columns:1fr}}

.topic-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;
  padding:11px 13px;display:flex;gap:10px;align-items:center;
  transition:border-color .22s,background .22s,box-shadow .22s}
.topic-card:hover{border-color:var(--violet);background:#fff;box-shadow:0 4px 14px rgba(91,15,158,.1)}
.topic-card.wide{grid-column:1/-1}

.topic-icon{width:32px;height:32px;border-radius:8px;flex-shrink:0;
  background:linear-gradient(135deg,var(--violet),var(--purple));
  display:grid;place-items:center}
.topic-icon svg{stroke:#fff;display:block}

.topic-label{font-size:12.5px;font-weight:700;color:var(--ink);line-height:1.3}

/* Fase 5 - destaque premium */
.phase-card.premium .phase-left{background:linear-gradient(150deg,#130830,var(--purple))}
.phase-card.premium .phase-right{background:var(--bg-soft)}
.phase-card.premium .topic-card{background:#fff}
.phase-card.premium .topic-card:hover{background:var(--bg-soft)}

.phase-diferencial{display:inline-block;
  background:linear-gradient(135deg,var(--gold-bright),var(--bronze));
  color:var(--navy);font-size:11px;font-weight:800;letter-spacing:.08em;
  padding:6px 14px;border-radius:20px;margin-top:16px}