/* ===== INÍCIO: 01 Hero =====
   Imagem: assets/img/hero/hero-mobile.webp (vertical, 1080x1600)
           assets/img/hero/hero-desktop.webp (horizontal, 2400x1350)
   Sem a imagem, o fundo em degradê azul segura a dobra sozinho. */
.hero{position:relative;overflow:hidden;isolation:isolate;color:#fff;
  background:linear-gradient(180deg,rgba(7,29,69,.55) 0%,rgba(7,29,69,.78) 55%,rgba(7,29,69,.95) 100%),url(../../img/hero/hero-mobile.webp) center/cover no-repeat,radial-gradient(120% 90% at 85% 0%,#1A6FB8 0%,#0B2B63 48%,#071D45 100%)}
.hero-drop{position:absolute;right:-30px;top:24px;width:150px;opacity:.16;z-index:-1;transform:rotate(-8deg)}
.hero-in{padding-block:36px 96px;display:flex;flex-direction:column;gap:18px;max-width:720px}
.hero .eyebrow{color:var(--aqua-ink)}
.since{display:flex;align-items:center;gap:12px;align-self:flex-start;padding:8px 14px 8px 8px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}
.since b{white-space:nowrap;display:grid;place-items:center;height:36px;padding:0 12px;border-radius:999px;background:var(--aqua);color:var(--navy-2);font-family:var(--head);font-weight:800;font-size:14px}
.since span{font-size:14px;color:rgba(255,255,255,.9);line-height:1.3}
.seals{display:flex;flex-direction:column;gap:6px}
.seals li{display:flex;align-items:center;gap:8px;font-size:14px;color:rgba(255,255,255,.85);font-family:var(--head);font-weight:600}
.seals svg{width:18px;height:18px;color:var(--aqua-ink);--prisma-icon-accent:var(--aqua-ink)}
/* ===== FIM: 01 Hero ===== */