/* ── Cartão de serviço ─────────────────────────────────────────────────── */
.servico-cartao { display: flex; flex-direction: column; height: 100%; }
.servico-icone {
    width: 56px; height: 56px; border-radius: var(--raio);
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, var(--azul-institucional), var(--azul-accent));
    color: var(--branco); margin-bottom: 1.1rem; font-size: 1.6rem;
}
.servico-cartao h3 { margin-bottom: 0.5rem; }
.servico-cartao p { color: var(--cinza-600); flex-grow: 1; }
.servico-cartao .btn { margin-top: 1rem; align-self: flex-start; }

/* ── Cartão de plano de hospedagem ────────────────────────────────────── */
.plano-cartao { text-align: center; position: relative; }
.plano-cartao.destaque { border-color: var(--azul-accent); border-width: 2px; transform: scale(1.03); }
.plano-selo { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: var(--azul-accent); color: var(--branco); padding: 0.25rem 0.9rem; border-radius: 999px; font-size: 0.75rem; font-weight: 700; }
.plano-preco { font-size: 2.2rem; font-weight: 800; color: var(--azul-marinho); margin: 0.5rem 0; }
.plano-preco span { font-size: 0.95rem; font-weight: 500; color: var(--cinza-600); }
.plano-lista { list-style: none; padding: 0; margin: 1.5rem 0; text-align: left; }
.plano-lista li { padding: 0.4rem 0; display: flex; gap: 0.5rem; align-items: flex-start; font-size: 0.92rem; }
.plano-lista li::before { content: "✓"; color: var(--sucesso); font-weight: 800; }

/* ── Botão WhatsApp flutuante ─────────────────────────────────────────── */
.whatsapp-botao {
    position: fixed; right: 1.5rem; bottom: 1.5rem; z-index: 200;
    width: 58px; height: 58px; border-radius: 50%;
    background: #25d366; display: flex; align-items: center; justify-content: center;
    box-shadow: 0 8px 24px rgba(0,0,0,0.25);
    animation: whatsapp-pulso 2.4s ease-in-out infinite;
}
.whatsapp-botao svg { width: 30px; height: 30px; fill: #fff; }
@keyframes whatsapp-pulso {
    0%, 100% { box-shadow: 0 8px 24px rgba(0,0,0,0.25), 0 0 0 0 rgba(37, 211, 102, 0.5); }
    50% { box-shadow: 0 8px 24px rgba(0,0,0,0.25), 0 0 0 10px rgba(37, 211, 102, 0); }
}
@media (prefers-reduced-motion: reduce) { .whatsapp-botao { animation: none; } }

/* ── Cartão genérico do painel do cliente/admin ───────────────────────── */
.painel-topo { background: linear-gradient(135deg, var(--preto), var(--azul-marinho-2)); color: var(--branco); padding: 2.5rem 0; }
.painel-topo h1 { color: var(--branco); margin-bottom: 0.3rem; }
.painel-menu { display: flex; gap: 0.5rem; flex-wrap: wrap; margin: 1.5rem 0 2.5rem; }
.painel-menu a { padding: 0.55rem 1.1rem; border-radius: var(--raio); background: var(--cinza-100); color: var(--cinza-800); font-weight: 600; font-size: 0.9rem; }
.painel-menu a.ativo, .painel-menu a:hover { background: var(--azul-accent); color: var(--branco); text-decoration: none; }
.stat-cartao { text-align: center; }
.stat-cartao .numero { font-size: 2.1rem; font-weight: 800; color: var(--azul-accent); }
.stat-cartao .rotulo { color: var(--cinza-600); font-size: 0.85rem; }