.container-principal-planos-assinatura{width:100%;max-width:1400px;margin:0 auto;padding:40px 20px;min-height:100vh}
.cabecalho-secao-planos-assinatura{position:relative;margin-bottom:20px;padding:36px 22px;border-radius:28px;background:radial-gradient(1200px 220px at 50% -40px,rgba(251,191,36,.18),transparent 60%),radial-gradient(800px 260px at 50% -60px,rgba(139,233,253,.22),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden;isolation:isolate;opacity:0;animation:fadeInDown .8s ease forwards}
.cabecalho-secao-planos-assinatura::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 18px),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 18px);mix-blend-mode:overlay;pointer-events:none;z-index:-1}
.cabecalho-secao-planos-assinatura::after{content:"";position:absolute;top:-120px;left:50%;width:720px;height:260px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(251,191,36,.6),rgba(251,191,36,0) 60%),radial-gradient(ellipse at center,rgba(139,233,253,.45),rgba(139,233,253,0) 70%);filter:blur(70px);opacity:.6;z-index:-1;pointer-events:none}
.titulo-principal-planos-premium{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:900;letter-spacing:.5px;line-height:1.05;margin:0 0 14px 0;font-size:clamp(2.25rem,4.2vw + .5rem,4.5rem);background:linear-gradient(120deg,#a78bfa 0%,#06b6d4 45%,#fbbf24 55%,#a78bfa 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:220% 100%;animation:tituloShine 8s linear infinite;text-shadow:0 2px 14px rgba(6,182,212,.15)}
.subtitulo-descricao-planos-premium{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:820px;margin:0 auto;padding:12px 18px;font-size:clamp(.95rem,1.1vw + .35rem,1.15rem);color:var(--cor-texto-secundario);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);border-radius:9999px;backdrop-filter:blur(8px) saturate(120%);box-shadow:0 10px 28px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)}
.subtitulo-descricao-planos-premium::before{content:"✨";display:inline-block;font-size:1.05em}

.grid-container-cards-planos-assinatura{display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:20px}

