/* Cards de preço (página de vendas e página Plano). Tons de verde por nível: Start claro, Pro médio, Business escuro. */
.precos { --p-ink: #141413; --p-ink2: #3D3D3A; --p-muted: #73726C; --p-line: #E6E3D9; --p-accent: #157A50; --p-soft: #E3F1E9; }
.precos .ciclo-radio { position: absolute; opacity: 0; pointer-events: none; }
.ciclo-switch { display: flex; width: max-content; margin: 0 auto 34px; padding: 4px; border-radius: 999px; background: #F2F0E8; border: 1px solid var(--p-line); }
.ciclo-switch label { padding: 9px 20px; border-radius: 999px; font: 500 15px/1 "Inter", system-ui, sans-serif; color: var(--p-ink2); cursor: pointer; display: flex; gap: 8px; align-items: center; }
.ciclo-tag { font-size: 11px; font-weight: 600; color: var(--p-accent); background: var(--p-soft); padding: 4px 8px; border-radius: 999px; }
#ciclo-mensal:checked ~ .ciclo-switch label[for=ciclo-mensal], #ciclo-anual:checked ~ .ciclo-switch label[for=ciclo-anual] { background: #fff; color: var(--p-ink); box-shadow: 0 1px 3px rgba(20,20,19,.12); }
#ciclo-mensal:focus-visible ~ .ciclo-switch label[for=ciclo-mensal], #ciclo-anual:focus-visible ~ .ciclo-switch label[for=ciclo-anual] { outline: 2px solid var(--p-accent); }
#ciclo-mensal:checked ~ * .so-anual, #ciclo-mensal:checked ~ .so-anual { display: none; }
#ciclo-anual:checked ~ * .so-mensal, #ciclo-anual:checked ~ .so-mensal { display: none; }
.precos .price-grid.tres { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; max-width: 1140px; margin: 0 auto; align-items: stretch; }
.precos .price-card { position: relative; background: #fff; border: 1px solid var(--p-line); border-radius: 24px; padding: 32px 28px; display: flex; flex-direction: column; color: var(--p-ink); }
.precos .price-card::before { content: ""; position: absolute; left: 28px; right: 28px; top: 0; height: 4px; border-radius: 0 0 4px 4px; }
.precos .nivel1::before { background: #8FD3B0; } .precos .nivel2::before { background: #2E9E6A; } .precos .nivel3::before { background: #0B4F33; }
.precos .price-card.hot { border: 1.5px solid var(--p-ink); box-shadow: 0 40px 70px -46px rgba(20, 20, 19, .45); }
.precos .nivel3 { background: linear-gradient(180deg, #fff, #F6FAF7); }
.precos .ribbon { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: var(--p-ink); color: #fff; font: 500 12px/1 "Inter", system-ui, sans-serif; padding: 6px 12px; border-radius: 999px; white-space: nowrap; }
.precos h3 { font: 500 26px/1.1 "Source Serif 4", Georgia, serif; margin: 6px 0 0; }
.precos .muted { color: var(--p-muted); margin: 8px 0 22px; font-size: 14px; min-height: 40px; }
.precos .amount { font: 500 44px/1 "Source Serif 4", Georgia, serif; letter-spacing: -0.02em; }
.precos .amount small { font: 400 15px/1 "Inter", system-ui, sans-serif; color: var(--p-muted); margin-left: 4px; }
.precos .per-day { color: var(--p-accent); font-weight: 500; font-size: 13px; margin: 10px 0 0; min-height: 36px; }
.precos .publico { font-size: 14px; color: var(--p-ink2); background: #F7F6F1; border-radius: 12px; padding: 10px 12px; margin: 14px 0 18px; }
.precos ul { list-style: none; padding: 0; margin: 0 0 26px; display: grid; gap: 10px; font-size: 14.5px; flex: 1; align-content: start; }
.precos li { padding-left: 24px; position: relative; color: var(--p-ink2); line-height: 1.45; }
.precos li b { color: var(--p-ink); font-weight: 600; }
.precos li.ok::before { content: ""; position: absolute; left: 2px; top: 6px; width: 11px; height: 6px; border-left: 2px solid var(--p-accent); border-bottom: 2px solid var(--p-accent); transform: rotate(-45deg); }
.precos li.breve { color: var(--p-muted); }
.precos li.breve::before { content: ""; position: absolute; left: 3px; top: 9px; width: 8px; height: 8px; border-radius: 50%; border: 1.5px solid #B9B6AC; }
.precos li.breve span { font-size: 11px; background: #F2F0E8; border-radius: 999px; padding: 2px 7px; margin-left: 4px; }
.precos .pill-btn, .precos .ghost-btn { display: flex; width: 100%; align-items: center; justify-content: center; border-radius: 999px; font: 500 15px/1 "Inter", system-ui, sans-serif; padding: 14px 18px; text-decoration: none; cursor: pointer; }
.precos .pill-btn { background: var(--p-ink); color: #fff; border: 1px solid var(--p-ink); }
.precos .pill-btn:hover { background: #2b2b29; }
.precos .ghost-btn { background: #F2F0E8; color: var(--p-ink); border: 1px solid var(--p-line); }
.precos .ghost-btn:hover { background: #ECE9DF; }
.precos form { margin: 0; }
.precos-nota { max-width: 820px; margin: 22px auto 0; line-height: 1.6; color: var(--p-muted); font-size: 13px; text-align: center; }
@media (max-width: 1000px) { .precos .price-grid.tres { grid-template-columns: 1fr; max-width: 460px; } .precos .muted, .precos .per-day { min-height: 0; } }