/* Bloco de OFERTA PREMIUM inserido nas páginas gratuitas por scripts/ofertas.mjs.
   Tudo escopado em #asp-oferta-premium para não conflitar com o CSS do Elementor
   (as páginas exportadas usam seletores de ID, por isso o escopo também é por ID). */

#asp-oferta-premium{
  --pp-ouro:#FFC400; --pp-ouro-claro:#FFE58A; --pp-ouro-escuro:#B8860B;
  --pp-navy:#0B1A45; --pp-navy-2:#050D27; --pp-texto:#F3F6FC; --pp-suave:#B8C6E6;
  width:min(640px,100%);margin:28px auto;padding:0;box-sizing:border-box;
  font-family:Montserrat,Arial,Helvetica,sans-serif;text-align:left
}
#asp-oferta-premium *{box-sizing:border-box}
#asp-oferta-premium svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}

#asp-oferta-premium .aspp{
  position:relative;padding:24px 20px 20px;border-radius:22px;color:var(--pp-texto);overflow:hidden;
  background:
    radial-gradient(120% 90% at 100% 0%,rgba(255,196,0,.20) 0%,rgba(255,196,0,0) 50%),
    linear-gradient(160deg,var(--pp-navy) 0%,var(--pp-navy-2) 100%);
  box-shadow:0 26px 60px rgba(3,12,38,.45),inset 0 1px 0 rgba(255,255,255,.06)
}
/* borda dourada em degradê */
#asp-oferta-premium .aspp::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;
  background:linear-gradient(135deg,var(--pp-ouro-claro),var(--pp-ouro-escuro) 40%,var(--pp-ouro-claro) 62%,var(--pp-ouro-escuro));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude
}

#asp-oferta-premium .aspp-selo{
  display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;margin:0 0 14px;
  background:linear-gradient(180deg,var(--pp-ouro-claro),var(--pp-ouro));color:#2A1E00;
  font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase
}
#asp-oferta-premium .aspp-selo svg{width:14px;height:14px;stroke-width:2.6}
#asp-oferta-premium .aspp-kicker{margin:0 0 4px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--pp-ouro)}
#asp-oferta-premium .aspp-titulo{margin:0;font-size:24px;line-height:1.15;font-weight:900;color:#fff}
#asp-oferta-premium .aspp-sub{margin:10px 0 0;font-size:14px;line-height:1.55;color:var(--pp-suave)}

#asp-oferta-premium .aspp-lista{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:9px}
#asp-oferta-premium .aspp-lista li{display:flex;gap:10px;align-items:flex-start;margin:0;font-size:14px;line-height:1.45;font-weight:600;color:var(--pp-texto)}
#asp-oferta-premium .aspp-lista li svg{color:var(--pp-ouro);margin-top:1px}

#asp-oferta-premium .aspp-preco{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:18px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}
#asp-oferta-premium .aspp-parc{font-size:30px;font-weight:900;line-height:1;background:linear-gradient(180deg,var(--pp-ouro-claro),var(--pp-ouro));-webkit-background-clip:text;background-clip:text;color:transparent}
#asp-oferta-premium .aspp-parc small{font-size:.45em;font-weight:800}
#asp-oferta-premium .aspp-vista{font-size:13px;color:var(--pp-suave);font-weight:600}

#asp-oferta-premium .aspp-cta{
  position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;
  min-height:56px;margin:18px 0 0;padding:14px 18px;border-radius:14px;text-decoration:none;text-align:center;
  background:linear-gradient(180deg,#FFD84D 0%,var(--pp-ouro) 55%,#E0A800 100%);color:#1A1200;
  font-size:15px;font-weight:900;letter-spacing:.02em;line-height:1.2;
  box-shadow:0 12px 28px rgba(255,196,0,.28),inset 0 1px 0 rgba(255,255,255,.55);transition:transform .15s ease
}
#asp-oferta-premium .aspp-cta:hover{transform:translateY(-1px)}
#asp-oferta-premium .aspp-cta:focus-visible{outline:3px solid #fff;outline-offset:3px}
#asp-oferta-premium .aspp-cta::after{
  content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0));
  transform:skewX(-20deg);animation:aspp-brilho 3.2s ease-in-out infinite
}
@keyframes aspp-brilho{0%,60%{left:-60%}100%{left:130%}}
#asp-oferta-premium .aspp-nota{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 0 0;font-size:12px;color:var(--pp-suave);text-align:center}
#asp-oferta-premium .aspp-nota svg{width:14px;height:14px}

#asp-oferta-premium .aspp-mais{margin:20px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}
#asp-oferta-premium .aspp-mais-titulo{margin:0 0 10px;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--pp-ouro)}
#asp-oferta-premium .aspp-item{
  display:flex;align-items:center;gap:12px;min-height:56px;margin:0 0 8px;padding:10px 12px;border-radius:12px;text-decoration:none;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--pp-texto);transition:border-color .15s ease,background .15s ease
}
#asp-oferta-premium .aspp-item:hover{border-color:rgba(255,196,0,.55);background:rgba(255,255,255,.08)}
#asp-oferta-premium .aspp-item:focus-visible{outline:3px solid var(--pp-ouro);outline-offset:2px}
#asp-oferta-premium .aspp-item-ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(255,196,0,.14);color:var(--pp-ouro)}
#asp-oferta-premium .aspp-item-txt{flex:1;min-width:0}
#asp-oferta-premium .aspp-item-txt strong{display:block;font-size:14px;font-weight:800;line-height:1.25;color:#fff}
#asp-oferta-premium .aspp-item-txt span{display:block;font-size:12px;color:var(--pp-suave);margin-top:2px}
#asp-oferta-premium .aspp-item > svg{color:var(--pp-ouro)}

@media (min-width:640px){
  #asp-oferta-premium .aspp{padding:28px 28px 24px}
  #asp-oferta-premium .aspp-titulo{font-size:28px}
}
@media (prefers-reduced-motion:reduce){
  #asp-oferta-premium .aspp-cta::after{animation:none;display:none}
  #asp-oferta-premium *{transition:none!important}
}

/* Atalhos abaixo do CTA: pagamento direto (quem já decidiu) e dúvida no WhatsApp (quem hesita) */
#asp-oferta-premium .aspp-atalhos{display:grid;gap:8px;margin:12px 0 0}
#asp-oferta-premium .aspp-atalho{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 12px;border-radius:12px;font-size:13px;font-weight:800;text-decoration:none;color:#FFE58A;border:1px solid rgba(255,196,0,.35);background:rgba(255,196,0,.06)}
#asp-oferta-premium .aspp-atalho:hover{background:rgba(255,196,0,.12)}
#asp-oferta-premium .aspp-atalho:focus-visible{outline:3px solid var(--pp-ouro);outline-offset:2px}
#asp-oferta-premium .aspp-whats{color:#7BE3A6;border-color:rgba(24,170,89,.4);background:rgba(24,170,89,.08)}
#asp-oferta-premium .aspp-whats:hover{background:rgba(24,170,89,.14)}
#asp-oferta-premium .aspp-whats svg{width:16px;height:16px}
