/* === Consistência dos Planos (override) === Coloque este arquivo DEPOIS do stylemordomize.css no : */ /* Tipografia previsível e anti-serrilhado em todos os cards */ .pricing-card { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } /* Espaçamentos estáveis no topo do card (nome, preço, detalhe) */ .pricing-card .plan-name { margin-top: 0.5rem; margin-bottom: 0.75rem; line-height: 1.1; } /* Preço e prefixos (3x de / 12x de) sempre alinhados */ .pricing-card .plan-price { display: block; line-height: 1; margin-bottom: 0.75rem; font-variant-numeric: tabular-nums; /* evita "pulos" de largura entre perfis */ } /* Prefixo discreto em todos os cards */ .plan-price .installment-prefix { color: #a9adb4; font-size: 0.45em; letter-spacing: .02em; font-weight: 500; } /* Prefixo ganha contraste no card destacado (fundo roxo) */ .pricing-card.featured .plan-price .installment-prefix { color: rgba(255,255,255,.9); } /* Badge/etiqueta ("Mais Popular"/"Melhor Valor") não empurra conteúdo */ .pricing-card .badge, .pricing-card .plan-badge { position: relative; z-index: 2; } /* Botão com espaçamento consistente no fim do card */ .pricing-card .cta, .pricing-card .btn, .pricing-card .btn-primary { margin-top: 1.25rem; } /* Listas internas: mesma distância entre linhas e bullets */ .pricing-card ul { line-height: 1.5; } .pricing-card ul li { margin: .4rem 0; } /* Garante que o ícone do check não "salte" entre perfis */ .pricing-card ul li::marker, .pricing-card ul li i, .pricing-card ul li svg { vertical-align: middle; } /* Offset seguro para a âncora de planos (compensa navbar fixa) */ #planos { scroll-margin-top: 96px !important; } @media (max-width: 1024px) { #planos { scroll-margin-top: 88px !important; } } @media (max-width: 768px) { #planos { scroll-margin-top: 80px !important; } } /* Corrige card do meio (featured) que fica roxo em alguns perfis/browsers */ .pricing-card.featured{ background: var(--white) !important; border: 1px solid rgba(0,0,0,0.06) !important; border-top: 5px solid var(--primary) !important; box-shadow: var(--box-shadow) !important; }