/* Cards de boas-vindas (cadastro e painel) e barra de credibilidade (painel). */

.card-boas-vindas { position: relative; background: linear-gradient(135deg, #ffffff, #f5f3ff); border: 1px solid #c4b5fd; border-radius: 22px; padding: 22px 52px 22px 24px; margin-bottom: 20px; display: flex; gap: 16px; align-items: flex-start; box-shadow: 0 12px 30px rgba(139,92,246,0.12); animation: bvEntra 0.45s cubic-bezier(.22, 1, .36, 1); text-align: left; }
.card-boas-vindas[hidden] { display: none; }
.card-boas-vindas.sem-fechar { padding-right: 24px; }
.card-boas-vindas .bv-icone { width: 52px; height: 52px; border-radius: 16px; background: linear-gradient(135deg, var(--lilas), var(--lilas-escuro)); color: white; display: flex; justify-content: center; align-items: center; font-size: 22px; flex-shrink: 0; }
.card-boas-vindas.no-ar .bv-icone { background: linear-gradient(135deg, #10b981, #059669); }
.card-boas-vindas .bv-corpo { flex: 1; min-width: 0; }
.card-boas-vindas h2 { font-size: 19px; font-weight: 900; margin: 0 0 6px; color: var(--preto-fonte, #1f1f1f); overflow-wrap: anywhere; }
.card-boas-vindas p { font-size: 14px; color: var(--cinza-fonte); font-weight: 700; line-height: 1.6; margin: 0; white-space: pre-line; overflow-wrap: anywhere; }
.card-boas-vindas .bv-fechar { position: absolute; top: 10px; right: 10px; width: 36px; height: 36px; border-radius: 50%; border: none; background: rgba(255,255,255,0.7); color: #64748b; font-family: inherit; font-size: 26px; font-weight: 700; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.card-boas-vindas .bv-fechar[hidden] { display: none; }
.card-boas-vindas .bv-fechar:hover, .card-boas-vindas .bv-fechar:focus-visible { background: #ede9fe; color: var(--lilas-escuro); }
@keyframes bvEntra { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.credibilidade { background: white; border: 1px solid #ede9fe; border-radius: 22px; padding: 22px 24px; margin-bottom: 20px; box-shadow: 0 8px 24px rgba(139,92,246,0.06); }
.credibilidade[hidden] { display: none; }
.credibilidade .cred-topo { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.credibilidade h3 { font-size: 16px; font-weight: 900; margin: 0; }
.credibilidade .cred-nivel { font-size: 13px; font-weight: 900; color: var(--lilas-escuro); }
.credibilidade .cred-nivel strong { font-size: 22px; margin-right: 6px; }
.credibilidade .cred-barra { height: 12px; background: #f1f0fb; border-radius: 99px; overflow: hidden; margin: 12px 0 8px; }
.credibilidade .cred-barra span { display: block; height: 100%; border-radius: 99px; background: linear-gradient(90deg, #a78bfa, var(--lilas-escuro)); transition: width 0.8s cubic-bezier(.22, 1, .36, 1); }
.credibilidade.forte .cred-barra span { background: linear-gradient(90deg, #34d399, #059669); }
.credibilidade .cred-detalhes summary { cursor: pointer; font-size: 13.5px; font-weight: 900; color: var(--lilas-escuro); list-style: none; display: inline-flex; align-items: center; gap: 6px; }
.credibilidade .cred-detalhes summary::-webkit-details-marker { display: none; }
.credibilidade .cred-detalhes summary::after { content: '▾'; transition: transform 0.2s; }
.credibilidade .cred-detalhes[open] summary::after { transform: rotate(180deg); }
.credibilidade .cred-detalhes ul { margin-top: 12px; }
.credibilidade .cred-sub { font-size: 13px; color: var(--cinza-fonte); font-weight: 700; line-height: 1.5; margin: 0 0 10px; }
.credibilidade ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.credibilidade li { display: flex; align-items: center; gap: 10px; font-size: 13.5px; font-weight: 800; }
.credibilidade li .cred-marca { width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; flex-shrink: 0; border: 2px solid #d4d4f5; color: transparent; }
.credibilidade li.feito { color: var(--cinza-azulado); }
.credibilidade li.feito .cred-marca { background: #10b981; border-color: #10b981; color: white; }
.credibilidade li.andamento .cred-marca { border-color: #fbbf24; color: #b45309; }
.credibilidade li .cred-nome { flex: 1; min-width: 0; }
.credibilidade li .cred-dica { display: block; font-size: 12px; font-weight: 700; color: var(--cinza-fonte); }
.credibilidade li button { border: none; background: #f5f3ff; color: var(--lilas-escuro); font-family: inherit; font-size: 12.5px; font-weight: 900; padding: 7px 12px; border-radius: 99px; cursor: pointer; flex-shrink: 0; }
.credibilidade li button:hover, .credibilidade li button:focus-visible { background: #ede9fe; }

@media (prefers-reduced-motion: reduce) {
  .card-boas-vindas { animation: none; }
  .credibilidade .cred-barra span { transition: none; }
}
@media (max-width: 600px) {
  .card-boas-vindas { padding: 18px 46px 18px 18px; gap: 12px; }
  .card-boas-vindas.sem-fechar { padding-right: 18px; }
  .card-boas-vindas .bv-icone { width: 44px; height: 44px; font-size: 19px; }
  .card-boas-vindas h2 { font-size: 17px; }
  .credibilidade { padding: 18px; }
}