/* Home 02 — Ilustração da ficha técnica, ao lado da abertura (feita só com HTML e CSS). */
.ficha-ilustracao {
    margin: 0; border-radius: var(--raio-grande); overflow: hidden;
    background: #fff; color: var(--cor-grafite);
    box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .08);
}
.ficha-ilustracao__topo { display: flex; align-items: center; gap: 0.4rem; padding: 0.85rem 1rem; background: #F1F5F9; border-bottom: 1px solid var(--cor-borda); }
.ficha-ilustracao__ponto { width: 0.6rem; height: 0.6rem; border-radius: 50%; background: #CBD5E1; }
.ficha-ilustracao__url { margin-left: 0.75rem; padding: 0.15rem 0.75rem; border-radius: 99px; background: #fff; font-size: 0.8125rem; color: var(--cor-ardosia); }
.ficha-ilustracao__corpo { padding: 1.5rem; }
.ficha-ilustracao__rotulo { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--cor-azul); }
.ficha-ilustracao__rotulo + .ficha-ilustracao__linha { margin-top: 0.75rem; }
.ficha-ilustracao__linha { display: block; height: 0.6rem; border-radius: 99px; background: #E2E8F0; margin-bottom: 0.5rem; }
.ficha-ilustracao__linha--curta { width: 65%; margin-bottom: 1.5rem; }
.ficha-ilustracao__lista { margin: 0.75rem 0 0; border: 1px solid var(--cor-borda); border-radius: var(--raio); overflow: hidden; }
.ficha-ilustracao__lista div { display: flex; justify-content: space-between; gap: 1rem; padding: 0.7rem 1rem; font-size: 0.9375rem; }
.ficha-ilustracao__lista div + div { border-top: 1px solid var(--cor-borda); }
.ficha-ilustracao__lista dt { font-weight: 600; color: var(--cor-marinho); }
.ficha-ilustracao__lista dd { margin: 0; display: inline-flex; align-items: center; gap: 0.35rem; color: var(--cor-conversao); }
.ficha-ilustracao__lista .icone { width: 1rem; height: 1rem; }
.ficha-ilustracao figcaption { padding: 0 1.5rem 1.25rem; font-size: 0.8125rem; color: var(--cor-ardosia); }