/**
 * AEOMaps Core — assets/css/aeomaps-planos.css
 * v0.40.0 — Camada de APRESENTAÇÃO da página /planos/ (mockup aprovado).
 *
 * Carrega DEPOIS de foundation (vence onde sobrepõe). Escopo estrito em
 * body.aeomaps-core .pp-planos-page. Reusa tokens da foundation (--ink, --brand,
 * --line, --surface, --brand-grad, --ink-grad, sombras). NÃO altera entidades,
 * taxonomias, gate, Graph_Read, JSON-LD. Apenas visual.
 *
 * Nota: a foundation usa !important em quase todas as regras de página; por isso
 * as regras abaixo também usam !important onde precisam vencer a cascata.
 */

body.aeomaps-core .pp-planos-page{
  --pp-ice-1:#F4F7FA; --pp-ice-2:#E7EEF5;
  --pp-night:#0F1729; --pp-green:#16A36A; --pp-green-2:#16B07A;
  --pp-green-3:#2BC489; --pp-green-deep:#0B6B47; --pp-cite:#CFF0E0;
}

/* ============================ HERO ============================ */
body.aeomaps-core .pp-planos-page .pp-hero{
  background:linear-gradient(168deg,#F3F7F5 0%,#EEF3F0 55%,#F1F6F3 100%) !important;
  position:relative !important; overflow:hidden !important;
  padding:88px 0 72px !important;
}
/* grid técnico sutil (igual home) */
body.aeomaps-core .pp-planos-page .pp-hero::before{
  content:"" !important; position:absolute !important; inset:0 !important; z-index:0 !important; pointer-events:none !important;
  background-image:linear-gradient(rgba(11,107,71,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(11,107,71,.02) 1px,transparent 1px);
  background-size:34px 34px;
}
/* glows nos cantos */
body.aeomaps-core .pp-planos-page .pp-hero::after{
  content:"" !important; position:absolute !important; top:-90px !important; right:-60px !important;
  width:320px !important; height:320px !important; z-index:0 !important; pointer-events:none !important;
  border-radius:50% !important; background:radial-gradient(circle,rgba(11,107,71,.08),transparent 64%);
}
/* glow inferior-esquerdo (igual home) */
body.aeomaps-core .pp-planos-page .pp-hero .wrap::after{
  content:"" !important; position:absolute !important; bottom:-120px !important; left:-80px !important;
  width:300px !important; height:300px !important; z-index:-1 !important; pointer-events:none !important;
  border-radius:50% !important; background:radial-gradient(circle,rgba(14,138,89,.06),transparent 60%);
}
body.aeomaps-core .pp-planos-page .pp-hero .wrap{position:relative !important; z-index:1 !important;}

/* eyebrow em PILL */
body.aeomaps-core .pp-planos-page .pp-eyebrow-pill{
  display:inline-flex !important; align-items:center !important; gap:8px !important;
  padding:7px 16px !important; border:1px solid rgba(11,107,71,.22) !important; border-radius:30px !important;
  background:#fff !important; border-color:#DDE1E6 !important; color:#0E7A4E !important; letter-spacing:.16em !important;
}
body.aeomaps-core .pp-planos-page .pp-eyebrow-pill::before{
  width:7px !important; height:7px !important; box-shadow:0 0 10px var(--pp-green) !important;
}

/* título com peso (Inter 800, 46px — igual ao hero da home) */
body.aeomaps-core .pp-planos-page .pp-h1{
  font-family:var(--sans) !important; font-size:46px !important; font-weight:800 !important;
  letter-spacing:-2px !important; line-height:1.02 !important; color:var(--ink) !important;
  margin:24px auto 18px !important; max-width:16ch !important;
}
/* destaque verde no título (igual outras páginas) */
body.aeomaps-core .pp-planos-page .pp-hl{
  background:linear-gradient(135deg,#1BB877,#0E7A4E) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}
/* manifesto: frase-princípio em destaque sutil (verde + peso) — Variação B */
body.aeomaps-core .pp-planos-page .pp-key{
  color:#0E7A4E !important; font-weight:600 !important;
}
body.aeomaps-core .pp-planos-page .pp-sub-lead{
  font-size:18px !important; color:var(--ink-2) !important; max-width:46ch !important;
  margin:0 auto 18px !important;
}
body.aeomaps-core .pp-planos-page .pp-sub-body{
  font-size:14.5px !important; color:var(--ink-3) !important; max-width:60ch !important;
  margin:0 auto !important; line-height:1.7 !important;
}

/* selos como CHIPS (a diferença que o Operador apontou) */
body.aeomaps-core .pp-planos-page .pp-chips{
  display:flex !important; flex-wrap:wrap !important; gap:9px !important; justify-content:center !important; margin-top:26px !important;
}
body.aeomaps-core .pp-planos-page .pp-chip{
  display:inline-flex !important; align-items:center !important;
  background:var(--surface) !important; border:1px solid var(--line-2) !important;
  padding:8px 16px !important; border-radius:30px !important;
  font-family:var(--sans) !important; font-size:12.5px !important; font-weight:500 !important;
  color:var(--pp-green-deep) !important; box-shadow:var(--sh-sm) !important;
}

/* ============================ ESCADA DE PLANOS ============================ */
body.aeomaps-core .pp-planos-page .pp-planos{padding-top:72px !important;}
body.aeomaps-core .pp-planos-page .pp-planos .grid3{gap:18px !important; align-items:stretch !important;}

/* planos avançados (Domínio/Território): cards à mesma altura, botão na base */
body.aeomaps-core .pp-planos-page .plan-advanced-grid{align-items:stretch !important;}
body.aeomaps-core .pp-planos-page .plan-advanced{display:flex !important; flex-direction:column !important;}
body.aeomaps-core .pp-planos-page .plan-advanced .pa-list{flex:1 1 auto !important;}

/* cards principais como coluna flex para alinhar CTA na base */
body.aeomaps-core .pp-planos-page .pp-card{
  display:flex !important; flex-direction:column !important;
  border:1px solid var(--line) !important; border-radius:14px !important; padding:26px !important;
  box-shadow:0 6px 18px rgba(15,23,41,.05) !important;
}
body.aeomaps-core .pp-planos-page .pp-card .ul-recados-16{flex:1 1 auto !important; margin-bottom:6px !important;}
body.aeomaps-core .pp-planos-page .pp-card .pp-cta{
  width:100% !important; justify-content:center !important; margin-top:16px !important;
}
body.aeomaps-core .pp-planos-page .pp-card .ul-recados-16 li{margin-bottom:9px !important; line-height:1.45 !important;}

/* card em DESTAQUE = Autoridade (escuro + elevado + glow) */
body.aeomaps-core .pp-planos-page .pp-card-featured{
  background:var(--ink-grad) !important; border-color:transparent !important; border-radius:16px !important;
  box-shadow:0 18px 44px rgba(15,23,41,.3) !important;
  position:relative !important; overflow:hidden !important;
}
body.aeomaps-core .pp-planos-page .pp-card-featured::after{
  content:"" !important; position:absolute !important; top:-40px !important; right:-30px !important;
  width:180px !important; height:180px !important; z-index:0 !important; pointer-events:none !important;
  border-radius:50% !important; background:radial-gradient(circle,rgba(43,196,137,.3),transparent 65%);
}
body.aeomaps-core .pp-planos-page .pp-card-featured > *{position:relative !important; z-index:1 !important;}
/* texto claro dentro do card escuro */
body.aeomaps-core .pp-planos-page .pp-card-featured .eyebrow{color:var(--pp-green-3) !important;}
body.aeomaps-core .pp-planos-page .pp-card-featured .h-serif-22,
body.aeomaps-core .pp-planos-page .pp-card-featured .h-serif-34{color:#fff !important;}
body.aeomaps-core .pp-planos-page .pp-card-featured .t-muted,
body.aeomaps-core .pp-planos-page .pp-card-featured .t-muted-14,
body.aeomaps-core .pp-planos-page .pp-card-featured .t-faint-12,
body.aeomaps-core .pp-planos-page .pp-card-featured .t-13-mt12{color:#9DB8AC !important;}
body.aeomaps-core .pp-planos-page .pp-card-featured .ul-recados-16,
body.aeomaps-core .pp-planos-page .pp-card-featured .ul-recados-16 li{color:#C8D6CF !important;}
body.aeomaps-core .pp-planos-page .pp-card-featured .t-13-mt12 b{color:#fff !important;}
/* botão verde sólido no card escuro */
body.aeomaps-core .pp-planos-page .pp-card-featured .btn-green{
  background:var(--pp-green-3) !important; color:#04342C !important; border-color:var(--pp-green-3) !important;
  font-weight:700 !important; box-shadow:0 8px 20px rgba(43,196,137,.3) !important;
}
/* badge "Reconhecimento" */
body.aeomaps-core .pp-planos-page .pp-badge{
  position:absolute !important; top:16px !important; right:16px !important; z-index:2 !important;
  background:var(--pp-green-3) !important; color:#04342C !important;
  font-family:var(--mono) !important; font-size:9px !important; font-weight:700 !important;
  letter-spacing:.1em !important; text-transform:uppercase !important;
  padding:4px 10px !important; border-radius:20px !important;
}

/* ============================ DIVISOR ============================ */
body.aeomaps-core .pp-planos-page .pp-divisor{text-align:center !important; padding:48px 0 24px !important;}
body.aeomaps-core .pp-planos-page .pp-divisor .eyebrow{justify-content:center !important;}
body.aeomaps-core .pp-planos-page .pp-divisor .sec-t{margin-top:10px !important;}

/* nota dos espaços compartilhados */
body.aeomaps-core .pp-planos-page .pp-nota-compartilhada{
  text-align:center !important; font-size:13px !important; color:var(--ink-3) !important;
  max-width:60ch !important; margin:24px auto 0 !important; line-height:1.6 !important;
}

/* ============================ TRANSPARÊNCIA ============================ */
body.aeomaps-core .pp-planos-page .pp-transp{background:var(--bg-soft) !important;}
body.aeomaps-core .pp-planos-page .pp-transp-grid{margin-top:28px !important; gap:14px !important;}
body.aeomaps-core .pp-planos-page .pp-transp .card{border-radius:12px !important;}
body.aeomaps-core .pp-planos-page .pp-transp .h-serif-17{color:var(--ink) !important; margin-bottom:6px !important;}

/* ============================ CTA FINAL ============================ */
body.aeomaps-core .pp-planos-page .pp-cta-final{
  background:linear-gradient(155deg,var(--pp-green-2),var(--pp-green-deep)) !important;
  position:relative !important; overflow:hidden !important;
}
body.aeomaps-core .pp-planos-page .pp-cta-final::before{
  content:"" !important; position:absolute !important; inset:0 !important; z-index:0 !important; pointer-events:none !important;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:40px 40px;
  -webkit-mask-image:radial-gradient(70% 70% at 50% 40%,#000,transparent 80%);
          mask-image:radial-gradient(70% 70% at 50% 40%,#000,transparent 80%);
}
body.aeomaps-core .pp-planos-page .pp-cta-final::after{
  content:"" !important; position:absolute !important; top:-50px !important; right:-30px !important;
  width:200px !important; height:200px !important; z-index:0 !important; pointer-events:none !important;
  border-radius:50% !important; background:radial-gradient(circle,rgba(127,224,186,.3),transparent 65%);
}
body.aeomaps-core .pp-planos-page .pp-cta-final .wrap{position:relative !important; z-index:1 !important;}
body.aeomaps-core .pp-planos-page .pp-cta-final .eyebrow{justify-content:center !important; color:var(--pp-cite) !important;}
body.aeomaps-core .pp-planos-page .pp-cta-final .sec-t{color:#fff !important; margin-top:12px !important;}
body.aeomaps-core .pp-planos-page .pp-cta-btns{
  display:flex !important; gap:12px !important; justify-content:center !important; margin-top:24px !important; flex-wrap:wrap !important;
}
body.aeomaps-core .pp-planos-page .pp-cta-final .btn-green{
  background:#fff !important; color:var(--pp-green-deep) !important; border-color:#fff !important;
  box-shadow:0 10px 26px rgba(0,0,0,.18) !important;
}
body.aeomaps-core .pp-planos-page .pp-cta-ghost{
  background:rgba(255,255,255,.12) !important; color:#fff !important; border-color:rgba(255,255,255,.4) !important;
}

/* ============================ RESPONSIVO ============================ */
@media(max-width:1024px){
  body.aeomaps-core .pp-planos-page .pp-planos .grid3{grid-template-columns:repeat(2,1fr) !important;}
  body.aeomaps-core .pp-planos-page .pp-card-featured{transform:none !important;}
}
@media(max-width:760px){
  body.aeomaps-core .pp-planos-page .pp-planos .grid3{grid-template-columns:1fr !important;}
  body.aeomaps-core .pp-planos-page .pp-h1{font-size:34px !important; letter-spacing:-1px !important; max-width:none !important;}
  body.aeomaps-core .pp-planos-page .pp-hero{padding:56px 0 44px !important;}
  body.aeomaps-core .pp-planos-page .plan-advanced-grid{grid-template-columns:1fr !important;}
}