.card-plano-individual-assinatura{--tilt:perspective(1000px) rotateY(0deg) rotateX(0deg) scale(1);background:linear-gradient(145deg,#12121a,#1a1a24);border-radius:20px;padding:35px 25px;position:relative;border:2px solid transparent;box-shadow:var(--sombra-media);opacity:0;transform:translateY(30px) translateZ(0) var(--tilt);will-change:transform,box-shadow;backface-visibility:hidden;transform-style:preserve-3d;overflow:visible;transition:box-shadow var(--transicao-media),border-color var(--transicao-media)}
.card-plano-individual-assinatura.animacao-visivel{opacity:1;transform:translateY(0) translateZ(0) var(--tilt)}

.card-plano-free-gratuito{border-color:rgba(161,161,170,.4);animation-delay:.1s}
.card-plano-free-gratuito:hover{border-color:rgba(161,161,170,.8);box-shadow:0 8px 40px rgba(161,161,170,.3)}
.card-plano-pro-intermediario{border-color:rgba(251,191,36,.5);background:linear-gradient(145deg,#1a1a24,#2a2418);animation-delay:.2s}
.card-plano-pro-intermediario:hover{border-color:rgba(251,191,36,.9);box-shadow:0 8px 40px rgba(251,191,36,.4)}
.card-plano-ultra-premium{border-color:rgba(139,233,253,.5);background:linear-gradient(145deg,#1a1a24,#1a2428);animation-delay:.3s}
.card-plano-ultra-premium:hover{border-color:rgba(139,233,253,.9);box-shadow:0 8px 40px rgba(139,233,253,.4)}

.etiqueta-plano-mais-popular{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;padding:8px 20px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:1px;box-shadow:0 4px 12px rgba(251,191,36,.6);z-index:10;pointer-events:none;white-space:nowrap;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25));animation:pulseGlow 2s ease-in-out infinite}

.cabecalho-card-plano-assinatura{text-align:center;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:25px}
.titulo-nome-plano-assinatura{font-size:1.8rem;margin-bottom:20px;letter-spacing:2px}
.card-plano-free-gratuito .titulo-nome-plano-assinatura{color:var(--cor-texto-secundario)}
.card-plano-pro-intermediario .titulo-nome-plano-assinatura{background:linear-gradient(135deg,#fbbf24,#fcd34d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.card-plano-ultra-premium .titulo-nome-plano-assinatura{background:linear-gradient(135deg,#8be9fd,#f8c4d8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

.icone-plano{width:48px;height:48px;margin:0 auto 10px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:26px;line-height:1;box-shadow:0 6px 18px rgba(0,0,0,.25);user-select:none}
.icone-pro{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000}
.icone-ultra{background:linear-gradient(135deg,#8be9fd,#f8c4d8);color:#000}

.container-preco-plano-assinatura{display:flex;align-items:flex-start;justify-content:center;gap:5px;margin-bottom:10px}
.simbolo-moeda-preco-plano{font-size:1.5rem;font-weight:600;margin-top:8px}
.valor-numerico-preco-plano{font-size:4rem;font-weight:800;line-height:1}
.centavos-preco-plano{font-size:1.5rem;font-weight:600;margin-top:8px}
.periodo-recorrencia-plano{font-size:1rem;color:var(--cor-texto-terciario);margin-top:20px}
.descricao-curta-plano-assinatura{color:var(--cor-texto-secundario);font-size:.95rem}

.corpo-card-recursos-plano{margin-bottom:30px}
.lista-recursos-plano-assinatura{display:flex;flex-direction:column;gap:18px}
.item-recurso-plano-disponivel,.item-recurso-plano-indisponivel{display:flex;align-items:flex-start;gap:12px;padding:8px;border-radius:8px;transition:all var(--transicao-rapida)}
.item-recurso-plano-disponivel:hover{background:rgba(255,255,255,.05);transform:translateX(5px)}
.icone-status-recurso{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:.9rem}
.item-recurso-plano-disponivel .icone-status-recurso{background:rgba(16,185,129,.2);color:var(--cor-sucesso)}
.item-recurso-plano-indisponivel .icone-status-recurso{background:rgba(239,68,68,.2);color:var(--cor-erro)}
.texto-descricao-recurso{flex:1;font-size:.95rem;color:var(--cor-texto-secundario);line-height:1.5}
.item-recurso-plano-disponivel .texto-descricao-recurso{color:var(--cor-texto-principal)}
.item-recurso-plano-indisponivel .texto-descricao-recurso{color:var(--cor-texto-terciario);text-decoration:line-through}
.item-recurso-destaque-ultra{background:linear-gradient(90deg,rgba(139,233,253,.15),rgba(248,196,216,.15));border:1px solid rgba(139,233,253,.4)}

.rodape-card-botao-acao{text-align:center}
.botao-selecionar-plano-assinatura{width:100%;padding:16px 32px;font-size:1rem;font-weight:700;border-radius:12px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;display:inline-block;text-align:center;border:none;transition:box-shadow var(--transicao-media),transform var(--transicao-media)}
.botao-plano-atual{background:rgba(113,113,122,.3);color:var(--cor-texto-terciario);cursor:not-allowed}
.botao-plano-pro-destaque{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;box-shadow:0 4px 16px rgba(251,191,36,.5);font-weight:800}
.botao-plano-pro-destaque:hover{background:linear-gradient(135deg,#fcd34d,#fbbf24);box-shadow:0 6px 24px rgba(251,191,36,.7);transform:translateY(-2px)}
.botao-plano-ultra-destaque{background:linear-gradient(135deg,#8be9fd,#f8c4d8);color:#000;box-shadow:0 4px 16px rgba(139,233,253,.5);font-weight:800}
.botao-plano-ultra-destaque:hover{background:linear-gradient(135deg,#a3effd,#fad4e4);box-shadow:0 6px 24px rgba(139,233,253,.7);transform:translateY(-2px)}

.secao-informacoes-adicionais-planos{width:100%;margin-top:10px;opacity:0;transform:translateY(20px);display:flex;justify-content:center}
.secao-informacoes-adicionais-planos.animacao-visivel{opacity:1;transform:translateY(0);transition:all .8s ease .5s}

.info-banner{width:100%;max-width:1200px;position:relative;display:flex;align-items:center;justify-content:center;gap:36px;padding:18px 26px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px) saturate(120%);box-shadow:0 12px 34px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden;box-sizing:border-box;isolation:isolate;transform:translateZ(0)}
.info-banner::before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:radial-gradient(540px 240px at 12% 18%,rgba(251,191,36,.28) 0%,transparent 60%),radial-gradient(520px 220px at 86% 22%,rgba(139,233,253,.28) 0%,transparent 62%),radial-gradient(560px 260px at 24% 86%,rgba(167,139,250,.28) 0%,transparent 64%);background-repeat:no-repeat;background-size:200% 200%,180% 180%,220% 220%;background-position:0% 0%,100% 0%,0% 100%;opacity:.35;mix-blend-mode:screen;filter:saturate(115%);animation:blobsDrift 18s ease-in-out infinite alternate;will-change:background-position;pointer-events:none;z-index:0}
.info-banner::after{content:"";position:absolute;inset:-40% -70%;border-radius:inherit;background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.16) 47%,rgba(255,255,255,.26) 50%,rgba(255,255,255,.16) 53%,transparent 62%);transform:translateX(-58%) skewX(-14deg);opacity:.22;mix-blend-mode:screen;animation:sheenSweep 9s ease-in-out infinite;will-change:transform;pointer-events:none;z-index:0}

.info-item{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px;align-items:center;position:relative;z-index:1}
.info-icone{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:22px;line-height:1;text-align:center;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.22),rgba(255,255,255,.06));box-shadow:0 6px 18px rgba(0,0,0,.25);margin:0;transition:transform .25s ease}
.info-icone>*{display:block;margin:0;line-height:1}
.info-textos{display:flex;flex-direction:column}
.info-titulo{font-weight:900;letter-spacing:.2px;color:var(--cor-texto-principal);line-height:1}
.info-sub{font-size:.95rem;color:var(--cor-texto-secundario);opacity:.95}
.info-item:hover .info-icone{transform:translateY(-2px)}
.info-divisor{width:1px;height:44px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.25),transparent);border-radius:1px}
.info-banner .info-item:first-child .info-icone{margin:0 auto}
.info-banner .info-item:first-child .info-textos{align-items:center;text-align:center}
.texto-informacao-adicional-pagamento,.texto-informacao-adicional-cancelamento{display:none}

@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulseGlow{0%,100%{box-shadow:0 4px 12px rgba(251,191,36,.6)}50%{box-shadow:0 4px 20px rgba(251,191,36,.9)}}
@keyframes tituloShine{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes blobsDrift{0%{background-position:0% 0%,100% 0%,0% 100%}50%{background-position:12% 8%,84% 12%,10% 86%}100%{background-position:18% 14%,78% 18%,16% 88%}}
@keyframes sheenSweep{0%,60%{transform:translateX(-58%) skewX(-14deg)}70%{transform:translateX(0%) skewX(-14deg)}100%{transform:translateX(58%) skewX(-14deg)}}

@media (prefers-reduced-motion:reduce){
  .cabecalho-secao-planos-assinatura{animation:none;opacity:1}
  .secao-informacoes-adicionais-planos.animacao-visivel{transition:none}
  .info-banner::before,.info-banner::after{animation:none}
}

@media (min-width:768px){
  .container-principal-planos-assinatura{padding:60px 40px}
  .grid-container-cards-planos-assinatura{grid-template-columns:repeat(2,1fr);gap:35px}
  .card-plano-individual-assinatura{padding:40px 30px}
  .card-plano-destaque-popular{grid-column:1 / -1;max-width:600px;margin:0 auto}
}
@media (min-width:1024px){
  .container-principal-planos-assinatura{padding:80px 40px}
  .cabecalho-secao-planos-assinatura{margin-bottom:70px}
  .grid-container-cards-planos-assinatura{grid-template-columns:repeat(3,1fr);gap:40px}
  .card-plano-destaque-popular{grid-column:auto;max-width:none;z-index:2}
  .card-plano-individual-assinatura{padding:45px 35px}
}
@media (max-width:768px), (hover:none) and (pointer:coarse){
  .card-plano-individual-assinatura{transform:translateY(30px) translateZ(0) !important}
  .card-plano-individual-assinatura.animacao-visivel{transform:translateY(0) translateZ(0) !important}
  .info-banner{flex-direction:column;gap:14px;padding:16px}
  .info-divisor{display:none}
  .info-item{grid-template-columns:1fr;justify-content:center;text-align:center}
  .info-textos{align-items:center}
  .info-icone{width:40px;height:40px;font-size:20px;margin:0 auto}
}
@media (max-width:480px){
  .container-principal-planos-assinatura{padding:30px 15px}
  .titulo-principal-planos-premium{font-size:2rem}
  .subtitulo-descricao-planos-premium{font-size:1rem}
  .card-plano-individual-assinatura{padding:30px 20px}
  .valor-numerico-preco-plano{font-size:3rem}
  .titulo-nome-plano-assinatura{font-size:1.5rem}
  .etiqueta-plano-mais-popular{font-size:.7rem;padding:6px 16px}
  .botao-selecionar-plano-assinatura{padding:14px 28px;font-size:.9rem}
}