/* ───────────────────────────────────────────────
   ESUP · Social media kit — peças de divulgação
   Canvas nativo: 1080px. Tudo dimensionado em px.
   ─────────────────────────────────────────────── */
:root{
  --navy:#001e49; --navy-2:#003371; --gold:#febb06; --gold-2:#ffc733;
  --ink:#0a1426; --paper:#f9f9f9;
  --fd:"Montserrat", system-ui, sans-serif;
  --fb:"Plus Jakarta Sans", system-ui, sans-serif;
}

.sp{ position:relative; overflow:hidden; font-family:var(--fb); color:#fff;
  background:var(--navy); display:flex; flex-direction:column; }
.sp *{ box-sizing:border-box; }
.sp .glow{ position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(620px 420px at 88% 8%, rgba(254,187,6,0.16), transparent 60%),
    radial-gradient(560px 520px at 6% 96%, rgba(172,199,255,0.10), transparent 60%);
}
.sp .pad{ position:relative; z-index:2; display:flex; flex-direction:column; height:100%; }

/* logo */
.sp-logo{ height:52px; width:auto; }
.sp-logo.lg{ height:62px; }

/* eyebrow pill */
.sp-eye{ display:inline-flex; align-items:center; gap:12px; align-self:flex-start;
  background:rgba(254,187,6,0.12); border:1.5px solid rgba(254,187,6,0.4);
  color:var(--gold); font-weight:700; letter-spacing:0.1em; text-transform:uppercase;
  padding:12px 22px; border-radius:999px; white-space:nowrap; }

/* titles */
.sp-title{ font-family:var(--fd); font-weight:800; line-height:1.0; letter-spacing:-0.02em; }
.sp-gold{ color:var(--gold); }
.sp-lead{ color:rgba(255,255,255,0.82); line-height:1.45; }

/* gold CTA */
.sp-cta{ display:inline-flex; align-items:center; gap:14px; align-self:flex-start;
  background:var(--gold); color:var(--navy); font-family:var(--fd); font-weight:800;
  border-radius:999px; }
.sp-cta .a{ display:inline-flex; align-items:center; justify-content:center;
  background:var(--navy); color:var(--gold); border-radius:999px; }

/* stat strip */
.sp-stats{ display:flex; gap:0; border-top:1.5px solid rgba(255,255,255,0.14); }
.sp-stat{ flex:1; padding-top:24px; }
.sp-stat .n{ font-family:var(--fd); font-weight:800; color:var(--gold); line-height:1; }
.sp-stat .l{ color:rgba(255,255,255,0.72); margin-top:8px; }

/* photo slot */
.sp image-slot{ position:absolute; inset:0; width:100%; height:100%; z-index:0; }
.sp .scrim{ position:absolute; inset:0; z-index:1; }

/* chips */
.sp-chips{ display:flex; flex-wrap:wrap; gap:14px; }
.sp-chip{ display:inline-flex; align-items:center; gap:12px;
  border:1.5px solid rgba(254,187,6,0.45); color:#fff; border-radius:999px;
  font-weight:600; }
.sp-chip::before{ content:""; width:11px; height:11px; border-radius:999px; background:var(--gold); }

/* numbered list */
.sp-list{ list-style:none; display:flex; flex-direction:column; }
.sp-list li{ display:flex; gap:22px; align-items:flex-start; }
.sp-list .mk{ flex-shrink:0; border-radius:999px; display:flex; align-items:center;
  justify-content:center; font-family:var(--fd); font-weight:800; }

/* gold paper variant */
.sp.paper{ background:var(--paper); color:var(--navy); }
.sp.gold-bg{ background:linear-gradient(155deg,var(--gold) 0%, #f5a800 100%); color:var(--navy); }

/* page tag for carousel */
.sp-page{ position:absolute; top:0; right:0; z-index:3; font-family:var(--fd);
  font-weight:800; color:rgba(255,255,255,0.22); }