/* Página VIP */
.vp-corpo { max-width: 1100px; padding-top: 26px; }
.vp-hero { display: grid; grid-template-columns: 1fr 380px; gap: 30px; align-items: center; padding: 34px; border-radius: 22px;
  background: radial-gradient(ellipse at 15% 20%, rgba(255, 200, 61, .14), transparent 60%), var(--painel); border: 1px solid rgba(255, 200, 61, .5); }
.vp-selo { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 12px; padding: 5px 14px; border-radius: 99px; background: rgba(255, 200, 61, .14); color: var(--ouro); font-weight: 800; text-transform: uppercase; letter-spacing: .06em; font-size: 13px; }
.vp-hero h1 { font: 700 40px/1.1 'Oswald', sans-serif; text-transform: uppercase; }
.vp-hero-txt > p:last-child { color: var(--texto-2); font-size: 17px; margin: 14px 0 0; }
.vp-preco { background: #07120c; border: 1px solid var(--borda); border-radius: 18px; padding: 24px; text-align: center; }
.vp-valor { margin: 0; font: 700 64px/1 'Oswald', sans-serif; color: var(--ouro); text-shadow: 0 0 24px rgba(255, 200, 61, .35); }
.vp-valor small { font-size: 26px; vertical-align: 26px; margin-right: 4px; }
.vp-periodo { color: var(--texto-2); margin: 6px 0 18px; }
.vp-status { margin: 0 0 14px; padding: 10px; border-radius: 10px; background: rgba(61, 220, 111, .1); color: #b9f5cb; font-weight: 700; font-size: 14px; }
.vp-breve { background: rgba(255, 200, 61, .1); color: var(--ouro); }
.vp-breve a { text-decoration: underline; }
.vp-mini { margin: 10px 0 0; color: var(--texto-2); font-size: 13px; }
.vp-mini a { color: var(--verde); }
.vp-preco .btn svg { font-size: 1.3em; }
.vp-beneficios { list-style: none; margin: 22px 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.vp-beneficios li { display: flex; flex-direction: column; gap: 6px; padding: 18px; border-radius: 16px; background: var(--painel); border: 1px solid var(--borda); }
.vp-beneficios svg { font-size: 28px; color: var(--ouro); }
.vp-beneficios b { font-size: 16px; }
.vp-beneficios span { color: var(--texto-2); font-size: 14px; }
.vp-faq { background: var(--painel); border: 1px solid var(--borda); border-radius: 16px; padding: 20px 22px; }
.vp-faq h2 { font: 700 20px 'Oswald', sans-serif; text-transform: uppercase; margin-bottom: 10px; }
.vp-faq details { border-top: 1px solid #1a2620; padding: 12px 0; }
.vp-faq summary { cursor: pointer; font-weight: 800; }
.vp-faq summary:hover { color: var(--verde); }
.vp-faq p { margin: 8px 0 0; color: var(--texto-2); }
.vp-retorno { text-align: center; padding: 30px 20px; margin-bottom: 22px; border-radius: 20px; background: var(--painel); border: 1px solid var(--borda); display: flex; flex-direction: column; align-items: center; gap: 10px; }
.vp-retorno h1 { font: 700 28px 'Oswald', sans-serif; text-transform: uppercase; }
.vp-retorno p { margin: 0 0 8px; color: var(--texto-2); max-width: 520px; }
.vp-pago { border-color: rgba(255, 200, 61, .6); }
.vp-pago h1, .vp-ic { color: var(--ouro); }
.vp-ic { width: 52px; height: 52px; }
.vp-girando { width: 42px; height: 42px; border-radius: 50%; border: 4px solid var(--borda); border-top-color: var(--verde); animation: vp-gira 1s linear infinite; }
@keyframes vp-gira { to { transform: rotate(360deg); } }
@media (max-width: 1000px) { .vp-beneficios { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 900px) {
  .vp-corpo { padding-top: 14px; }
  .vp-hero { grid-template-columns: 1fr; padding: 22px 18px; gap: 20px; text-align: center; }
  .vp-hero h1 { font-size: 28px; }
  .vp-beneficios { grid-template-columns: 1fr; }
  .vp-beneficios li { padding: 14px; }
}