/* Uma conta compartilhada, com um WhatsApp próprio para cada participante. */
.exp-card.exp-card--conta { padding: 26px; }
.exp-card--conta .exp-title { color: #17181b; font-weight: 600; letter-spacing: -.025em; line-height: 1.45; }
.exp-card--conta .exp-desc { color: #74747d; font-weight: 400; line-height: 1.65; }
.exp-card--conta .exp-vao--conta-ilustrada { margin: 24px 0 24px; overflow: visible; justify-content: center; pointer-events: none; }
.conta-composicao {
    width: 30.2em;
    font-size: min(calc(100cqw / 30.2), calc(100cqh / 32), 12px);
    font-family: 'Poppins', sans-serif;
    text-align: left;
    color: #292a2e;
}
.conta-composicao *, .conta-composicao *::before, .conta-composicao *::after { box-sizing: border-box; }
.conta-painel { --conta-avatar: 3.4em; --conta-intervalo: 1em; height: 32em; display: flex; flex-direction: column; padding: 0 .8em; }
.conta-cabecalho { display: flex; align-items: center; gap: var(--conta-intervalo); flex-shrink: 0; padding: 1.35em 0 1.65em; border-bottom: 1px solid #e2e3e6; }
.conta-cabecalho > img { width: var(--conta-avatar); height: var(--conta-avatar); border-radius: 50%; }
.conta-cabecalho strong { display: block; font-size: 1.4em; line-height: 1.4; font-weight: 600; letter-spacing: -.025em; }
.conta-cabecalho p { margin: .3em 0 0; color: #85858f; font-size: 1em; line-height: 1.5; }
.conta-lista-titulo { display: flex; align-items: center; justify-content: space-between; gap: 1em; padding: 1.4em 0 .4em; font-size: .94em; font-weight: 500; color: #65686a; }
.conta-total { display: grid; place-items: center; width: 1.8em; height: 1.8em; border-radius: 50%; background: rgba(255,255,255,.65); font-size: .95em; font-variant-numeric: tabular-nums; }
.conta-pessoas { flex: 1; min-height: 0; display: grid; grid-template-rows: repeat(3, 1fr); margin: 0; padding: 0; list-style: none; }
.conta-pessoa { position: relative; display: flex; align-items: center; gap: var(--conta-intervalo); min-height: 0; }
.conta-pessoa + .conta-pessoa::before { content: ''; position: absolute; top: 0; left: calc(var(--conta-avatar) + var(--conta-intervalo)); right: 0; border-top: 1px solid #e6e7ea; }
.conta-avatar { display: grid; place-items: center; flex-shrink: 0; width: var(--conta-avatar); height: var(--conta-avatar); border-radius: 50%; background: #fff; color: #646973; font-size: 1em; font-weight: 500; }
.conta-identidade { flex: 1; min-width: 0; }
.conta-nome { display: flex; align-items: center; gap: .7em; }
.conta-nome strong { font-size: 1.25em; font-weight: 600; line-height: 1.4; letter-spacing: -.015em; }
.conta-nome > span { color: #909098; font-size: .85em; }
.conta-numero { display: flex; align-items: center; gap: .45em; margin: .35em 0 0; color: #85858f; font-size: .98em; line-height: 1.4; font-variant-numeric: tabular-nums; }
.conta-whatsapp { width: 1.15em; height: 1.15em; flex-shrink: 0; fill: #668273; }
.conta-papel { flex-shrink: 0; font-size: .88em; color: #62676f; }
.conta-opcoes { flex-shrink: 0; width: 1.6em; height: 1.6em; color: #737879; }
.conta-convite { flex-shrink: 0; padding: 1.15em 0 0; border-top: 1px solid #e2e3e6; }
.conta-convidar { display: flex; align-items: center; gap: .85em; min-height: 4em; padding: .7em .95em; border: 0; border-radius: .9em; background: #fff; }
.conta-convidar > svg { width: 1.5em; height: 1.5em; color: #6b6d76; }
.conta-convidar > span { font-size: 1.1em; font-weight: 500; }
.conta-convidar > .conta-convite-icone { display: grid; place-items: center; width: 2.3em; height: 2.3em; flex-shrink: 0; border-radius: 50%; background: #25272b; color: #fff; font-size: 1em; }
.conta-convite-icone > svg { width: 1.3em; height: 1.3em; }
.conta-convite-seta { margin-left: auto; flex-shrink: 0; }
.conta-convite > p { margin: .85em 0 0; text-align: center; color: #85858f; font-size: .95em; line-height: 1.4; }
@media (max-width: 960px) {
    .exp-card.exp-card--conta { padding: 24px 20px; }
    .exp-card--conta .exp-vao--conta-ilustrada { height: clamp(310px, 90vw, 370px); margin: 16px 0 22px; }
}