/* Unifique Invest — site novo (recriação fiel do site Duda) */
:root{
  --navy:#0a0532;          /* header/hero */
  --navy2:#0a0f33;         /* seções escuras */
  --navy3:#0e2a66;         /* seção form/selos */
  --royal:#1d50c8;         /* faixas azuis */
  --royal2:#1d64d8;        /* faixa prêmios */
  --btn:#2456c8;           /* botões azuis */
  --accent:#549cff;        /* destaque de texto */
  --accent2:#6fa8ff;
  --green:#47c67c;         /* botões WhatsApp */
  --ink:#1c2533;
  --grey:#6d7280;
  --line:#e4e7ec;
  --wrap:1180px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
/* âncoras internas não podem parar atrás do header fixo */
section[id],div[id],[id^="form-"]{scroll-margin-top:96px}
body{font-family:'Montserrat',system-ui,-apple-system,sans-serif;color:var(--ink);background:#fff;line-height:1.55;font-size:16px}
img{max-width:100%;display:block}
a{color:var(--accent);text-decoration:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}

/* ===== BOTÕES ===== */
.btn{display:inline-block;background:var(--btn);color:#fff;font-weight:600;font-size:15px;
  padding:15px 34px;border-radius:10px;border:0;cursor:pointer;transition:.2s;text-align:center}
.btn:hover{filter:brightness(1.12)}
.btn.pill{border-radius:40px;padding:16px 44px}
.btn.green{background:var(--green);border-radius:40px}
.btn.light{background:#4179e0}

/* ===== HEADER ===== */
header.topo{position:sticky;top:0;z-index:100;background:var(--navy);box-shadow:0 2px 12px rgba(0,0,0,.35)}
.topo-in{max-width:1340px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;gap:28px}
.topo-in .logo img{height:46px;width:auto}
nav.menu{display:flex;align-items:center;gap:26px;margin-left:auto}
nav.menu>div{position:relative}
nav.menu a.item{color:#fff;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:10px 2px;display:inline-block}
nav.menu a.item:hover{color:var(--accent2)}
nav.menu .drop{visibility:hidden;opacity:0;transition:.15s;position:absolute;top:100%;left:-14px;background:var(--navy);
  min-width:280px;padding:10px 0;border-radius:0 0 10px 10px;box-shadow:0 14px 30px rgba(0,0,0,.4)}
nav.menu>div:hover .drop,nav.menu>div.aberto .drop{visibility:visible;opacity:1}
.drop a{display:block;color:#dfe5f2;font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;padding:10px 20px}
.drop a:hover{background:rgba(84,156,255,.12);color:#fff}
.drop .sub{color:#8fa5c2;font-size:11px;padding:8px 20px 2px;letter-spacing:.08em}
.topo .cta{margin-left:6px}
.burger{display:none;background:none;border:0;color:#fff;font-size:26px;cursor:pointer;margin-left:auto}

/* ===== HERO ===== */
.hero{background:var(--navy) url(../assets/img/hero.png) no-repeat right center/cover;min-height:755px;display:flex;align-items:flex-start;padding-top:142px;position:relative}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,5,50,.96) 0%,rgba(10,5,50,.75) 34%,rgba(10,5,50,.12) 62%,rgba(10,5,50,0) 80%)}
/* a home do vivo usa um container mais largo que o das paginas internas (texto em x=74) */
.hero .wrap{position:relative;z-index:1;width:100%;max-width:1318px}
.hero h1{color:#fff;font-size:33px;font-weight:400;line-height:1.21;max-width:460px}
.hero h1 b{color:#5197dc;font-weight:700}
.hero .sub{color:#e8ecf6;font-size:16px;line-height:1.25;margin-top:55px;max-width:340px}
.hero .sub b{font-weight:700}
.hero .btn{margin-top:52px}

/* ===== EXCELÊNCIA (split) ===== */
.excel{display:grid;grid-template-columns:46% 54%;min-height:820px}
.excel .painel{background:var(--navy2);color:#fff;padding:90px 70px 90px calc((100vw - var(--wrap))/2 + 28px);display:flex;flex-direction:column;justify-content:center}
.excel h2{font-size:31px;font-weight:400;line-height:1.35}
.excel h2 b{color:var(--accent);font-weight:700}
.excel .risco{width:64px;height:3px;background:var(--accent);margin:30px 0}
.excel p{color:#ccd3e6;font-size:15.5px;margin-bottom:22px;max-width:420px}
.excel p b{color:#fff}.excel p i{color:#fff;font-style:italic}
.excel .btn{align-self:flex-start;margin-top:16px}
.excel .foto{background:url(../assets/img/montanha.jpg) no-repeat center/cover}

/* ===== COMO FUNCIONA ===== */
/* faixa navy da frase + faixa royal "Como funciona:" (duas seções no vivo) */
.frase{background:#0b2859;color:#fff;text-align:center;padding:56px 0}
.frase h2{font-size:23px;font-weight:300;line-height:1.3}
.frase h2 b{font-weight:300}
.frase p{color:#b1b1b1;font-size:18px;font-weight:400;margin-top:28px}
.frase p b{font-weight:400}
.como-faixa{background:var(--royal);color:#c4ddff;font-size:30px;font-weight:300;line-height:1.2;padding:38px 0}
.como{padding:70px 0;background:#fff}
.como .passos{display:grid;grid-template-columns:repeat(4,1fr);gap:44px}
/* circulo royal de 69px com o icone do vivo (SVG inline, preenchido em #d3e4fe) */
.passo .ico{width:69px;height:69px;border-radius:50%;background:var(--royal);
  display:flex;align-items:center;justify-content:center;margin-bottom:26px}
.passo .ico svg{width:35px;height:35px;fill:#d3e4fe}
.passo h3{font-size:16px;font-weight:700;color:#000a33;line-height:1.22}
.passo h3 span{font-weight:400}
.passo p{font-size:12px;font-weight:300;color:#000a33;line-height:1.45;margin-top:14px}
.como .acao{text-align:center;margin-top:70px}

/* ===== NÚMEROS ===== */
.numeros{background:#10408d;color:#fff;padding:51px 0 60px;text-align:center}
.numeros h2{font-size:30px;font-weight:300;margin-bottom:52px}
.numeros h2 b{font-weight:700;color:#d3e4fe}
.numeros .grade{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:56px}
.numeros .n{font-size:40px;font-weight:700;color:#d3e4fe;line-height:1.1}
.numeros .n span{font-weight:400}
.numeros .l{font-size:16px;font-weight:300;color:#fff;margin-top:8px}

/* ===== SOLUÇÕES (cards) ===== */
.solucoes{background:linear-gradient(180deg,#fff, #ececec);padding:90px 0}
.solucoes h2{text-align:center;font-size:34px;font-weight:400;margin-bottom:64px}
.solucoes h2 b{font-weight:700}
.solucoes .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 34px}
.card-sol{text-align:center}
.card-sol img{border-radius:22px;box-shadow:0 10px 26px rgba(16,24,40,.18);width:100%;aspect-ratio:16/10;object-fit:cover;transition:.25s}
.card-sol:hover img{transform:translateY(-6px);box-shadow:0 18px 36px rgba(16,24,40,.25)}
.card-sol .t{margin-top:20px;font-size:19px;font-weight:700;color:var(--btn);line-height:1.3}
.solucoes .acao{text-align:center;margin-top:64px}

/* ===== DEPOIMENTO ===== */
.depo{background:var(--navy2);color:#fff;padding:90px 0;text-align:center}
.depo h2{font-size:32px;font-weight:400;margin-bottom:48px}
.depo h2 b{font-weight:700}
.depo img{width:118px;height:118px;border-radius:50%;object-fit:cover;margin:0 auto 18px}
.depo .nome{font-weight:700;font-size:18px}
.depo .cargo{color:#9fb0d4;font-size:14px;margin-bottom:30px}
.depo blockquote{font-size:19px;font-style:italic;color:#e6eaf6;max-width:760px;margin:0 auto;line-height:1.65}

/* ===== BTG ===== */
.btg{background:url(../assets/img/btg.jpg?v=2) no-repeat center/cover;min-height:795px;display:flex;align-items:flex-start;position:relative;padding-top:180px}
.btg::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,5,50,.55) 0%,rgba(10,5,50,0) 45%)}
.btg .wrap{position:relative;width:100%}   /* sem width o margin:auto do .wrap centraliza o item flex */
.btg .peq{color:#e8ecf6;font-size:20px}
.btg .marca{color:#fff;font-size:45px;font-weight:300;margin:8px 0 0}
.btg .marca b{font-weight:400}
.btg h2{color:#fff;font-size:52px;font-weight:300;letter-spacing:.02em;line-height:1.25;max-width:640px;text-transform:uppercase}
.btg .premio{color:#eef2fa;font-size:24px;font-weight:300;margin-top:56px}

/* ===== OUTRAS SOLUÇÕES ===== */
/* ===== OUTRAS SOLUÇÕES — abas (igual ao vivo: 4 abas, 1 painel por vez) ===== */
.outras{background:var(--navy2);color:#fff;padding:90px 0 100px}
.outras .rotulo{font-size:22px;letter-spacing:.06em;font-weight:600;color:#fff;margin-bottom:52px}
.ot-abas{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:2px;overflow:hidden}
.ot-aba{height:60px;border:0;background:transparent;cursor:pointer;font-family:inherit;
  font-size:20px;font-weight:400;color:#10408d;transition:.2s}
.ot-aba:hover{background:#eef3fb}
.ot-aba.on{background:var(--royal);color:#fff;font-weight:700}
.ot-painel{display:none;grid-template-columns:1fr 420px;gap:56px;align-items:center;
  background:#f0f0f0;min-height:515px;padding:46px 30px}
.ot-painel.on{display:grid}
.ot-painel h3{font-size:30px;font-weight:700;color:#0b2859;margin-bottom:22px}
.ot-painel p{color:#303030;font-size:18px;line-height:1.3;margin-bottom:18px;max-width:520px}
.ot-painel p b{font-weight:700}
.ot-painel ul{list-style:none;margin:0 0 18px}
.ot-painel li{color:#303030;font-size:18px;line-height:1.34;padding:3px 0}
.ot-painel li::before{content:"◉ ";color:var(--royal);font-size:12px}
.ot-painel .btn{background:#10408d;color:#fff;border-radius:13px;font-size:16px;font-weight:700;
  min-width:202px;height:50px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;margin-top:8px}
.ot-painel .btn:hover{background:#16549f}
.ot-painel .foto img{width:420px;max-width:100%;height:auto;display:block;border-radius:4px}

/* ===== PRÊMIOS ===== */
.premios-faixa{background:var(--royal2);color:#fff;text-align:center;padding:34px 0;font-size:34px;font-weight:400}
.premios{background:url(../assets/img/premios.jpg) no-repeat center/cover;min-height:640px;display:flex;align-items:center;position:relative}
.premios::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,30,.72) 0%,rgba(8,10,30,.25) 60%)}
.premios .wrap{position:relative;width:100%}   /* idem .btg: sem width o item flex fica centralizado */
.premios li{list-style:none;color:#fff;font-size:19px;padding:11px 0}
.premios .acoes{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin-top:34px}
.premios .acoes .btn{width:275px;height:62px;padding:0;display:flex;align-items:center;justify-content:center;font-size:15px}
.premios .acoes .btn:first-child{background:#10408d}
.premios .acoes .btn.claro{background:var(--royal)}
.depo .btn{margin-top:38px;display:inline-flex;align-items:center;justify-content:center;min-width:191px;height:52px;padding:0 26px}
.premios li i{font-style:italic}
.premios li span{color:var(--accent2)}

/* ===== SIMULADOR ===== */
.simul{background:#0b1237 url(../assets/img/candles.svg) repeat-x center/auto 100%;padding:110px 0;text-align:center;color:#fff}
.simul h2{font-size:42px;font-weight:400;line-height:1.3;max-width:820px;margin:0 auto}
.simul h2 b{color:var(--accent2);font-weight:700}
.simul p{color:#c9d2e8;margin:26px auto 40px;max-width:640px;font-size:16px}

/* ===== MÍDIA ===== */
.midia{background:#d9d9d9;padding:100px 0}
.midia .duas{display:grid;grid-template-columns:40% 56%;gap:4%;align-items:center}
.midia h2{font-size:34px;font-weight:400;color:#2b2f3a;line-height:1.3}
.midia h2 b{color:var(--btn);font-weight:700}
.midia .risco{width:150px;height:3px;background:var(--btn);margin:22px 0 30px}
.midia p{font-size:17px;color:#3a3f4c;line-height:1.9}
.midia p a{font-weight:700;color:var(--btn)}
.midia .tela{border-radius:14px;overflow:hidden;filter:drop-shadow(0 24px 40px rgba(0,0,0,.3))}

/* ===== TIME ===== */
.time{background:var(--navy2);color:#fff;padding:100px 0}
.time h2{text-align:center;font-size:40px;font-weight:400;margin-bottom:12px}
.time .nota{color:#9fb0d4;text-align:center;font-size:14px;margin-bottom:64px}
.time .grade{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.card-time{background:#fff;color:var(--ink);display:grid;grid-template-columns:44% 56%;min-height:200px;overflow:hidden;transition:.2s}
.card-time:hover{transform:translateY(-4px)}
.card-time img{width:100%;height:100%;object-fit:cover}
.card-time .info{padding:22px 20px;display:flex;flex-direction:column;justify-content:center}
/* medidas do vivo: nome 22/400 preto, cargo 14/300 #307ae0, complemento 10/300 preto */
.card-time .nome{font-size:22px;font-weight:400;color:#000;line-height:1.2}
.card-time .cargo{color:#307ae0;font-size:14px;font-weight:300;margin-top:10px;line-height:1.35}
.card-time .extra{color:#000;font-size:10px;font-weight:300;margin-top:12px;line-height:1.4}
.time .rodape-time{text-align:center;color:#c9d2e8;font-size:16px;margin-top:56px}
.time .rodape-time a{color:var(--accent2);font-weight:700}
.time .rodape-time .ital{display:block;font-size:12.5px;font-style:italic;color:#8fa0c6;margin-top:8px}

/* faixa volte ao início */
.volte{background:var(--royal);text-align:center;padding:44px 0}

/* ===== FORM ===== */
.contato{background:var(--navy3) url(../assets/img/candles.svg) repeat-x center/auto 100%;padding:100px 0}
.form-card{background:#f7f8fa;border-radius:16px;max-width:560px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.form-card .cab{background:var(--royal);color:#fff;padding:26px 30px;border-radius:0 0 14px 0}
.form-card .cab h3{font-size:21px;font-weight:700}
.form-card .cab p{font-size:13.5px;color:#dbe4f8;margin-top:4px}
.form-card form{padding:30px 34px 36px}
.campo{margin-bottom:24px}
.campo label{display:block;font-size:13px;color:#7a8093;margin-bottom:6px}
.campo input[type=text],.campo input[type=email],.campo input[type=tel]{width:100%;border:0;border-bottom:1.5px solid #9aa1b1;
  background:transparent;padding:8px 2px;font-size:15px;font-family:inherit;color:var(--ink);outline:none}
.campo input:focus{border-bottom-color:var(--btn)}
.valores label{display:flex;align-items:center;gap:9px;font-size:14px;color:#3a3f4c;margin:7px 0;cursor:pointer}
.valores input{accent-color:var(--btn);width:15px;height:15px}
.form-card .btn{width:100%;margin-top:10px}
.msg-ok,.msg-erro{display:none;padding:14px;border-radius:8px;font-size:14px;margin-top:14px}
.msg-ok{background:#e9f7ef;color:#1a7f4e}
.msg-erro{background:#fdeeec;color:#b3392f}

/* ===== SELOS ===== */
.selos{background:var(--navy3);border-top:1px solid rgba(255,255,255,.08);padding:70px 0}
.selos .duas{display:grid;grid-template-columns:1fr 1fr;gap:40px;text-align:left}
.selos .s .a{color:#fff;font-size:30px;font-weight:300}
.selos .s .b{color:#4d8df5;font-size:44px;font-weight:600;line-height:1.1;margin:2px 0 16px}
.selos .s p{color:#c9d2e8;font-size:15px}

/* ===== FOOTER ===== */
footer{background:#070d26 url(../assets/img/rings.svg) no-repeat center 40%/900px;color:#aab3cd;padding:80px 0 40px;position:relative;overflow:hidden}
footer h4{color:#4d8df5;font-size:16.5px;font-weight:700;margin-bottom:14px}
footer .cols{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px}
footer .fone{color:#e6eaf6;font-size:15px}
footer .und{margin-bottom:14px}
footer .und .c{color:#e6eaf6;font-size:15px}
footer .und .e{font-size:12.5px;color:#8a93b0}
footer .mini{font-size:12.5px;color:#8a93b0}
footer .social{display:flex;gap:18px;margin:34px 0 26px}
footer .social a{color:#cfd6ea;font-size:20px;opacity:.85}
footer .social a:hover{opacity:1;color:#fff}
footer .legal{font-size:10.5px;color:#5d6580;line-height:1.6;margin-top:26px;max-width:1050px}
footer .duda-off{display:none}
footer .flogo{height:44px;width:auto;margin-bottom:18px}

/* ===== PÁGINAS INTERNAS (geradas) ===== */
.pg-hero{background:var(--navy);color:#fff;padding:110px 0 70px;position:relative;overflow:hidden}
.pg-hero.com-foto{min-height:480px;display:flex;align-items:flex-end;background-size:cover;background-position:center}
.pg-hero.com-foto::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,5,50,.82),rgba(10,5,50,.45))}
.pg-hero .wrap{position:relative}
.pg-hero h1{font-size:40px;font-weight:600;line-height:1.25;max-width:820px}
.pg-hero .desc{color:#c9d2e8;font-size:17px;margin-top:16px;max-width:700px}
.pg-corpo{padding:70px 0 90px}
.pg-corpo .wrap{max-width:980px}
.pg-corpo h2{font-size:28px;font-weight:700;color:#12143c;margin:44px 0 16px;line-height:1.3}
.pg-corpo h3{font-size:21px;font-weight:700;color:var(--btn);margin:34px 0 12px}
.pg-corpo h4{font-size:17px;font-weight:700;color:#12143c;margin:26px 0 10px}
.pg-corpo p{font-size:16px;color:#3a3f4c;margin-bottom:16px;line-height:1.75}
.pg-corpo li{font-size:15.5px;color:#3a3f4c;margin:6px 0 6px 22px;line-height:1.6}
.pg-corpo img{border-radius:14px;margin:26px 0;box-shadow:0 12px 30px rgba(16,24,40,.15)}
.pg-corpo img.thumb{display:inline-block;width:190px;height:190px;object-fit:cover;margin:8px 10px 8px 0;vertical-align:top;border-radius:12px}
.pg-corpo .galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px;margin:34px 0}
.pg-corpo .gal-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 8px 20px rgba(16,24,40,.08)}
.pg-corpo .gal-card img{width:100%;height:210px;object-fit:cover;object-position:top;margin:0;border-radius:0;box-shadow:none}
.pg-corpo .gal-nome{font-weight:700;font-size:15.5px;color:#12143c;padding:12px 14px 2px}
.pg-corpo .gal-sub{font-size:12.5px;color:var(--grey);padding:0 14px 10px}
.pg-corpo .cta-linha{margin:30px 0}
.pg-corpo a:not(.btn){color:var(--btn);font-weight:600}
.pg-form{background:var(--navy3) url(../assets/img/candles.svg) repeat-x center/auto 100%;padding:80px 0}

/* =========================================================
   PÁGINAS DE PRODUTO (.pr-*) — padrão renda-fixa1 do site vivo
   Reutilizável em renda variável, fundos, previdência etc.
   ========================================================= */
:root{
  --pr-navy:#040933;        /* faixas escuras dos produtos */
  --pr-intro:#051141;       /* faixa de introdução */
  --pr-cinza:#eff2f7;       /* faixas claras */
  --pr-chip-claro:#d3e4fe;  /* chip azul claro */
  --pr-chip-medio:#abc7ec;  /* chip azul médio */
  --pr-chip-azul:#5d98ff;   /* chip azul (texto branco) */
  --pr-royal:#2a6cc2;       /* faixa debêntures */
  --pr-faixa:#4e94f6;       /* faixa de reconhecimento */
  --pr-btn:#195ab4;         /* botões das faixas escuras */
  --pr-lead:#d3e4fe;        /* texto claro sobre navy */
}

/* --- HERO com foto --- */
.pr-hero{position:relative;min-height:650px;display:flex;align-items:center;overflow:hidden;background:#02091f}
.pr-hero .foto{position:absolute;inset:0;background-size:cover;background-position:center;
  transform:scale(1.06);animation:pr-zoom 14s ease-out forwards}
@keyframes pr-zoom{to{transform:scale(1)}}
.pr-hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(0,4,14,.97) 0%,rgba(1,6,20,.86) 26%,rgba(2,9,31,.5) 58%,rgba(2,9,31,.22) 100%)}
.pr-hero .wrap{position:relative;z-index:2;width:100%}
.pr-hero h1{font-size:58px;font-weight:300;line-height:1.1;color:#eaeffb;letter-spacing:-.01em}
.pr-hero h1 b{color:var(--accent);font-weight:300}
.pr-hero .kicker{color:#93a7d4;font-size:13px;letter-spacing:.22em;text-transform:uppercase;margin-bottom:22px;font-weight:500}
.pr-hero .sub{color:#c4ddff;font-size:16px;font-weight:400;line-height:1.6;max-width:420px;margin-top:44px}
.pr-hero .sub b{font-weight:700}

/* --- INTRODUÇÃO (texto alinhado à direita sobre navy) --- */
.pr-intro{background:var(--pr-intro);padding:100px 0 165px}
/* quando a seção seguinte não sobe uma foto por cima, não precisa da folga extra */
.pr-intro.compacta{padding:56px 0}
.pr-intro .bloco{max-width:600px;margin-left:auto;text-align:right;color:var(--pr-lead)}
.pr-intro .lead{font-size:14px;font-weight:300;line-height:1.6}
.pr-intro .lead b{font-weight:700}
.pr-intro .risco{height:3px;background:var(--accent);width:100%;max-width:480px;margin:34px 0 34px auto;
  transform-origin:right;transform:scaleX(0);transition:transform 1s cubic-bezier(.2,.7,.2,1) .15s}
.pr-intro.vis .risco{transform:scaleX(1)}
.pr-intro .destaques{font-size:24px;font-weight:300;line-height:1.5;color:var(--pr-lead)}
.pr-intro .destaques i{color:var(--accent);font-style:normal}
.pr-intro .medio{font-size:20px;font-weight:300;margin-top:32px;line-height:1.5}
.pr-intro .medio i{color:var(--accent);font-style:normal}
.pr-intro .nota{font-size:14px;font-weight:300;margin-top:26px;color:#bfcdec}

/* --- BENEFÍCIOS (foto + cards) --- */
.pr-bene{background:var(--pr-cinza);padding-bottom:0}
.pr-bene .wrap{max-width:1280px}
.pr-bene .duas{display:grid;grid-template-columns:54% 46%;gap:26px;align-items:start}
/* o PNG do alpinista é transparente: entra num painel branco arredondado que
   sobe sobre a faixa navy, como no site vivo */
.pr-bene .foto{background:#fff;border-radius:42px;overflow:hidden;margin-top:-24px;
  box-shadow:0 24px 50px rgba(4,9,51,.18)}
.pr-bene .foto img{width:100%;height:auto;display:block}
.pr-bene .lista{display:flex;flex-direction:column;gap:14px;padding:26px 0 46px}
.pr-card{background:#fff;border-radius:10px;box-shadow:0 3px 14px rgba(4,9,51,.10);
  padding:20px 26px;display:grid;grid-template-columns:66px 1fr;align-items:center;gap:8px;transition:.25s}
.pr-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(4,9,51,.16)}
.pr-card .ico{width:52px;height:52px;border-radius:50%;background:#e9f1fd;display:flex;align-items:center;justify-content:center}
.pr-card .ico svg{width:28px;height:28px;fill:var(--accent)}
.pr-card .txt{text-align:center}
/* #2b71d4 em vez do --accent claro (2,8:1): mesma família, mas passa AA sobre branco (4,8:1) */
.pr-card h3{font-size:17.5px;font-weight:700;color:#2b71d4;text-transform:uppercase;letter-spacing:.01em;margin-bottom:6px}
.pr-card p{font-size:14.5px;font-weight:300;color:#000a33;line-height:1.5}

/* --- BENEFÍCIOS variante faixa: foto sangrando à esquerda + cards sobrepostos --- */
.pr-bene.faixa{background:#10408d;padding:0}
.pr-bene.faixa .duas{display:grid;grid-template-columns:50% 50%;gap:0;align-items:center;max-width:none;padding:0}
.pr-bene.faixa .foto{margin:0;border-radius:0;box-shadow:none;background:none;align-self:stretch}
.pr-bene.faixa .foto img{width:100%;height:100%;object-fit:cover;min-height:405px}
.pr-bene.faixa .lista{padding:34px calc((100vw - var(--wrap))/2 + 28px) 34px 0;margin-left:-90px;position:relative;z-index:2}

/* --- SEÇÕES DE PRODUTO --- */
.pr-prod{padding:100px 0}
/* logo abaixo da seção de benefícios a foto já dá o respiro (igual ao site vivo) */
.pr-prod.compacta{padding:30px 0}
.pr-prod .duas{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
/* proporção do site vivo em renda variável: coluna de chips mais larga */
.pr-prod .duas.chips-largos{grid-template-columns:1.72fr 1fr}
.pr-prod .duas.titulo-esq .col-tit{order:1}
.pr-prod .duas.titulo-esq .col-chips{order:2}
.pr-prod .duas.titulo-dir .col-chips{order:1}
.pr-prod .duas.titulo-dir .col-tit{order:2}
.pr-prod h2{font-size:50px;font-weight:700;line-height:1.05;letter-spacing:-.01em;margin-bottom:26px;text-transform:uppercase}
.pr-prod h2 span{display:block}
.pr-prod .col-tit p{font-size:15.5px;font-weight:300;line-height:1.55;margin-bottom:14px;max-width:400px}
.pr-prod .col-tit .frase{font-size:25px;font-weight:700;line-height:1.35;margin-top:6px}
.pr-chips{display:flex;flex-direction:column;gap:14px}
.pr-chip{border-radius:18px;padding:20px 24px;font-size:15px;font-weight:400;line-height:1.5;text-align:justify}
.pr-chip b{font-weight:700}
.pr-chip .obs{display:block;font-size:12px;margin-top:12px;opacity:.75}

/* claro sobre branco */
.pr-prod.tema-branco{background:#fff}
.pr-prod.tema-branco h2{color:#030933}
.pr-prod.tema-branco .col-tit p,.pr-prod.tema-branco .col-tit .frase{color:#2a3040}
.pr-prod.tema-branco .pr-chip{background:var(--pr-chip-claro);color:#0b1330}

/* navy */
.pr-prod.tema-navy{background:var(--pr-navy)}
.pr-prod.tema-navy h2{color:var(--pr-lead)}
.pr-prod.tema-navy .col-tit p{color:var(--pr-lead)}
.pr-prod.tema-navy .col-tit .frase{color:var(--pr-lead)}
.pr-prod.tema-navy .pr-chip{background:var(--pr-cinza);color:#0b1330}
.pr-prod.tema-navy .pr-chip .obs{color:#1c3c8f;opacity:1}

/* cinza com chip azul */
.pr-prod.tema-cinza{background:var(--pr-cinza)}
.pr-prod.tema-cinza h2{color:#030933}
.pr-prod.tema-cinza h2 span.azul{color:var(--accent)}
.pr-prod.tema-cinza .col-tit p{color:#2a3040}
.pr-prod.tema-cinza .col-tit .frase{color:#113f8d;font-weight:300}
.pr-prod.tema-cinza .pr-chip{background:var(--pr-chip-azul);color:#fff}
.pr-prod.tema-cinza .pr-chip b{color:#fff}

/* royal */
.pr-prod.tema-royal{background:var(--pr-royal)}
.pr-prod.tema-royal h2{color:var(--pr-lead)}
.pr-prod.tema-royal .col-tit p{color:#fff}
.pr-prod.tema-royal .col-tit .frase{color:var(--pr-lead)}
.pr-prod.tema-royal .pr-chip{background:var(--pr-cinza);color:#0b1330}

/* cinza com chip azul médio */
.pr-prod.tema-cinza2{background:var(--pr-cinza)}
.pr-prod.tema-cinza2 h2{color:#030933}
.pr-prod.tema-cinza2 .col-tit p{color:#2a3040}
.pr-prod.tema-cinza2 .pr-chip{background:var(--pr-chip-medio);color:#0b1330}

/* cinza com chip cinza (renda variável: ações, BDR) */
.pr-prod.tema-cinza3{background:var(--pr-cinza)}
.pr-prod.tema-cinza3 h2{color:var(--accent)}
.pr-prod.tema-cinza3 .col-tit p{color:#2a3040}
.pr-prod.tema-cinza3 .col-tit .frase{color:#0b1330}
.pr-prod.tema-cinza3 .pr-chip{background:#e4e4e4;color:#0b1330}

/* azul-escuro com chip claro (ETF) */
.pr-prod.tema-royal2{background:#103f8d}
.pr-prod.tema-royal2 h2{color:#fff}
.pr-prod.tema-royal2 .col-tit p,.pr-prod.tema-royal2 .col-tit .frase{color:#fff}
.pr-prod.tema-royal2 .pr-chip{background:var(--pr-cinza);color:#0b1330}

/* cinza com chip navy (derivativos) — inversão */
.pr-prod.tema-invertido{background:var(--pr-cinza)}
.pr-prod.tema-invertido h2{color:#030933}
.pr-prod.tema-invertido .col-tit p{color:#2a3040}
.pr-prod.tema-invertido .col-tit .frase{color:#0b1330}
.pr-prod.tema-invertido .pr-chip{background:linear-gradient(90deg,#00062c 0%,#0c1555 100%);color:var(--pr-lead)}
.pr-prod.tema-invertido .pr-chip b{color:#fff}

/* --- FAIXA DE RECONHECIMENTO --- */
.pr-faixa{background:var(--pr-faixa);padding:72px 0;text-align:center}
.pr-faixa .p{color:#fff;font-size:20px;font-weight:400;line-height:1.45}
.pr-faixa .g{color:#030933;font-size:30px;font-weight:400;line-height:1.35;margin:2px 0}

/* --- FORMULÁRIO SOBRE FOTO --- */
.pr-form{position:relative;padding:90px 0;background:#0b1024;overflow:hidden}
.pr-form .foto{position:absolute;inset:0;background-size:cover;background-position:center 30%}
.pr-form video.fundo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.pr-form .wrap{position:relative;z-index:2;display:flex;justify-content:flex-end}
.pr-form .card{background:rgba(255,255,255,.86);backdrop-filter:blur(2px);border-radius:20px;padding:30px;width:440px;max-width:100%;
  box-shadow:0 26px 60px rgba(2,9,31,.35)}
.pr-form .cab{background:#02081e;padding:24px 26px;margin:-30px -30px 26px;border-radius:20px 20px 0 0}
.pr-form .cab h2{color:#c4ddff;font-size:26px;font-weight:400;line-height:1.2}
.pr-form .cab p{color:#d6e5fd;font-size:15px;font-weight:300;margin-top:8px}
.pr-form .campo{margin-bottom:22px}
.pr-form .campo label{display:block;font-size:14px;font-weight:300;color:#4b4c53;margin-bottom:10px}
.pr-form input[type=text],.pr-form input[type=email],.pr-form input[type=tel]{width:100%;border:0;border-bottom:1px solid #9b9da6;
  background:transparent;padding:6px 2px;font-size:15px;font-family:inherit;color:var(--ink);outline:none;transition:.2s}
.pr-form input:focus{border-bottom-color:var(--accent)}
.pr-form .valores>label{font-size:14px;font-weight:300;color:#4b4c53;margin-bottom:8px;display:block}
.pr-form .valores .op{display:flex;align-items:center;gap:9px;font-size:13px;color:#4b4c53;margin:6px 0;cursor:pointer;font-weight:400}
.pr-form .valores .op input{accent-color:var(--accent);width:14px;height:14px}
.pr-form .enviar{display:block;width:280px;max-width:100%;margin:26px auto 0;background:#4f99ff;color:#fff;border:0;cursor:pointer;
  font-family:inherit;font-size:16px;font-weight:600;padding:16px;border-radius:35px;box-shadow:0 6px 18px rgba(2,9,31,.28);transition:.2s}
.pr-form .enviar:hover{filter:brightness(1.08);transform:translateY(-2px)}

/* --- FAIXA WHATSAPP --- */
.pr-wa{background:#02081e;padding:34px 0;text-align:center}
.pr-wa .btn{background:var(--pr-btn);border-radius:40px;padding:17px 46px;font-weight:700;font-size:16px}

/* --- SIMULADOR --- */
.pr-simul{background:#0c285a;padding:120px 0 40px;text-align:center;color:#fff}
.pr-simul h2{font-size:70px;font-weight:300;line-height:1.12;max-width:930px;margin:0 auto;letter-spacing:-.015em}
.pr-simul h2 i{color:#99bae5;font-style:normal}
.pr-simul p{font-size:16px;font-weight:300;color:#eaf0fb;max-width:660px;margin:56px auto 34px;line-height:1.5}
.pr-simul .btn{background:var(--pr-btn);border-radius:8px;padding:16px 34px;font-weight:600}

/* --- SELOS (variante das páginas de produto) --- */
.selos.pr-selos{background:#041433;padding:80px 0 60px;border-top:0}
.selos.pr-selos .s .a,.selos.pr-selos .s .b{color:#307ae0;font-size:40px;font-weight:300;line-height:1.2;margin:0}
.selos.pr-selos .s p{color:#f6f6f6;font-size:16px;font-weight:300;margin-top:20px}

/* --- "O QUE VOCÊ ENCONTRA AQUI" (navy sobre foto) --- */
.pr-encontra{position:relative;background:#02091f;padding:120px 0;overflow:hidden}
.pr-encontra .foto{position:absolute;inset:0;background-size:cover;background-position:center}
.pr-encontra::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(2,9,31,.82) 0%,rgba(2,9,31,.62) 42%,rgba(2,9,31,.5) 100%)}
.pr-encontra .wrap{position:relative;z-index:2}
.pr-encontra h2{color:var(--pr-lead);font-size:50px;font-weight:400;line-height:1.22;letter-spacing:-.01em}
.pr-encontra .chamada{color:var(--pr-lead);font-size:24px;font-weight:400;line-height:1.4;margin-top:64px}
.pr-encontra .chamada b{font-weight:700}
.pr-encontra .chamada i{color:#6c96fc;font-style:normal;font-weight:700}
.pr-encontra p{color:var(--pr-lead);font-size:16px;font-weight:300;line-height:1.55;margin-top:34px;max-width:520px}
.pr-encontra ul{list-style:none;margin-top:22px}
.pr-encontra li{color:var(--pr-lead);font-size:16px;font-weight:400;padding:3px 0 3px 32px;position:relative}
.pr-encontra li::before{content:"◉";position:absolute;left:0;top:3px;color:var(--accent);font-size:12px}

/* --- FAIXA DE TÍTULO (abre o bloco de produtos) --- */
.pr-titulo-faixa{background:#02081e;padding:44px 0}
.pr-titulo-faixa h2{font-size:40px;font-weight:300;line-height:1.22}
.pr-titulo-faixa h2 b{color:var(--accent);font-weight:400;display:block}
.pr-titulo-faixa h2 span{color:var(--pr-lead);display:block}

/* --- "PARA QUEM É" (foto + painel numerado) --- */
.pr-paraquem{background:#030833;display:grid;grid-template-columns:42% 58%;align-items:stretch}
.pr-paraquem .foto{background-size:cover;background-position:center;min-height:560px}
.pr-paraquem .painel{padding:64px calc((100vw - var(--wrap))/2 + 28px) 64px 34px}
.pr-paraquem h2{color:#fff;font-size:25px;font-weight:700;line-height:1.25}
.pr-paraquem .rot{color:#e4e4e4;font-size:16px;font-weight:400;margin-top:14px;letter-spacing:.02em}
.pr-paraquem .itens{display:grid;grid-template-columns:1fr 1fr;gap:38px 40px;margin-top:52px}
.pr-paraquem .item{display:grid;grid-template-columns:88px 1fr;align-items:start}
.pr-paraquem .n{color:#6baaff;font-size:55px;font-weight:400;line-height:1}
.pr-paraquem .item h3{color:#fff;font-size:20px;font-weight:700;line-height:1.2}
.pr-paraquem .item p{color:#929292;font-size:15px;font-weight:300;line-height:1.5;margin-top:14px}

/* --- FAIXA CTA CLARA --- */
.pr-cta-claro{background:var(--pr-cinza);padding:56px 0;text-align:center}
.pr-cta-claro .btn{background:var(--pr-btn);border-radius:25px;padding:17px 40px;font-size:16px;font-weight:500}

/* =========================================================
   FUNDOS DE INVESTIMENTOS (.fi-*) — padrão /fundos-de-investimentos
   ========================================================= */
/* --- HERO CLARO com listras --- */
.fi-hero{background:#e7eef8;padding:230px 0}
.fi-hero h1{color:#10408d;font-size:48px;font-weight:400;line-height:1.15;letter-spacing:-.01em}
.fi-hero .listras{margin-top:32px;max-width:810px}
.fi-hero .listras img{width:100%;height:20px;object-fit:fill;display:block}

/* --- FAIXA ROYAL com texto à direita --- */
.fi-intro{background:var(--pr-btn);padding:66px 0}
.fi-intro p{color:#d2e5ff;font-size:20px;font-weight:400;line-height:1.5;text-align:right;max-width:640px;margin-left:auto}
.fi-intro p b{color:#fff;font-weight:700}

/* --- FAIXA ROYAL com foto + cards --- */
.fi-destaques{background:var(--pr-btn);padding:30px 0}
.fi-destaques .duas{display:grid;grid-template-columns:52% 48%;gap:40px;align-items:center}
/* bloco navy decorativo emoldurando a foto (esquerda, direita e topo), rente embaixo */
.fi-destaques .foto{position:relative;padding:12px 44px 0}
.fi-destaques .foto::before{content:"";position:absolute;inset:0;background:#103f8d}
.fi-destaques .foto img{position:relative;width:100%;display:block;object-fit:cover;aspect-ratio:567/552}
.fi-destaques .lista{display:flex;flex-direction:column;gap:16px}
.fi-destaques .acao{margin-top:26px;text-align:center}
.fi-destaques .acao .btn{background:#2d77e2;border-radius:26px;padding:16px 42px;font-size:16px;font-weight:500;min-width:330px}

@media (max-width:1024px){
  .fi-hero{padding:120px 0}
  .fi-hero h1{font-size:38px}
  .fi-intro p{text-align:left;margin-left:0}
  .fi-destaques .duas{grid-template-columns:1fr;gap:30px}
}
@media (max-width:640px){
  .fi-hero{padding:80px 0}
  .fi-hero h1{font-size:30px}
  .fi-intro p{font-size:17px}
  .fi-destaques .foto{padding:10px 22px 0}
  .fi-destaques .acao .btn{min-width:0;width:100%;padding:16px 20px}
}

/* =========================================================
   PREVIDÊNCIA (.pv-*) — padrão /previdencia do site vivo
   Landing longa: hero + pilares + split + passos + comparativo
   + prêmios + FAQ + CTA
   ========================================================= */
:root{
  --pv-navy:#00112b;
  --pv-royal:#1a5bc0;
  --pv-azul:#5fa8f0;
  --pv-texto:#33405c;
  --pv-mudo:#6b7a99;
  --pv-cinza:#f4f4f6;
  --pv-verde:#25d366;
}
.pv-sec{padding:110px 0}
.pv-sec.cinza{background:var(--pv-cinza)}
.pv-sec.navy{background:var(--pv-navy)}
.pv-sec.royal{background:var(--pv-royal)}
.pv-sec.curta{padding:80px 0}

/* rótulo "_ Texto" */
.pv-rot{color:var(--pv-royal);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px}
.pv-rot.claro{color:var(--pv-azul)}
.pv-sec.centro .pv-rot,.pv-sec.centro h2,.pv-sec.centro>.wrap>p{text-align:center}

/* títulos */
.pv-h2{font-size:46px;font-weight:300;line-height:1.12;color:var(--pv-navy);letter-spacing:-.02em}
.pv-h2 b{color:var(--pv-royal);font-weight:700}
.pv-h2.claro{color:#fff}
.pv-h2.claro b{color:var(--pv-azul)}
.pv-lead{font-size:18px;font-weight:400;line-height:1.6;color:var(--pv-texto)}
.pv-corpo{font-size:16.5px;font-weight:400;line-height:1.7;color:var(--pv-texto)}
.pv-corpo b{color:var(--pv-royal);font-weight:700}
.pv-nota{font-size:12.5px;font-weight:400;line-height:1.5;color:var(--pv-mudo)}

/* botões da landing */
.pv-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:inherit;
  font-size:13.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:16px 30px;
  border-radius:8px;border:0;cursor:pointer;transition:.2s;text-align:center}
.pv-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.pv-btn.azul{background:var(--pv-royal);color:#fff}
.pv-btn.verde{background:var(--pv-verde);color:#fff}
.pv-btn.branco{background:#fff;color:var(--pv-royal)}
.pv-btn.contorno{background:transparent;color:var(--pv-navy);border:1.5px solid rgba(0,17,43,.25)}
.pv-btn.contorno:hover{border-color:var(--pv-royal);color:var(--pv-royal)}
.pv-btn svg{width:18px;height:18px;flex:0 0 auto}
.pv-acoes{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}

/* --- HERO --- */
.pv-hero{position:relative;background:var(--pv-navy);min-height:760px;display:flex;align-items:center;overflow:hidden}
.pv-hero .foto{position:absolute;top:0;right:0;bottom:0;width:52%;background-size:cover;background-position:center}
.pv-hero .foto::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,#00112b 0%,rgba(0,17,43,.85) 42%,rgba(0,17,43,.3) 100%)}
.pv-hero .wrap{position:relative;z-index:2;width:100%}
.pv-hero h1{font-size:62px;font-weight:300;line-height:1.08;color:#fff;max-width:560px;letter-spacing:-.02em}
.pv-hero h1 b{color:var(--pv-azul);font-weight:700}
.pv-hero .lead{font-size:18px;font-weight:400;line-height:1.65;color:rgba(255,255,255,.8);max-width:500px;margin-top:30px}
.pv-numeros{display:flex;flex-wrap:wrap;gap:52px;margin-top:56px}
.pv-numeros .n{font-size:32px;font-weight:700;color:#fff;line-height:1.1}
.pv-numeros .l{font-size:12px;font-weight:400;color:var(--pv-mudo);margin-top:6px}
.pv-fonte{font-size:11px;color:rgba(255,255,255,.35);margin-top:26px}

/* --- "O QUE É" (centralizado) --- */
.pv-sobre{text-align:center}
.pv-sobre .ico{width:48px;height:48px;border-radius:50%;background:rgba(26,91,192,.08);display:flex;align-items:center;justify-content:center;margin:0 auto 22px}
.pv-sobre .ico svg{width:26px;height:26px;stroke:var(--pv-royal);fill:none;stroke-width:1.6}
.pv-sobre .intro{font-size:20px;font-weight:500;line-height:1.7;color:var(--pv-navy);max-width:700px;margin:0 auto}
.pv-sobre .pv-corpo{max-width:700px;margin:22px auto 0}
.pv-sobre .pv-nota{margin-top:26px}

/* --- PILARES --- */
.pv-pilares{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.pv-card{background:#fff;border:1px solid rgba(0,17,43,.05);border-radius:14px;padding:36px 30px;
  box-shadow:0 20px 40px -28px rgba(0,17,43,.25);transition:.25s}
.pv-card:hover{transform:translateY(-5px);box-shadow:0 26px 50px -26px rgba(0,17,43,.32)}
.pv-card .ico{width:46px;height:46px;border-radius:12px;background:rgba(26,91,192,.08);
  display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.pv-card .ico svg{width:24px;height:24px;stroke:var(--pv-royal);fill:none;stroke-width:1.6}
.pv-card h3{font-size:22px;font-weight:600;color:var(--pv-royal);margin-bottom:12px}
.pv-card p{font-size:14.7px;font-weight:400;line-height:1.65;color:var(--pv-mudo)}

/* --- SPLIT (texto + foto) --- */
.pv-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.pv-split .foto{border-radius:16px;overflow:hidden;min-height:460px;background-size:cover;background-position:center}
.pv-split ul{list-style:none;margin:28px 0 0}
.pv-split li{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;
  font-size:15px;color:var(--pv-texto);line-height:1.5;padding:7px 0}
.pv-split li svg{width:18px;height:18px;stroke:var(--pv-royal);fill:none;stroke-width:2;margin-top:2px}

/* --- PASSOS --- */
.pv-passos{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:64px;position:relative}
.pv-passos::before{content:"";position:absolute;top:17px;left:16%;right:16%;height:2px;background:rgba(26,91,192,.2)}
.pv-passo{position:relative;text-align:center}
.pv-passo .n{width:34px;height:34px;border-radius:50%;background:var(--pv-royal);color:#fff;
  font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;position:relative;z-index:2}
.pv-passo h3{font-size:22px;font-weight:600;color:var(--pv-navy);margin-bottom:10px}
.pv-passo p{font-size:14.7px;line-height:1.6;color:var(--pv-mudo);max-width:340px;margin:0 auto}

/* --- COMPARATIVO PGBL x VGBL --- */
.pv-compara{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:56px}
.pv-compara .cx{background:#fff;border:1px solid rgba(0,17,43,.08);border-radius:14px;padding:34px;
  box-shadow:0 20px 40px -30px rgba(0,17,43,.22)}
.pv-tag{display:inline-block;background:rgba(26,91,192,.08);color:var(--pv-royal);font-size:10.5px;
  font-weight:700;letter-spacing:.1em;padding:5px 12px;border-radius:6px;margin-bottom:18px}
.pv-compara h3{font-size:22px;font-weight:600;color:var(--pv-navy);margin-bottom:18px}
.pv-compara ul{list-style:none}
.pv-compara li{font-size:14.4px;line-height:1.55;color:var(--pv-mudo);padding:9px 0 9px 20px;position:relative}
.pv-compara li::before{content:"";position:absolute;left:0;top:16px;width:7px;height:7px;border-radius:50%;background:rgba(26,91,192,.35)}

/* --- PRÊMIOS --- */
.pv-premios{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:56px}
.pv-premio{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:26px 24px;transition:.25s}
.pv-premio:hover{background:rgba(255,255,255,.07);transform:translateY(-4px)}
.pv-premio .yr{color:var(--pv-azul);font-size:11px;font-weight:700;letter-spacing:.1em}
.pv-premio h3{color:#fff;font-size:16.5px;font-weight:600;margin:8px 0 6px;line-height:1.3}
.pv-premio p{color:var(--pv-mudo);font-size:12.5px}
.pv-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:60px}
.pv-stats .n{color:var(--pv-azul);font-size:42px;font-weight:700;line-height:1.05}
.pv-stats .l{color:rgba(255,255,255,.55);font-size:12px;margin-top:8px}

/* --- FAQ --- */
.pv-faq{max-width:840px;margin:56px auto 0}
.pv-faq .item{border-bottom:1px solid rgba(0,17,43,.1)}
.pv-faq .q{width:100%;background:none;border:0;cursor:pointer;font-family:inherit;text-align:left;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  font-size:16px;font-weight:600;color:var(--pv-navy);padding:26px 0;transition:.2s}
.pv-faq .q:hover{color:var(--pv-royal)}
.pv-faq .q .mais{color:var(--pv-royal);font-size:24px;font-weight:400;line-height:1;flex:0 0 auto;transition:transform .25s}
.pv-faq .item.aberto .q .mais{transform:rotate(45deg)}
.pv-faq .a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.pv-faq .a p{font-size:14.7px;line-height:1.7;color:var(--pv-mudo);padding:0 40px 26px 0}

/* --- CTA FINAL --- */
.pv-cta{text-align:center}
.pv-cta .pv-h2{max-width:640px;margin:0 auto}
.pv-cta .lead{color:rgba(255,255,255,.85);font-size:18px;line-height:1.6;max-width:640px;margin:22px auto 0}
.pv-cta .pv-acoes{justify-content:center}
.pv-voltar{background:#fff;padding:40px 0;text-align:center}

@media (max-width:1024px){
  .pv-sec{padding:80px 0}
  /* a seção é flex no desktop: no mobile vira bloco, senão a foto (irmã do .wrap)
     é espremida como item flex em vez de virar faixa no topo */
  .pv-hero{display:block;min-height:0;padding:0 0 70px}
  .pv-hero .foto{position:relative;width:100%;height:260px;margin:0 0 44px}
  .pv-hero .foto::after{background:linear-gradient(180deg,rgba(0,17,43,.2),rgba(0,17,43,.7))}
  .pv-hero h1{font-size:44px;max-width:none}
  .pv-h2{font-size:36px}
  .pv-pilares,.pv-premios,.pv-stats{grid-template-columns:repeat(2,1fr)}
  .pv-split{grid-template-columns:1fr;gap:34px}
  .pv-split .foto{min-height:300px;order:2}
  .pv-passos{grid-template-columns:1fr;gap:40px}
  .pv-passos::before{display:none}
  .pv-compara{grid-template-columns:1fr}
}
@media (max-width:640px){
  .pv-sec{padding:60px 0}
  .pv-hero h1{font-size:33px}
  .pv-hero .lead{font-size:16px}
  .pv-h2{font-size:28px}
  .pv-numeros{gap:26px}
  .pv-numeros .n{font-size:26px}
  .pv-pilares,.pv-premios,.pv-stats{grid-template-columns:1fr}
  .pv-sobre .intro{font-size:17.5px}
  .pv-acoes .pv-btn{width:100%}
  .pv-stats .n{font-size:34px}
}

/* =========================================================
   ENERGIA SOLAR (.es-*) — padrão /energia-solar-pf do site vivo
   ========================================================= */
:root{
  --es-royal:#195ab4;      /* faixas azuis */
  --es-navy:#10408d;       /* cartões e degradês */
  --es-escuro:#000636;
  --es-verde:#71cc8a;      /* botão especialista */
  --es-verde2:#57d071;     /* botão WhatsApp do form */
  --es-claro:#d3e4fe;
  --es-btn:#307ae0;
}
.es-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;
  font-size:16px;font-weight:600;color:#fff;padding:16px 30px;border:0;cursor:pointer;transition:.2s;text-align:center}
.es-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}
.es-btn svg{width:20px;height:20px;fill:currentColor;flex:0 0 auto}
.es-btn.reta{border-radius:6px}
.es-btn.pilula{border-radius:50px}
.es-btn.azul{background:var(--es-royal)}
.es-btn.azul-claro{background:var(--es-btn)}
.es-btn.verde{background:var(--es-verde)}
.es-btn.verde2{background:var(--es-verde2)}
.es-acoes{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}

/* --- HERO --- */
.es-hero{position:relative;background:linear-gradient(90deg,#10408d 0%,#011a48 100%);overflow:hidden;
  padding:96px 0 0;min-height:546px;display:flex;align-items:center}
.es-hero .foto{position:absolute;right:0;bottom:0;width:50%;height:100%;
  background-repeat:no-repeat;background-size:contain;background-position:center bottom}
.es-hero .wrap{position:relative;z-index:2;width:100%;padding-bottom:60px}
.es-hero h1{color:#fff;font-size:56px;font-weight:400;line-height:1.13;max-width:600px;letter-spacing:-.01em}
.es-hero p{color:#fff;font-size:16px;line-height:1.6;margin-top:30px;max-width:520px}
.es-hero p b{font-weight:700}

/* --- SOLUÇÃO (texto + cartão) --- */
.es-solucao{background:var(--es-royal);padding:100px 0}
.es-solucao .duas{display:grid;grid-template-columns:1fr 500px;gap:60px;align-items:start}
.es-solucao .rot{color:var(--es-claro);font-size:15px;margin-bottom:14px}
.es-solucao h2{color:var(--es-claro);font-size:45px;font-weight:400;line-height:1.32;letter-spacing:-.01em}
.es-cartao{background:var(--es-navy);border-radius:41px;padding:48px 44px;color:#fff}
.es-cartao h3{font-size:22px;font-weight:300;line-height:1.25;margin-bottom:30px}
.es-cartao .ico{width:54px;height:54px;margin-bottom:22px}
.es-cartao .ico svg{width:100%;height:100%;fill:#fff}
.es-cartao .num{font-size:60px;font-weight:600;line-height:1}
.es-cartao .num-l{font-size:16px;line-height:1.35;margin-top:10px}
.es-cartao .txt{font-size:16px;font-weight:300;line-height:1.55;margin-top:22px}
.es-cartao .txt b{font-weight:700}
.es-cartao hr{border:0;border-top:1px solid rgba(255,255,255,.25);margin:34px 0}
.es-cartao .frase{font-size:25px;font-weight:500;line-height:1.4;color:var(--es-claro)}
.es-passos{margin-top:34px}
.es-passos .p{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center;padding:14px 0}
.es-passos .n{font-size:45px;font-weight:800;color:#6baaff;line-height:1}
.es-passos .d{font-size:16px;color:var(--es-claro);line-height:1.45}
.es-cartao .es-acoes{justify-content:center;margin-top:34px}

/* --- POR QUE ADERIR (fundo escuro texturizado) --- */
.es-porque{position:relative;background:#02091f;padding:105px 0;overflow:hidden}
.es-porque .fundo{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.55}
.es-porque::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,9,31,.9) 0%,rgba(2,9,31,.55) 60%,rgba(2,9,31,.4) 100%)}
.es-porque .wrap{position:relative;z-index:2}
.es-porque h2{color:#fff;font-size:45px;font-weight:400;line-height:1.2;max-width:760px;letter-spacing:-.01em}
.es-porque .lista{margin-top:56px;max-width:640px}
.es-porque .item{padding:14px 0}
.es-porque .item h3{color:#fff;font-size:24px;font-weight:500;margin-bottom:8px}
.es-porque .item p{color:#fff;font-size:16px;font-weight:300;line-height:1.5}
.es-porque .item p b{font-weight:700}

/* --- QUEM PODE ADERIR --- */
.es-quem{background:var(--es-royal);padding:76px 0 62px;text-align:center}
.es-quem .ico{width:44px;height:44px;margin:0 auto 18px}
.es-quem .ico svg{width:100%;height:100%;fill:#fff}
.es-quem h2{color:#fff;font-size:40px;font-weight:400;line-height:1.2}
.es-quem h2 b{font-weight:600}
.es-requisitos{background:linear-gradient(90deg,#10408d 0%,#000636 100%);padding:46px 0 20px}
.es-requisitos .tres{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.es-requisitos .cx{border-radius:10px;padding:34px 26px;text-align:center;color:#fff}
.es-requisitos .cx:nth-child(1){background:var(--es-royal)}
.es-requisitos .cx:nth-child(2){background:var(--es-navy)}
.es-requisitos .cx:nth-child(3){background:#0b2859}
.es-requisitos .cx .r{font-size:16px;font-weight:300}
.es-requisitos .cx .v{font-size:50px;font-weight:700;color:var(--es-claro);line-height:1.15;margin:6px 0}
.es-requisitos .cx .v.menor{font-size:42px}
.es-acoes-faixa{background:linear-gradient(90deg,#10408d 0%,#000636 100%);padding:0 0 46px;text-align:center}
.es-acoes-faixa .es-acoes{justify-content:center;margin-top:0;flex-direction:column;align-items:center;gap:14px}

/* --- DESCUBRA (texto + vídeo) --- */
.es-descubra{background:var(--es-royal);padding:110px 0}
.es-descubra .duas{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.es-descubra h2{color:#fff;font-size:45px;font-weight:400;line-height:1.2;max-width:420px;letter-spacing:-.01em}
.es-descubra p{color:#fff;font-size:16px;font-weight:300;line-height:1.5;margin-top:22px;max-width:380px}
.es-midia{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:600/488}
.es-midia video,.es-midia img{width:100%;height:100%;object-fit:cover;display:block}
.es-midia .flutua{position:absolute;left:8%;top:50%;transform:translateY(-50%);
  background:var(--accent);color:#fff;border-radius:50px;padding:18px 26px;font-size:16px;font-weight:600;
  box-shadow:0 10px 24px rgba(2,9,31,.3)}
.es-midia .flutua:hover{filter:brightness(1.08)}

/* --- FORMULÁRIO --- */
.es-form{background:linear-gradient(90deg,#e2e2e2 0%,#fff 100%);padding:100px 0;text-align:center}
.es-form h2{color:var(--es-royal);font-size:40px;font-weight:700;line-height:1.2}
.es-form>.wrap>p{color:#000;font-size:16px;font-weight:300;margin-top:14px}
.es-form form{max-width:790px;margin:44px auto 0;text-align:left}
.es-form .linha{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.es-form .campo{margin-bottom:22px}
.es-form label{display:block;font-size:16px;font-weight:300;color:#313131;margin-bottom:8px}
.es-form input[type=text],.es-form input[type=email],.es-form input[type=tel]{width:100%;background:#fff;
  border:1px solid #c9ccd4;border-radius:6px;padding:13px 16px;font-size:15px;font-family:inherit;color:var(--ink);outline:none;transition:.2s}
.es-form input:focus{border-color:var(--es-royal)}
.es-form .arquivo{border:1.5px dashed #b6bac4;border-radius:8px;background:#fff;padding:26px;text-align:center;cursor:pointer;transition:.2s}
.es-form .arquivo:hover{border-color:var(--es-royal);background:#f7f9ff}
.es-form .arquivo span{display:block;font-size:14.5px;color:#6d7280}
.es-form .arquivo input{display:none}
.es-form .enviar{display:block;width:258px;margin:34px auto 0;background:var(--es-royal);border-radius:50px;
  color:#fff;border:0;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:16px;transition:.2s}
.es-form .enviar:hover{filter:brightness(1.1);transform:translateY(-2px)}
.es-form .extras{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:26px}
.es-form .extras .es-btn{min-width:258px;padding:15px 24px}
.es-form .msg-ok,.es-form .msg-erro{max-width:520px;margin:16px auto 0}

/* --- PERGUNTAS FREQUENTES --- */
.es-faq{background:#ececec;padding:60px 0}
.es-faq .duas{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.es-faq h2{color:var(--es-navy);font-size:45px;font-weight:400;line-height:1.15;letter-spacing:-.01em}
.es-faq .lado .es-acoes{margin-top:40px}
.es-faq .item{border-bottom:1px solid rgba(0,17,43,.12)}
.es-faq .q{width:100%;background:none;border:0;cursor:pointer;font-family:inherit;text-align:left;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  font-size:20px;font-weight:400;color:#223855;padding:22px 0;transition:.2s}
.es-faq .q:hover{color:var(--es-royal)}
.es-faq .q .mais{color:#223855;font-size:24px;line-height:1;flex:0 0 auto;transition:transform .25s}
.es-faq .item.aberto .q .mais{transform:rotate(45deg)}
.es-faq .a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.es-faq .a .dentro{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;padding:0 0 24px}
.es-faq .a .dentro.sem-foto{grid-template-columns:1fr}
.es-faq .a img{width:100%;border-radius:8px;display:block}
.es-faq .a p{font-size:16px;font-weight:300;line-height:1.55;color:#000;margin-bottom:14px}

@media (max-width:1024px){
  .es-hero{padding:70px 0 0;min-height:0;display:block}
  .es-hero .foto{position:relative;width:100%;height:280px;background-size:contain;background-position:center bottom}
  .es-hero .wrap{padding-bottom:36px}
  .es-hero h1{font-size:38px}
  .es-solucao .duas,.es-descubra .duas,.es-faq .duas{grid-template-columns:1fr;gap:36px}
  .es-solucao h2{font-size:34px}
  .es-porque h2,.es-descubra h2,.es-faq h2{font-size:34px}
  .es-quem h2{font-size:30px}
  .es-requisitos .tres{grid-template-columns:minmax(0,1fr);gap:16px}
  .es-requisitos .cx .v{font-size:36px}
  .es-requisitos .cx .v.menor{font-size:30px}
  .es-form .linha{grid-template-columns:1fr;gap:0}
  .es-form h2{font-size:30px}
}
@media (max-width:640px){
  .es-hero h1{font-size:30px}
  .es-cartao{padding:34px 26px;border-radius:26px}
  .es-cartao .num{font-size:46px}
  .es-cartao .frase{font-size:20px}
  .es-solucao h2,.es-porque h2,.es-descubra h2,.es-faq h2{font-size:27px}
  .es-acoes .es-btn{width:100%}
  .es-midia .flutua{left:50%;transform:translate(-50%,-50%);padding:14px 20px;font-size:15px}
  .es-faq .a .dentro{grid-template-columns:1fr}
  .es-requisitos .cx .v{font-size:40px}
}

/* =========================================================
   ENERGIA PARA EMPRESAS (.lp-*) — padrão /lp-energia do site vivo
   ========================================================= */
/* --- HERO com foto --- */
.lp-hero{position:relative;min-height:731px;display:flex;align-items:center;background:#02091f;overflow:hidden}
.lp-hero .foto{position:absolute;inset:0;background-size:cover;background-position:center}
.lp-hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(9,42,110,.88) 0%,rgba(12,60,150,.55) 45%,rgba(12,60,150,.1) 100%)}
.lp-hero .wrap{position:relative;z-index:2;width:100%}
.lp-hero h1{color:#fff;font-size:34px;font-weight:700;line-height:1.25;max-width:480px}
.lp-hero .selo-btg{margin-top:26px}
.lp-hero .selo-btg img{width:142px;height:auto}

/* --- FAIXA DE APRESENTAÇÃO --- */
.lp-intro{background:var(--es-royal);padding:36px 0;text-align:center}
.lp-intro p{color:#fff;font-size:16px;line-height:1.6;max-width:900px;margin:0 auto}
.lp-intro .acoes{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:26px}
.lp-intro .acoes a{background:#10408d;color:#fff;border-radius:50px;padding:15px 30px;font-size:16px;min-width:220px;text-align:center;transition:.2s}
.lp-intro .acoes a:hover{filter:brightness(1.15);transform:translateY(-2px)}

/* --- BLOCOS DE PRODUTO --- */
.lp-bloco{padding:52px 0}
.lp-bloco.navy{background:#0b2859}
.lp-bloco.royal{background:var(--es-royal)}
.lp-bloco.branco{background:#fff}
.lp-bloco .cab{display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:center}
.lp-bloco .cab .ico{width:52px;height:52px}
/* ícones de contorno: fill precisa ficar none, senão o traço vira mancha */
.lp-bloco .cab .ico svg{width:100%;height:100%;fill:none;stroke:#fff}
.lp-bloco.branco .cab .ico svg{fill:none;stroke:#10408d}
.lp-bloco h2{color:#fff;font-size:24px;font-weight:600}
.lp-bloco.branco h2{color:var(--es-royal);font-weight:400}
.lp-bloco.branco h2 b{font-weight:700}
.lp-bloco .risco{height:1px;background:rgba(255,255,255,.35);margin:16px 0 26px}
.lp-bloco.branco .risco{background:rgba(25,90,180,.25)}
.lp-bloco .corpo{padding-left:88px}
.lp-bloco p{color:#fff;font-size:16px;line-height:1.55;margin-bottom:14px}
.lp-bloco.branco p{color:#051328}
.lp-bloco p b{font-weight:700}
.lp-bloco p i{color:#6baaff;font-style:normal;font-weight:700}
.lp-bloco.branco p i{color:var(--es-royal);font-style:normal;font-weight:700}
.lp-bloco .rot{font-weight:600}
.lp-bloco ul{list-style:none;margin:6px 0 14px}
.lp-bloco li{color:#fff;font-size:16px;line-height:1.5;padding:6px 0 6px 22px;position:relative}
.lp-bloco li::before{content:"";position:absolute;left:4px;top:15px;width:6px;height:6px;border-radius:50%;background:#fff}
.lp-bloco .nota{font-size:13.5px;opacity:.75;margin-top:16px}
.lp-bloco .par{display:grid;gap:34px}

/* --- FAIXA DE FOTO --- */
.lp-faixa-foto{height:315px;background-size:cover;background-position:center;background-color:#02091f}

/* --- FECHAMENTO --- */
.lp-fecho{background:#d2e5ff;padding:100px 0;text-align:center}
.lp-fecho h2{color:#10408d;font-size:32px;font-weight:400;line-height:1.3}
.lp-fecho h2 b{font-weight:700;display:block}
.lp-fecho p{color:#0b2859;font-size:16px;line-height:1.6;max-width:640px;margin:22px auto 0}
.lp-fecho .acoes{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:34px}
.lp-fecho .acoes a{border-radius:50px;padding:15px 30px;font-size:16px;font-weight:700;color:#fff;min-width:220px;text-align:center;transition:.2s}
.lp-fecho .acoes a:hover{filter:brightness(1.1);transform:translateY(-2px)}
.lp-fecho .acoes .a1{background:var(--es-btn)}
.lp-fecho .acoes .a2{background:#10408d}

@media (max-width:1024px){
  .lp-hero{min-height:520px}
  .lp-hero h1{font-size:28px}
  .lp-bloco .cab{grid-template-columns:52px 1fr;gap:14px}
  .lp-bloco .corpo{padding-left:0}
  .lp-fecho h2{font-size:26px}
  .lp-faixa-foto{height:220px}
}
@media (max-width:640px){
  .lp-hero{min-height:420px}
  .lp-hero h1{font-size:24px}
  .lp-intro .acoes a,.lp-fecho .acoes a{width:100%}
  .lp-fecho{padding:70px 0}
  .lp-faixa-foto{height:170px}
}

/* =========================================================
   SEGUROS (.sg-*) — padrão /seguros do site vivo
   ========================================================= */
:root{ --sg-verde:#0acc90; --sg-navy:#0b2859; --sg-royal:#195ab4; }
.sg-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:inherit;
  font-size:16px;font-weight:700;color:#fff;padding:16px 28px;border-radius:13px;border:0;cursor:pointer;transition:.2s;text-align:center}
.sg-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}
.sg-btn.pilula{border-radius:50px}
.sg-btn.azul{background:var(--sg-royal)}
.sg-btn.azul-claro{background:#307ae0}
.sg-btn.navy{background:var(--sg-navy)}
.sg-btn.verde{background:var(--sg-verde)}
.sg-btn svg{width:20px;height:20px;fill:currentColor}

/* --- HERO --- */
.sg-hero{position:relative;min-height:744px;display:flex;align-items:center;background:#02091f;overflow:hidden}
.sg-hero .foto{position:absolute;inset:0;background-size:cover;background-position:center}
.sg-hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(2,9,31,.92) 0%,rgba(2,9,31,.6) 42%,rgba(2,9,31,.25) 100%)}
.sg-hero .wrap{position:relative;z-index:2;width:100%}
.sg-hero h1{color:#fff;font-size:34px;font-weight:400;line-height:1.28;max-width:520px}
.sg-hero h1 b{font-weight:700}
.sg-hero .acoes{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:36px}
.sg-hero .acoes .sg-btn{min-width:222px}

/* --- FAIXA DE RESUMO --- */
.sg-resumo{background:var(--sg-royal);padding:32px 0;text-align:center}
.sg-resumo p{color:#fff;font-size:18px;line-height:1.5;max-width:1050px;margin:0 auto}

/* --- BLOCO NAVY COM ÍCONE --- */
.sg-assessoria{background:var(--sg-navy);padding:50px 0}
.sg-assessoria .cab{display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:center;margin-bottom:24px}
.sg-assessoria .ico{width:52px;height:52px}
.sg-assessoria .ico svg{width:100%;height:100%;fill:none;stroke:#d3e4fe;stroke-width:1.4}
.sg-assessoria h2{color:#d3e4fe;font-size:24px;font-weight:400;line-height:1.3}
.sg-assessoria h2 b{font-weight:600}
.sg-assessoria .corpo{padding-left:88px}
.sg-assessoria p{color:#fff;font-size:16px;line-height:1.55;margin-bottom:16px}
.sg-assessoria p b{font-weight:600}
.sg-assessoria p i{color:#d3e4fe;font-style:normal;font-weight:700}
.sg-assessoria .sg-btn{margin-top:10px}

/* --- FAIXA-RÓTULO --- */
.sg-rotulo{background:#02091f;padding:20px 0;text-align:center}
.sg-rotulo span{color:#fff;font-size:12px;font-weight:300;letter-spacing:.28em;text-transform:uppercase}

/* --- PF E PJ (texto + foto) --- */
.sg-duplo{background:#fff}
.sg-duplo .duas{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0}
.sg-duplo .texto{padding:70px 60px 70px calc((100vw - var(--wrap))/2 + 28px)}
.sg-duplo h2{color:#10408d;font-size:45px;font-weight:400;line-height:1.2;letter-spacing:-.01em}
.sg-duplo h2 b{color:var(--sg-royal);font-weight:700;display:block}
.sg-duplo ul{list-style:none;margin:30px 0 0}
.sg-duplo li{color:#0b2859;font-size:16px;font-weight:300;padding:5px 0 5px 26px;position:relative}
.sg-duplo li::before{content:"◉";position:absolute;left:0;top:5px;color:var(--sg-royal);font-size:12px}
.sg-duplo .acoes{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.sg-duplo .acoes .sg-btn{padding:14px 24px;font-size:15px}
.sg-duplo .foto{min-height:663px;background-size:cover;background-position:center}

/* --- FAIXA DE CHAMADA --- */
.sg-chamada{background:var(--sg-royal);padding:34px 0}
.sg-chamada .in{display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:center}
.sg-chamada .ico{width:46px;height:46px}
.sg-chamada .ico svg{width:100%;height:100%;fill:none;stroke:#fff;stroke-width:1.5}
.sg-chamada p{color:#fff;font-size:24px;line-height:1.35}
.sg-chamada p b{font-weight:600;display:block}

/* --- GRADE DE PRODUTOS --- */
.sg-produtos{padding:0 0 64px}
.sg-produtos.claro{background:#fff}
.sg-produtos.royal{background:var(--sg-royal)}
.sg-produtos .titulo{padding:44px 0 6px}
.sg-produtos h2{font-size:30px;font-weight:400;line-height:1.25}
.sg-produtos h2 b{font-weight:700;display:block}
.sg-produtos.claro h2{color:var(--sg-royal)}
.sg-produtos.royal h2{color:#fff}
.sg-grade{display:grid;grid-template-columns:1fr 1fr;gap:34px 60px;margin-top:26px}
.sg-item{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start}
.sg-item .ico{width:34px;height:34px;margin-top:4px}
.sg-item .ico svg{width:100%;height:100%;fill:none;stroke-width:1.5}
.sg-produtos.claro .sg-item .ico svg{stroke:var(--sg-royal)}
.sg-produtos.royal .sg-item .ico svg{stroke:#fff}
.sg-item h3{font-size:24px;font-weight:400;line-height:1.25}
.sg-item h3 b{font-weight:700}
.sg-item h3 .tp{font-size:15px;font-weight:400;margin-left:6px}
.sg-produtos.claro .sg-item h3,.sg-produtos.claro .sg-item h3 .tp{color:var(--sg-royal)}
.sg-produtos.royal .sg-item h3,.sg-produtos.royal .sg-item h3 .tp{color:#fff}
.sg-item p{font-size:16px;line-height:1.5;margin-top:10px}
.sg-produtos.claro .sg-item p{color:#051328}
.sg-produtos.royal .sg-item p{color:#fff}
.sg-item p b{font-weight:700}
.sg-produtos .acao{margin-top:40px}
.sg-produtos.claro .acao{text-align:center}
.sg-rodape-acoes{background:#10408d;padding:15px 0}
.sg-rodape-acoes .in{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* --- FAIXA DE FOTO --- */
.sg-faixa-foto{height:726px;background-size:cover;background-position:center;background-color:#02091f}

/* --- CTA + FORMULÁRIO --- */
.sg-cta{background:var(--sg-royal);padding:44px 0}
.sg-cta .in{display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:start}
.sg-cta .ico{width:48px;height:48px}
.sg-cta .ico svg{width:100%;height:100%;fill:none;stroke:#fff;stroke-width:1.4}
.sg-cta h2{color:#fff;font-size:24px;font-weight:600;margin-bottom:14px}
.sg-cta p{color:#fff;font-size:16px;line-height:1.5}
.sg-cta p b{font-weight:600}
.sg-cta .nota{font-size:12px;font-weight:300;margin-top:14px;opacity:.85}
.sg-form{background:#10408d;padding:80px 0}
.sg-form h2{color:#fff;font-size:40px;font-weight:400;text-align:center;line-height:1.2}
.sg-form .sub{color:#fff;font-size:22px;font-weight:400;text-align:center;margin-top:12px}
.sg-form form{max-width:860px;margin:44px auto 0}
.sg-form .linha{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.sg-form .campo{margin-bottom:22px}
.sg-form label{display:block;color:#fff;font-size:16px;font-weight:300;margin-bottom:8px}
.sg-form input[type=text],.sg-form input[type=email],.sg-form input[type=tel],.sg-form select,.sg-form textarea{
  width:100%;background:#fff;border:0;border-radius:4px;padding:12px 14px;font-size:15px;font-family:inherit;color:var(--ink);outline:none}
.sg-form textarea{min-height:96px;resize:vertical}
.sg-form select{appearance:none;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23195ab4' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:38px}
.sg-form .opcoes{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.sg-form .opcoes label{display:flex;align-items:center;gap:9px;color:#b7b7b7;font-size:16px;margin:0;cursor:pointer}
.sg-form .opcoes input{accent-color:#307ae0;width:15px;height:15px}
.sg-form .enviar{display:block;width:210px;margin:14px auto 0;background:#307ae0;color:#fff;border:0;border-radius:6px;
  cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:14px;transition:.2s}
.sg-form .enviar:hover{filter:brightness(1.1);transform:translateY(-2px)}
.sg-form .msg-ok,.sg-form .msg-erro{max-width:560px;margin:16px auto 0}

/* --- BLOCO ENERGIA --- */
.sg-energia{background:#d2e5ff;padding:61px 0;text-align:center}
.sg-energia h2{color:#10408d;font-size:32px;font-weight:400;line-height:1.3}
.sg-energia h2 b{font-weight:700;display:block}
.sg-energia .destaque{color:#10408d;font-size:18px;font-weight:700;margin-top:26px}
.sg-energia p{color:#000;font-size:16px;font-weight:300;line-height:1.6;max-width:760px;margin:16px auto 0}
.sg-energia p b{color:var(--sg-navy);font-weight:700}
.sg-energia .sg-btn{margin-top:26px}
.sg-energia .foto{margin-top:40px;border-radius:8px;overflow:hidden}
.sg-energia .foto img{width:100%;display:block}
.sg-energia .fim{margin-top:34px}

@media (max-width:1024px){
  .sg-hero{min-height:0;padding:80px 0}
  .sg-hero h1{font-size:27px}
  .sg-assessoria .cab{grid-template-columns:52px 1fr;gap:14px}
  .sg-assessoria .corpo{padding-left:0}
  .sg-duplo .duas{grid-template-columns:1fr}
  .sg-duplo .texto{padding:60px 28px}
  .sg-duplo h2{font-size:34px}
  .sg-duplo .foto{min-height:320px}
  .sg-grade{grid-template-columns:1fr;gap:26px}
  .sg-form .linha{grid-template-columns:1fr;gap:0}
  .sg-form h2{font-size:28px}
  .sg-faixa-foto{height:320px}
  .sg-energia h2{font-size:26px}
  .sg-chamada p{font-size:20px}
}
@media (max-width:640px){
  .sg-hero h1{font-size:23px}
  .sg-hero .acoes .sg-btn{width:100%}
  .sg-resumo p{font-size:16px}
  .sg-produtos h2{font-size:25px}
  .sg-item{grid-template-columns:34px 1fr;gap:12px}
  .sg-item h3{font-size:20px}
  .sg-rodape-acoes .in{flex-direction:column}
  .sg-rodape-acoes .sg-btn{width:100%}
  .sg-faixa-foto{height:220px}
  .sg-energia h2{font-size:22px}
  .sg-duplo .acoes .sg-btn{width:100%}
}

/* =========================================================
   CRÉDITO (.cr-*) — padrão /credito do site vivo
   ========================================================= */
/* --- HERO --- */
.cr-hero{position:relative;min-height:637px;display:flex;align-items:center;background:#02091f;overflow:hidden}
.cr-hero .foto{position:absolute;inset:0;background-size:cover;background-position:center}
.cr-hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(2,9,31,.9) 0%,rgba(2,9,31,.55) 45%,rgba(2,9,31,.2) 100%)}
.cr-hero .wrap{position:relative;z-index:2;width:100%}
.cr-hero h1{color:#fff;font-size:58px;font-weight:300;line-height:1.22;letter-spacing:-.01em}

/* --- FAIXA DE RESUMO --- */
.cr-resumo{background:var(--es-royal);padding:56px 0}
.cr-resumo p{color:#c4ddff;font-size:22px;line-height:1.55;max-width:640px}
.cr-resumo .nota{color:#fff;font-size:12px;font-weight:300;margin-top:22px;max-width:640px}

/* --- BLOCO COM MOCKUP --- */
.cr-mock{background:#10408d;padding:80px 0}
.cr-mock .duas{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.cr-mock h2{color:#d3e4fe;font-size:24px;font-weight:700;margin-bottom:22px}
.cr-mock p{color:#fff;font-size:16px;line-height:1.6;max-width:520px}
.cr-mock .arte img{width:100%;display:block;border-radius:10px}

/* --- SPLIT COM CARTÃO SOBREPOSTO --- */
.cr-split{position:relative;background:#fff}
.cr-split .foto{position:absolute;left:0;top:0;bottom:0;width:48%;background-size:cover;background-position:center}
.cr-split .wrap{position:relative;z-index:2;display:flex;justify-content:flex-end;padding-top:100px;padding-bottom:100px;min-height:773px}
.cr-split .cartao{background:#fff;width:720px;max-width:100%;padding:56px 60px;
  box-shadow:0 24px 60px rgba(2,9,31,.18)}
.cr-split h2{color:#10408d;font-size:45px;font-weight:600;line-height:1.15;margin-bottom:26px}
.cr-split p{color:#252525;font-size:16px;font-weight:300;line-height:1.55;margin-bottom:14px}
.cr-split p b{font-weight:700}
.cr-split .nota{font-size:15px;margin-top:20px}
.cr-split .sg-btn{margin-top:26px}

/* --- SIMULADOR + CARDS --- */
.cr-cards{background:#fff;padding:0 0 40px}
.cr-cards .duas{display:grid;grid-template-columns:52% 48%;gap:30px;align-items:center}
.cr-cards .arte{background:#eff2f6;border-radius:8px;text-align:center;overflow:hidden}
.cr-cards .arte img{width:100%;max-width:660px;display:inline-block;vertical-align:bottom}
.cr-cards .lista{display:flex;flex-direction:column;gap:16px}
.cr-card{background:#fff;border-radius:8px;box-shadow:0 3px 14px rgba(4,9,51,.10);
  padding:20px 24px;display:grid;grid-template-columns:64px 1fr;align-items:center;gap:8px;transition:.25s}
.cr-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(4,9,51,.16)}
.cr-card .ico{width:46px;height:46px;border-radius:50%;background:#e9f1fd;display:flex;align-items:center;justify-content:center}
.cr-card .ico svg{width:24px;height:24px;fill:none;stroke:#2b71d4;stroke-width:1.6}
.cr-card h3{font-size:20px;font-weight:400;color:#030833;text-align:center}
.cr-card h3 b{font-weight:700}
.cr-card p{font-size:14px;font-weight:300;color:#000;line-height:1.5;text-align:center;margin-top:8px}
.cr-acao{background:#fff;padding:65px 0;text-align:center}
.cr-acao .sg-btn{border-radius:22px;padding:17px 34px}

@media (max-width:1024px){
  .cr-hero{min-height:420px}
  .cr-hero h1{font-size:40px}
  .cr-resumo p{font-size:19px}
  .cr-mock .duas,.cr-cards .duas{grid-template-columns:1fr;gap:34px}
  .cr-split .foto{position:relative;width:100%;height:300px}
  .cr-split .wrap{padding:0 0 60px;min-height:0;display:block}
  .cr-split .cartao{width:100%;padding:40px 28px;box-shadow:none;margin-top:-40px}
  .cr-split h2{font-size:32px}
}
@media (max-width:640px){
  .cr-hero h1{font-size:31px}
  .cr-resumo{padding:40px 0}
  .cr-resumo p{font-size:17px}
  .cr-split h2{font-size:26px}
  .cr-card{grid-template-columns:1fr;justify-items:center;gap:12px}
}

/* =========================================================
   UNIFIQUE ACADEMY (.ak-*) — padrão /unifique-academy do site vivo
   ========================================================= */
:root{ --ak-navy:#10408d; --ak-escuro:#05132a; --ak-claro:#d3e4fe; --ak-azul:#549cff; }
.ak-btn{display:inline-block;background:var(--es-royal);color:#fff;border-radius:50px;
  padding:17px 40px;font-size:16px;font-weight:600;transition:.2s;text-align:center}
.ak-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}
.ak-centro{text-align:center}

/* --- HERO --- */
.ak-hero{position:relative;min-height:715px;display:flex;align-items:center;background:#02091f;overflow:hidden}
.ak-hero .foto{position:absolute;inset:0;background-size:cover;background-position:center}
/* o título fica à direita e "Academy" é navy escuro: o lado direito precisa
   ficar CLARO, senão a palavra some no fundo */
.ak-hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(2,9,31,.72) 0%,rgba(2,9,31,.4) 45%,rgba(2,9,31,.06) 100%)}
.ak-hero .wrap{position:relative;z-index:2;width:100%;text-align:right}
.ak-hero h1{color:#fff;font-size:66px;font-weight:300;line-height:1.05;letter-spacing:-.01em}
.ak-hero h1 b{display:block;color:#051f42;font-weight:700}
.ak-hero .sub{color:#fff;font-size:22px;font-weight:300;line-height:1.35;margin-top:44px}
.ak-hero .sub b{font-weight:700;display:block}
.ak-hero .selo{color:#fff;font-size:18px;margin-top:34px}
.ak-hero .selo span{color:#d6e5fd;font-size:14px}

/* --- ESTATÍSTICAS --- */
.ak-stats{background:var(--ak-navy);padding:100px 0;text-align:center}
.ak-stats .rot{color:#fff;font-size:16px;font-weight:300;letter-spacing:.16em;text-transform:uppercase}
.ak-stats h2{color:var(--ak-claro);font-size:36px;font-weight:400;line-height:1.3;margin-top:26px}
.ak-stats .dado{margin-top:52px}
.ak-stats .dado .n{color:var(--ak-claro);font-size:20px;font-weight:700;line-height:1.4}
.ak-stats .dado p{color:var(--ak-claro);font-size:14px;font-weight:300;line-height:1.6;max-width:900px;margin:10px auto 0}
.ak-stats .dado p b{font-weight:700}
.ak-stats .fonte{font-size:12px;opacity:.8}
.ak-stats .ak-btn{margin-top:44px}

/* --- PARA QUEM É --- */
.ak-perfis{background:var(--ak-navy);overflow:hidden}
.ak-perfis .duas{display:grid;grid-template-columns:1fr 467px;gap:40px;align-items:center}
.ak-perfis .texto{padding:70px 0}
.ak-perfis h2{color:var(--ak-claro);font-size:45px;font-weight:700;line-height:1.15}
.ak-perfis .sub{color:var(--ak-claro);font-size:16px;font-weight:300;margin-top:14px}
.ak-perfis .grade{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:56px}
.ak-perfis .grade h3{color:var(--ak-claro);font-size:25px;font-weight:700;line-height:1.15;min-height:58px}
.ak-perfis .grade p{color:var(--ak-claro);font-size:16px;font-weight:300;line-height:1.5;margin-top:14px}
.ak-perfis .foto{align-self:stretch;min-height:560px;background-size:cover;background-position:center}
.ak-perfis .acao{padding:0 0 60px}

/* --- CONTEÚDO DO CURSO --- */
.ak-curso{background:#05132a;padding:80px 0}
.ak-curso h2{color:var(--ak-claro);font-size:45px;font-weight:400}
.ak-curso h2 b{font-weight:700}
.ak-curso .modulos{color:var(--ak-claro);font-size:16px;font-weight:300;margin-top:8px}
.ak-curso .frase{color:var(--ak-claro);font-size:30px;font-weight:300;line-height:1.35;margin-top:40px;max-width:1000px}
.ak-curso .frase b{color:var(--ak-azul);font-weight:700}
.ak-curso .premio{color:var(--ak-claro);font-size:20px;font-weight:300;line-height:1.5;margin-top:36px;max-width:1050px}
.ak-curso .premio b{font-weight:700}
.ak-preco{display:flex;align-items:baseline;gap:10px;margin-top:34px}
.ak-preco .x{color:var(--ak-azul);font-size:18px;font-weight:400}
.ak-preco .v{color:var(--ak-azul);font-size:32px;font-weight:700}
.ak-preco .a{color:var(--ak-claro);font-size:22px;font-weight:300}
.ak-modulos{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
.ak-mod{background:#0b2859;border-radius:10px;padding:24px 22px;transition:.25s}
.ak-mod:hover{transform:translateY(-4px);background:#123a72}
.ak-mod h3{color:var(--ak-claro);font-size:19px;font-weight:600;line-height:1.25}
.ak-mod p{color:var(--ak-claro);font-size:12px;font-weight:500;line-height:1.5;margin-top:12px;opacity:.9}
.ak-mod.claro{background:var(--ak-claro)}
.ak-mod.claro:hover{background:#c2d8fb}
.ak-mod.claro h3,.ak-mod.claro p{color:#0b2859}
.ak-curso .acao{margin-top:44px;text-align:center}

/* --- CITAÇÃO --- */
.ak-citacao{background:var(--ak-navy);padding:100px 0;text-align:center}
.ak-citacao h2{color:#6baaff;font-size:35px;font-weight:700;line-height:1.25}
.ak-citacao blockquote{color:var(--ak-claro);font-size:22px;font-weight:400;line-height:1.5;max-width:900px;margin:44px auto 0}
.ak-citacao blockquote b{font-weight:700}
.ak-citacao .autor{color:#6baaff;font-size:19px;font-weight:700;margin-top:34px}
.ak-citacao .cargo{color:#b8bcbf;font-size:16px;margin-top:4px}

/* --- MENTORES --- */
.ak-mentores{background:#efefef;padding:70px 0}
.ak-mentores h2{color:var(--ak-navy);font-size:45px;font-weight:400}
.ak-mentores .intro{color:#818080;font-size:14px;line-height:1.6;margin-top:16px;max-width:280px}
.ak-mentores .duas{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:start}
.ak-mentores .grade{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.ak-mentor .foto{height:470px;background-size:cover;background-position:center top;border-radius:4px}
.ak-mentor .nome{color:var(--es-royal);font-size:28px;font-weight:700;text-align:center;margin-top:20px}
.ak-mentor .cargo{color:#000;font-size:14px;font-weight:300;text-align:center;margin-top:6px;line-height:1.4}
.ak-mentores .acao{text-align:center;margin-top:52px}

/* --- ACESSO --- */
.ak-acesso{background:#ededed;padding:70px 0 90px;text-align:center}
.ak-acesso .rot{color:#000;font-size:16px;font-weight:300;letter-spacing:.14em;text-transform:uppercase}
.ak-acesso h2{color:var(--es-royal);font-size:40px;font-weight:400;margin-top:10px}
.ak-acesso .grade{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:44px;text-align:left}
.ak-acesso .cx{background:#e6e6e6;border-radius:10px;padding:30px 34px}
.ak-acesso .cx img{width:56px;height:auto;display:block;margin-bottom:18px}
.ak-acesso .cx h3{color:var(--es-royal);font-size:24px;font-weight:500}
.ak-acesso .cx p{color:#000;font-size:16px;font-weight:300;line-height:1.55;margin-top:12px}
.ak-voltar{background:#02091f;padding:15px 0;text-align:center}

/* --- FAIXA TRANSFORME --- */
.ak-transforme{position:relative;min-height:530px;display:flex;align-items:center;background:#0b2859;overflow:hidden;margin:60px 0}
.ak-transforme .foto{position:absolute;inset:0;background-size:cover;background-position:center}
.ak-transforme::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,40,89,.9) 0%,rgba(11,40,89,.45) 55%,rgba(11,40,89,.15) 100%)}
.ak-transforme .wrap{position:relative;z-index:2;width:100%}
.ak-transforme h2{color:var(--ak-claro);font-size:45px;font-weight:400;line-height:1.2;max-width:420px}
.ak-transforme .ak-btn{margin-top:40px}

/* --- FAQ + AVISO --- */
.ak-faq{background:#efefef;padding:60px 0}
.ak-faq .duas{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.ak-faq h2{color:var(--es-royal);font-size:45px;font-weight:400}
.ak-faq .lado p{color:#000;font-size:16px;font-weight:300;margin-top:16px}
.ak-faq .lado .g{font-size:13px;margin-top:6px}
.ak-faq .acao{margin-top:40px}
.ak-aviso{background:#dddddd;padding:70px 0 60px;text-align:center}
.ak-aviso h2{color:var(--es-royal);font-size:40px;font-weight:400}
.ak-aviso p{color:#0b2859;font-size:16px;font-weight:300;line-height:1.7;max-width:1100px;margin:22px auto 0}

@media (max-width:1024px){
  .ak-hero{min-height:520px}
  .ak-hero h1{font-size:46px}
  .ak-hero .wrap{text-align:left}
  .ak-stats h2{font-size:28px}
  .ak-perfis .duas{grid-template-columns:1fr}
  .ak-perfis .foto{min-height:280px;order:-1}
  .ak-perfis .grade{grid-template-columns:1fr 1fr}
  .ak-perfis h2{font-size:34px}
  .ak-curso h2,.ak-mentores h2,.ak-faq h2,.ak-aviso h2,.ak-transforme h2{font-size:32px}
  .ak-curso .frase{font-size:23px}
  .ak-modulos{grid-template-columns:1fr 1fr}
  .ak-citacao h2{font-size:27px}
  .ak-citacao blockquote{font-size:18px}
  .ak-mentores .duas,.ak-faq .duas{grid-template-columns:1fr}
  .ak-mentores .intro{max-width:none}
  .ak-mentores .grade{grid-template-columns:1fr;gap:34px}
  .ak-mentor .foto{height:360px}
  .ak-acesso .grade{grid-template-columns:1fr}
}
@media (max-width:640px){
  .ak-hero h1{font-size:34px}
  .ak-hero .sub{font-size:18px}
  .ak-perfis .grade,.ak-modulos{grid-template-columns:1fr}
  .ak-curso .frase{font-size:20px}
  .ak-preco{flex-wrap:wrap}
  .ak-btn{width:100%;padding:16px 20px}
  .ak-transforme h2{font-size:27px}
  .ak-aviso h2,.ak-acesso h2{font-size:26px}
}

/* =========================================================
   BIBLIOTECA (.bi-*) — padrão /biblioteca do site vivo
   ========================================================= */
.bi-hero{background:#000a33;padding:80px 0;text-align:center}
.bi-hero h1{color:#fff;font-size:34px;font-weight:400;line-height:1.3}
.bi-hero h1 b{font-weight:700}
.bi-hero p{color:#d6e5fd;font-size:16px;font-weight:300;line-height:1.6;max-width:640px;margin:22px auto 0}
.bi-hero p b{font-weight:700}
.bi-faixa{background:var(--es-royal);height:110px}
.bi-secao{padding:52px 0;text-align:center}
.bi-secao.clara{background:#d6e5fd}
.bi-secao.clara h2{color:#0b2859}
.bi-secao.navy{background:#000a33}
.bi-secao.navy h2{color:#d6e5fd}
.bi-secao h2{font-size:26px;font-weight:400}
.bi-secao h2 b{font-weight:700}

/* --- BLOCO DE LIVRO --- */
/* fundo cinza da página, texto em cartão branco e capa sobre o cinza — como no vivo */
.bi-livro{background:#eee;padding:0}
.bi-livro .duas{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:600px}
.bi-livro .capa{display:flex;align-items:center;justify-content:center;padding:40px}
.bi-livro .capa img{max-height:480px;width:auto;max-width:100%;display:block;
  box-shadow:0 18px 40px rgba(2,9,31,.22)}
.bi-livro .texto{background:#fff;display:flex;flex-direction:column;justify-content:center;padding:56px 60px}
.bi-livro h3{color:#223855;font-size:30px;font-weight:400;line-height:1.25}
.bi-livro h3 b{font-weight:700}
.bi-livro p{color:#1c2533;font-size:14.5px;font-weight:300;line-height:1.65;margin-top:16px}
.bi-livro .leia{display:inline-block;align-self:flex-start;background:var(--accent);color:#fff;
  border-radius:6px;padding:11px 26px;font-size:15px;font-weight:600;margin-top:26px;transition:.2s}
.bi-livro .leia:hover{filter:brightness(1.1);transform:translateY(-2px)}
/* variação: cartão azul */
.bi-livro.destaque .texto{background:var(--accent)}
.bi-livro.destaque h3,.bi-livro.destaque p{color:#fff}
.bi-livro.destaque .leia{background:var(--es-royal)}
/* capa à esquerda */
.bi-livro.capa-esq .capa{order:1}
.bi-livro.capa-esq .texto{order:2}
.bi-livro.capa-dir .texto{order:1}
.bi-livro.capa-dir .capa{order:2}

@media (max-width:1024px){
  .bi-hero h1{font-size:26px}
  .bi-livro .duas{grid-template-columns:1fr;min-height:0}
  .bi-livro.capa-esq .capa,.bi-livro.capa-dir .capa{order:1}
  .bi-livro.capa-esq .texto,.bi-livro.capa-dir .texto{order:2;padding:40px 28px}
  .bi-livro .capa{padding:34px}
  .bi-livro .capa img{max-height:330px}
  .bi-livro h3{font-size:24px}
  .bi-faixa{height:70px}
}
@media (max-width:640px){
  .bi-hero{padding:56px 0}
  .bi-hero h1{font-size:22px}
  .bi-secao h2{font-size:20px}
  .bi-livro h3{font-size:21px}
  .bi-livro .capa img{max-height:260px}
  .bi-livro .leia{width:100%;text-align:center}
}

/* =========================================================
   CONTEÚDO / BLOG (.bg-*) — padrão /blog do site vivo
   ========================================================= */
.bg-hero{position:relative;min-height:711px;display:flex;align-items:center;background:#02091f;overflow:hidden}
.bg-hero .foto{position:absolute;inset:0;background-size:cover;background-position:50% 0}
/* o site atual usa um veu claro uniforme (branco 27%), nao gradiente escuro;
   o gradiente sutil a esquerda garante contraste do titulo branco */
.bg-hero::after{content:"";position:absolute;inset:0;background:rgba(246,246,246,.27)}
/* so o minimo para o branco de 60px passar de 3:1 (sem ele, cai a 2,6:1 nos trechos claros) */
.bg-hero::before{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(2,9,31,.36) 0%,rgba(2,9,31,.10) 40%,rgba(2,9,31,0) 65%)}
/* titulo mais baixo que o centro, como no site atual (390px do topo em 711) */
.bg-hero .wrap{position:relative;z-index:2;width:100%;transform:translateY(72px)}
.bg-hero h1{color:#fff;font-size:60px;font-weight:700;letter-spacing:-.01em;position:relative;display:inline-block}
.bg-hero h1::before{content:"";position:absolute;left:-42px;top:50%;width:30px;height:4px;background:var(--accent)}

.bg-lista{background:#fff;padding:70px 0 40px}
.bg-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 20px}
.bg-card{display:flex;flex-direction:column;transition:.25s}
.bg-card:hover{transform:translateY(-5px)}
.bg-card .capa{width:100%;aspect-ratio:378/190;overflow:hidden;background:#eff2f6}
.bg-card .capa img{width:100%;height:100%;object-fit:cover;display:block;transition:.4s}
.bg-card:hover .capa img{transform:scale(1.05)}
.bg-card h2{color:#1c2533;font-size:21px;font-weight:400;line-height:1.3;margin-top:20px}
.bg-card p{color:#6d7280;font-size:14.5px;font-weight:300;line-height:1.55;margin-top:12px;
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.bg-card .leia{color:#6d7280;font-size:14.5px;font-weight:400;margin-top:14px;transition:.2s}
.bg-card:hover .leia{color:var(--es-royal)}
.bg-lista .acao{text-align:center;margin-top:56px}
.bg-lista .acao .btn{border-radius:13px;padding:15px 40px;font-weight:600}

/* --- BLOCO DO CURSO --- */
.bg-curso{background:#ecebeb;padding:95px 0 60px}
.bg-curso .rot{font-size:12px;font-weight:700;color:#000;letter-spacing:.02em}
.bg-curso .rot i{font-weight:300;font-style:normal}
.bg-curso h2{color:#10408d;font-size:50px;font-weight:300;line-height:1.2;margin:39px 0 0;max-width:900px}
.bg-curso .foto{border-radius:28px;overflow:hidden;max-width:849px;margin-top:15px}
.bg-curso .foto img{width:100%;display:block}
.bg-curso p{color:#1c2533;font-size:18px;font-weight:300;line-height:1.5;margin-top:30px;max-width:620px}
.bg-curso p b{font-weight:700}
.bg-curso .obs{font-size:16px;margin-top:16px}
.bg-curso .btn{border-radius:13px;padding:15px 34px;font-weight:600;margin-top:26px}

@media (max-width:1024px){
  .bg-hero{min-height:420px}
  .bg-hero .wrap{transform:none}
  .bg-hero h1{font-size:42px}
  .bg-hero h1::before{left:-30px;width:20px}
  .bg-curso{padding:70px 0 60px}
  .bg-curso h2{margin-top:30px}
  .bg-grade{grid-template-columns:1fr 1fr;gap:34px 18px}
  .bg-curso h2{font-size:32px}
}
@media (max-width:640px){
  .bg-hero{min-height:320px}
  .bg-hero h1{font-size:31px}
  .bg-grade{grid-template-columns:1fr}
  .bg-curso{padding:50px 0 60px}
  .bg-curso h2{font-size:25px}
  .bg-curso p{font-size:16px}
  .bg-curso .btn{width:100%}
}

/* ===== CARREIRAS (.ca-*) ===== */
.ca-hero{height:603px;background-size:cover;background-position:0 0;background-color:#02091f}
.ca-faixa{height:82px;background:#195ab4}

.ca-chamada{background:#040933;padding:59px 0 32px;text-align:center}
.ca-chamada h1{font-size:32px;font-weight:400;color:#d6e5fd;line-height:1.35}
.ca-chamada h1 b{font-weight:700;color:#549cff}
.ca-chamada p{color:#fff;font-size:14px;font-weight:300;line-height:1.75;max-width:840px;margin:26px auto 0}

/* vaga: texto a esquerda, foto sangrando a direita */
.ca-vaga{display:grid;grid-template-columns:1fr 1fr;background:#fff;align-items:stretch}
.ca-vaga .texto{padding:82px 20px 70px 70px}
.ca-vaga .foto{padding-top:40px}
.ca-vaga.alto .foto{padding-top:113px}
.ca-vaga .foto img{width:100%;height:100%;object-fit:cover;display:block}
.ca-vaga h2{font-size:30px;font-weight:400;color:#000;line-height:1.25}
.ca-vaga h2 b{font-weight:700;color:#549cff}
.ca-vaga p{font-size:13px;font-weight:400;color:#000;line-height:1.65;margin-top:22px;max-width:588px}
.ca-vaga p b{font-weight:700}
.ca-vaga .intro{font-size:14px;line-height:1.7}
.ca-vaga .btn{background:#030933;color:#d6e5fd;border-radius:16px;font-size:16px;font-weight:700;
  min-width:272px;height:57px;display:inline-flex;align-items:center;justify-content:center;margin-top:34px}
.ca-vaga .btn:hover{background:#0b1a4d}

/* divisor azul com a seta circular */
.ca-divisor{height:129px;background:#195ab4;display:flex;align-items:center;justify-content:center}
.ca-divisor svg{width:60px;height:60px;fill:#000122;transition:.25s}
.ca-divisor a:hover svg{fill:#fff;transform:translateY(3px)}

/* sanfona dos treinamentos */
.ca-sanf{margin-top:30px;max-width:615px}
.ca-sanf .item+.item{margin-top:10px}
.ca-sanf .q{background:#f2f2f2;min-height:72px;display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:0 20px;cursor:pointer;width:100%;text-align:left;border:0;font-family:inherit}
.ca-sanf .q span{color:#549cff;font-size:20px;font-weight:700;line-height:1.25}
.ca-sanf .q i{flex:0 0 37px;width:37px;height:37px;border-radius:50%;background:#539dfc;
  display:flex;align-items:center;justify-content:center;transition:.25s}
.ca-sanf .q i::before{content:"";width:10px;height:10px;border-right:2.5px solid #fff;border-bottom:2.5px solid #fff;
  transform:rotate(45deg) translate(-2px,-2px)}
.ca-sanf .item.aberto .q i{transform:rotate(180deg)}
.ca-sanf .a{max-height:0;overflow:hidden;background:#f2f2f2;transition:max-height .35s ease}
.ca-sanf .a ul{list-style:none;padding:0 20px 22px 60px;margin:0}
.ca-sanf .a li{font-size:16px;font-weight:300;color:#000;line-height:1.2;padding:2px 0}

@media (max-width:1024px){
  /* na tela estreita o recorte pela esquerda mostraria so as faixas azuis: puxa para o rosto */
  .ca-hero{height:360px;background-position:62% 0}
  .ca-faixa{height:56px}
  .ca-chamada{padding:46px 0 52px}
  .ca-chamada h1{font-size:26px}
  .ca-vaga{grid-template-columns:1fr}
  .ca-vaga .texto{padding:52px 28px 44px;max-width:none;order:2}
  .ca-vaga .foto,.ca-vaga.alto .foto{padding-top:0;order:1;height:300px}
  .ca-divisor{height:96px}
  .ca-sanf{max-width:none}
}
@media (max-width:640px){
  .ca-hero{height:240px}
  .ca-chamada h1{font-size:22px}
  .ca-vaga h2{font-size:25px}
  .ca-vaga .btn{width:100%;min-width:0}
  .ca-sanf .q span{font-size:17px}
  .ca-sanf .a ul{padding-left:36px}
}

/* ===== NOSSA HISTÓRIA (.nh-*) ===== */
.nh-hero{display:flex;align-items:flex-start;padding-top:50px;
  background-size:cover;background-position:0 0;background-color:#0d1b2e}
.nh-hero .foto{flex:0 0 55.9%;aspect-ratio:797/1104;background:#030833 center/contain no-repeat}
.nh-hero .card{flex:0 0 41.7%;margin:100px 0 50px -3.2%;background:#fff;
  box-shadow:0 3px 11px rgba(0,0,0,.25);padding:47px 45px 50px}
.nh-hero h1{font-size:30px;font-weight:600;color:#313131;line-height:1.3}
.nh-hero .card p{font-size:16px;font-weight:300;color:#000;line-height:1.55;margin-top:24px;max-width:450px}
.nh-hero .card p b{font-weight:700}
.nh-hero .card .btn{background:#000a33;color:#c4ddff;border-radius:23px;font-size:18px;font-weight:400;
  width:253px;height:70px;padding:0;display:flex;align-items:center;justify-content:center;margin:34px 0 0 98px}
.nh-hero .card .btn:hover{background:#0e2a6e}

.nh-premios{background:#02091f;padding:44px 0}
.nh-premios h2{font-size:45px;font-weight:300;color:#c4ddff;text-align:center;line-height:1.1}

.nh-lista{position:relative;min-height:971px;display:flex;align-items:center;overflow:hidden;background:#02091f}
.nh-lista video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nh-lista::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5)}
.nh-lista .wrap{position:relative;z-index:2;max-width:1109px}
.nh-lista .duas{display:grid;grid-template-columns:1fr 1fr;gap:38px 41px}
.nh-premio h3{font-size:16px;font-weight:700;color:#c4ddff;line-height:1.3}
.nh-premio h3 b{color:#549cff}
.nh-premio p{font-size:13px;font-weight:300;color:#fff;line-height:1.45;margin-top:6px}
.nh-premio p b{font-weight:700}
/* no vivo o texto do botao e azul-claro sobre azul-royal (2,7:1); aqui vai branco */
.nh-lista .btn{background:#195ab4;color:#fff;border-radius:18px;font-size:16px;font-weight:700;
  width:222px;height:51px;padding:0;display:flex;align-items:center;justify-content:center;align-self:start}
.nh-lista .btn:hover{background:#1e6bd4}

@media (max-width:1024px){
  .nh-hero{display:block;padding-top:0}
  .nh-hero .foto{width:100%;aspect-ratio:960/1144;max-height:70vh;background-size:cover}
  .nh-hero .card{width:auto;margin:0;padding:38px 26px 44px;box-shadow:none}
  .nh-hero h1{font-size:26px}
  .nh-hero .card .btn{margin-left:0;width:100%}
  .nh-premios{padding:34px 0}
  .nh-premios h2{font-size:34px}
  .nh-lista{min-height:0;padding:60px 0}
  .nh-lista .duas{grid-template-columns:1fr;gap:30px}
  .nh-lista .btn{width:100%}
}

/* ===== FAQ (.fq-*) ===== */
.fq-hero{position:relative;min-height:756px;display:flex;flex-direction:column;justify-content:space-between;
  background-size:cover;background-position:0 0;background-color:#02091f;padding:163px 0 140px}
.fq-hero::before{content:"";position:absolute;inset:0;background:#05132a;opacity:.43}  /* mesmo véu do vivo */
.fq-hero .wrap{position:relative;z-index:2;width:100%}  /* sem width o margin:auto do .wrap centraliza a coluna flex */
.fq-hero h1{color:#fff;font-size:45px;font-weight:400;line-height:1.22}
.fq-hero h1 b{display:block;font-weight:700}
.fq-hero .sub{color:#fff;font-size:20px;font-weight:300;line-height:1.2}
.fq-hero .sub p+p{margin-top:24px}
.fq-hero .sub b{font-weight:700}

.fq-lista{background:#fff;padding:103px 0 75px}
.fq-faq .item+.item{margin-top:10px}
.fq-faq .q{background:#f2f2f2;min-height:71px;display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:18px 20px;cursor:pointer;width:100%;text-align:left;border:0;font-family:inherit}
.fq-faq .q span{color:#121a61;font-size:14px;font-weight:400;line-height:1.35}
.fq-faq .q i{flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#1552b8;
  display:flex;align-items:center;justify-content:center;transition:.25s}
.fq-faq .q i::before{content:"";width:9px;height:9px;border-right:2.5px solid #fff;border-bottom:2.5px solid #fff;
  transform:rotate(45deg) translate(-2px,-2px)}
.fq-faq .item.aberto .q i{transform:rotate(180deg)}
.fq-faq .a{max-height:0;overflow:hidden;background:#f2f2f2;transition:max-height .35s ease}
.fq-faq .a > div{padding:4px 20px 22px}
.fq-faq .a p{font-size:16px;font-weight:300;color:#000;line-height:1.45}
.fq-faq .a p+p{margin-top:16px}
.fq-faq .a a{color:#0f3d94;font-weight:700;text-decoration:underline}

@media (max-width:1024px){
  .fq-hero{min-height:0;padding:110px 0 46px;background-position:62% 0}
  .fq-hero h1{font-size:34px}
  .fq-hero .sub{margin-top:150px;font-size:17px}
  .fq-lista{padding:56px 0 60px}
}
@media (max-width:640px){
  .fq-hero h1{font-size:28px}
  .fq-hero .sub{margin-top:90px}
}

/* ===== POLÍTICA DE PRIVACIDADE (.pp-*) ===== */
.pp-hero{position:relative;height:400px;background-size:cover;background-position:50% 0;background-color:#0d1b2e}
/* o vivo declara um véu preto de 30% mas ele nao chega a cobrir a foto: a faixa aparece limpa */

/* o vivo empilha os parágrafos com margem ZERO e usa linhas em branco como
   separador; por isso a margem aqui só aparece onde o vivo tem a linha vazia */
.pp-corpo{background:#fff;padding:45px 0 30px}
/* o texto do vivo tem 1174px de largura; igualar evita quebras de linha diferentes */
.pp-corpo .wrap{max-width:1230px}
.pp-corpo h1{font-size:30px;font-weight:300;color:#000;line-height:1.2;margin:0}
.pp-corpo h1 b{font-weight:700;color:#549cff}
.pp-corpo h2{font-size:16px;font-weight:700;color:#000;line-height:1.2;margin:19px 0 0}
.pp-corpo p{font-size:16px;font-weight:300;color:#000;line-height:1.2;margin:0}
.pp-corpo p b{font-weight:700}
.pp-corpo h2+p{margin-top:19px}          /* linha em branco depois do título */
.pp-corpo .esp{margin-top:19px}          /* uma linha em branco antes */
.pp-corpo .esp3{margin-top:57px}         /* três linhas em branco (só depois do H1) */
.pp-corpo .recuo{margin-left:48px}
.pp-corpo .bloco{margin-top:19px}
.pp-corpo .bloco p{margin:0}
/* no vivo o link da LGPD é cinza-claro (#cbcbcb) sobre branco = 1,6:1; aqui vai no azul da casa */
.pp-corpo a{color:#1552b8;font-weight:400;text-decoration:underline}
.pp-corpo a:hover{color:#0e3d94}

@media (max-width:1024px){
  .pp-hero{height:260px}
  .pp-corpo{padding:36px 0 60px}
  .pp-corpo h1{font-size:25px}
  .pp-corpo p,.pp-corpo h2{font-size:15px}
  .pp-corpo p{line-height:1.45}
  .pp-corpo .recuo{margin-left:20px}
}

/* ===== SIMULADOR DE INVESTIMENTOS (.sm-*) ===== */
.sm-hero{background:#0c275a;padding:85px 0 70px;text-align:center}
.sm-hero h1,.sm-hero h2{color:#fff;font-size:70px;font-weight:400;line-height:1;max-width:974px;margin:0 auto}
.sm-hero h1 b,.sm-hero h2 b{color:#549cff;font-weight:400}
.sm-hero p{color:#fff;font-size:16px;font-weight:300;line-height:1.19;max-width:641px;margin:58px auto 0}
.sm-hero .btn{margin-top:11px}

.sm-foto{background:#10408d;padding:48px 0}
.sm-foto .quadro{border-radius:20px;overflow:hidden;max-width:1330px;margin:0 auto}
.sm-foto img{width:100%;display:block}

.sm-porque{background:#0f3572;padding:60px 0}
.sm-porque h2{color:#fff;font-size:45px;font-weight:400}
.sm-porque p{color:#fff;font-size:17px;font-weight:300;line-height:1.6;max-width:860px;margin-top:38px}
.sm-porque .btn{margin-top:44px}

.sm-ativos{background:#e4e4e4;padding:56px 0 70px}
.sm-ativos h2{color:#223855;font-size:45px;font-weight:400;text-align:center;line-height:1.2}
.sm-ativos .sub{color:#000;font-size:16px;font-weight:300;text-align:center;max-width:900px;margin:22px auto 46px}
.sm-ativos .cards{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.sm-ativos .card{background:#fff;border-radius:14px;padding:34px 36px}
.sm-ativos .card h3{color:#223855;font-size:24px;font-weight:400;margin-bottom:16px}
.sm-ativos .card p{color:#000;font-size:16px;font-weight:300;line-height:1.55}

.sm-volta{background:#10438a;padding:40px 0;text-align:center}
.sm-volta .btn{margin:0 10px}
.sm-volta .claro{background:transparent;border:1.5px solid #fff;font-weight:700;font-size:14px}

.sm-faq{background:#ececec;padding:70px 0}
.sm-faq h2{color:#223855;font-size:40px;font-weight:400;margin-bottom:40px}
.sm-faq .fim{margin-top:44px}
.sm-faq .fim h3{color:#223855;font-size:24px;font-weight:400}
.sm-faq .fim p{color:#000;font-size:16px;font-weight:300;margin:10px 0 20px}

/* ----- widget ----- */
.sm-sim{background:#0c275a url(../assets/img/pages/sim-capa.jpg) no-repeat center/cover;position:relative;padding:80px 0}
.sm-sim::before{content:"";position:absolute;inset:0;background:rgba(4,12,34,.55)}
.sm-sim .wrap{position:relative;z-index:2}
.sm-card{background:#fff;border-radius:18px;max-width:640px;padding:44px 46px 46px;box-shadow:0 18px 60px rgba(0,0,0,.35)}
.sm-card .etapa{color:#1552b8;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.sm-card .barra{height:5px;background:#e4e9f2;border-radius:3px;margin:12px 0 26px;overflow:hidden}
.sm-card .barra i{display:block;height:100%;background:#1552b8;border-radius:3px;transition:width .35s ease}
.sm-card h2{color:#0b2859;font-size:26px;font-weight:700;line-height:1.25;margin-bottom:24px}
.sm-card label{display:block;color:#10408d;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin:18px 0 7px}
.sm-card .grana{display:flex;align-items:center;border:1.5px solid #c9d6ea;border-radius:10px;background:#f7f9fd;padding:0 14px;transition:.2s}
.sm-card .grana:focus-within{border-color:#1552b8;background:#fff}
.sm-card .grana span{color:#10408d;font-weight:600;font-size:15px}
.sm-card .grana input{border:0;outline:0;background:transparent;width:100%;padding:13px 10px;font:inherit;font-size:17px;color:#0b2859}
.sm-card input[type=range]{width:100%;accent-color:#1552b8;margin-top:6px}
.sm-card .faixa-lab{display:flex;justify-content:space-between;color:#7a8bab;font-size:12px;margin-top:4px}
.sm-card .prazo{color:#0b2859;font-size:18px;font-weight:700;margin-top:10px}
.sm-card select{width:100%;padding:13px 14px;border:1.5px solid #c9d6ea;border-radius:10px;background:#f7f9fd;
  font:inherit;font-size:15.5px;color:#0b2859;outline:0}
.sm-card select:focus{border-color:#1552b8;background:#fff}
.sm-card .campo input{width:100%;padding:13px 14px;border:1.5px solid #c9d6ea;border-radius:10px;background:#f7f9fd;
  font:inherit;font-size:15.5px;color:#0b2859;outline:0}
.sm-card .campo input:focus{border-color:#1552b8;background:#fff}
.sm-card .lgpd{display:flex;gap:10px;align-items:flex-start;background:#eef4ff;border:1px solid #d4e2fb;
  border-radius:10px;padding:13px 14px;margin-top:20px;cursor:pointer}
.sm-card .lgpd input{margin-top:3px}
.sm-card .lgpd span{color:#10408d;font-size:12.5px;line-height:1.45}
.sm-card .erro{color:#c0392b;font-size:13px;margin-top:10px;display:none}
.sm-card .acoes{display:flex;justify-content:space-between;align-items:center;margin-top:30px}
.sm-card .volta{background:none;border:0;color:#7a8bab;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;padding:10px 4px}
.sm-card .volta:hover{color:#10408d}
.sm-card .avanca{background:#1552b8;color:#fff;border:0;border-radius:26px;font:inherit;font-size:15px;font-weight:700;
  padding:14px 40px;cursor:pointer;transition:.2s}
.sm-card .avanca:hover{background:#0e3d94;transform:translateY(-1px)}
.sm-passo{display:none}
.sm-passo.on{display:block}

/* resultado */
.sm-res .tag{display:inline-block;background:#e5f4e9;color:#1b7c3d;font-size:12px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;border-radius:16px;padding:6px 14px;margin-bottom:14px}
.sm-res h2{margin-bottom:6px}
.sm-res .destaque{color:#1b7c3d;font-size:44px;font-weight:700;line-height:1.05;margin:2px 0 20px}
.sm-res .destaque span{display:block;color:#5b6b88;font-size:13.5px;font-weight:400;margin-top:8px}
.sm-res .graf-wrap{position:relative}
.sm-res .graf{width:100%;height:auto;display:block;background:#fbfcfe;border:1px solid #e6ebf4;border-radius:12px;
  cursor:crosshair;touch-action:pan-y}
.sm-res .graf-tip{position:absolute;top:0;left:0;display:none;pointer-events:none;z-index:5;
  background:#0b2859;color:#fff;border-radius:10px;padding:10px 13px;min-width:168px;
  font-size:12.5px;line-height:1.55;box-shadow:0 10px 28px rgba(4,12,34,.35)}
.sm-res .graf-tip .t{color:#c4ddff;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}
.sm-res .graf-tip .l{display:flex;justify-content:space-between;gap:16px}
.sm-res .graf-tip .l i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:7px}
.sm-res .graf-tip .l b{font-weight:700}
.sm-res .tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.sm-res .tile{display:flex;gap:10px;align-items:flex-start;background:#f7f9fd;border:1px solid #e6ebf4;
  border-radius:10px;padding:12px 14px}
.sm-res .tile i{flex:0 0 10px;width:10px;height:10px;border-radius:3px;margin-top:5px}
.sm-res .tile.ap i{background:#243b63;opacity:.55}
.sm-res .tile.poup i{background:#9fb0cc}
.sm-res .tile.cdi i{background:#549cff}
.sm-res .tile.cart i{background:#1b7c3d}
.sm-res .tnome{color:#5b6b88;font-size:11.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}
.sm-res .tval{color:#0b2859;font-size:16.5px;font-weight:700;margin-top:2px}
.sm-res .tile.cart .tval{color:#1b7c3d}
.sm-res .ganho{background:#f2f8f4;border:1px solid #d5ead9;border-radius:12px;padding:16px 18px;margin-top:24px;
  color:#0b2859;font-size:14.5px;line-height:1.5}
.sm-res .ganho b{color:#1b7c3d}
.sm-res .aviso{color:#8a97ad;font-size:11.5px;line-height:1.5;margin-top:20px}
.sm-res .btn-wa{display:flex;align-items:center;justify-content:center;gap:10px;background:#47c67c;color:#fff;
  border-radius:28px;font-size:15px;font-weight:700;padding:15px 20px;margin-top:24px}
.sm-res .btn-wa:hover{background:#3bb46e}
.sm-res .refazer{display:block;text-align:center;color:#7a8bab;font-size:13.5px;margin-top:14px;cursor:pointer;background:none;border:0;font-family:inherit;width:100%}
.sm-res .refazer:hover{color:#10408d}

@media (max-width:1024px){
  .sm-hero{padding:70px 0 60px}
  .sm-hero h1,.sm-hero h2{font-size:40px;line-height:1.1}
  .sm-porque h2{font-size:34px}
  .sm-ativos h2{font-size:32px}
  .sm-ativos .cards{grid-template-columns:1fr}
  .sm-faq h2{font-size:30px}
  .sm-card{padding:32px 24px 36px}
  .sm-card h2{font-size:22px}
}
@media (max-width:640px){
  .sm-hero h1,.sm-hero h2{font-size:30px}
  .sm-res .destaque{font-size:32px}
  .sm-res .tiles{grid-template-columns:1fr}
  .sm-volta .btn{display:block;margin:10px auto;max-width:280px}
  .sm-card .acoes{flex-direction:column-reverse;gap:8px}
  .sm-card .avanca{width:100%}
}

/* ===== INVESTIMENTOS (.iv-*) ===== */
/* o vivo alinha o texto à esquerda a partir de x=397, sem véu, e mostra a foto inteira na largura */
.iv-hero{min-height:724px;padding-top:170px;position:relative;
  background:#114391 left center/cover no-repeat}
.iv-hero .wrap{position:relative;z-index:2;width:100%}
.iv-hero .bloco{margin-left:254px;max-width:540px}
.iv-hero h1{color:#fff;font-size:30px;font-weight:400;line-height:1.22}
.iv-hero h1 b{display:block;font-weight:700;color:#f6f6f6}
.iv-hero p{color:#fff;font-size:18px;font-weight:400;line-height:1.6;margin-top:130px;max-width:309px}
.iv-hero .btn{margin-top:29px;background:var(--royal);border-radius:100px;font-size:14px;font-weight:700;
  min-width:226px;height:45px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center}

/* soluções + carrossel (medidas do vivo: card 361x378, passo 361, setas #549cff) */
.iv-sol{background:#fff;padding:66px 0 50px;text-align:center}
.iv-sol h2{font-size:45px;font-weight:300;color:#0b2859;line-height:1.15}
.iv-sol h2 b{font-weight:700;color:var(--royal)}
.iv-sol .sub{color:#10408d;font-size:16px;margin-top:20px}
.iv-carrossel{background:#fff url(../assets/img/pages/iv-halftone.svg) center/auto 100% repeat-x;
  padding:51px 0;position:relative}
.iv-palco{max-width:1200px;margin:0 auto;padding:0 70px;position:relative}
.iv-janela{overflow:hidden}
.iv-trilho{display:flex;transition:transform .6s cubic-bezier(.3,.7,.3,1)}
.iv-item{flex:0 0 361px;width:361px;min-height:378px;text-align:center;padding:0 42px}
.iv-item .ico{width:147px;height:147px;border-radius:22%;background:#10408d;margin:0 auto 24px;
  display:flex;align-items:center;justify-content:center}
.iv-item .ico img{width:98px;height:98px;object-fit:contain}
.iv-item h3{color:#0b2859;font-size:16px;font-weight:700;margin-bottom:6px}
.iv-item p{color:#0b2859;font-size:16px;font-weight:300;line-height:1.32}
.iv-seta{position:absolute;top:50%;transform:translateY(-50%);background:none;border:0;cursor:pointer;
  color:#549cff;font-size:40px;line-height:1;font-family:inherit;padding:6px 10px;transition:.2s}
.iv-seta:hover{color:#10408d}
.iv-seta.esq{left:70px}
.iv-seta.dir{right:70px}

/* por que investir */
/* fundo branco, foto de 581 a esquerda e os 4 numeros num painel azul de 754x386 */
.iv-porque{display:grid;grid-template-columns:581px 1fr;background:#fff;min-height:514px}
.iv-porque .foto{background:center/cover no-repeat}
.iv-porque .lado{padding:18px 30px 0 30px}
.iv-porque h2{color:#223855;font-size:25px;font-weight:400;line-height:1.2;margin-bottom:10px}
.iv-porque h2 b{font-weight:700;color:#0b2859}
.iv-porque .itens{display:grid;grid-template-columns:1fr 1fr;row-gap:35px;background:var(--royal);
  border-radius:40px;max-width:754px;padding:10px 0 25px;overflow:hidden}
.iv-porque .it{display:grid;grid-template-columns:136px 1fr;padding:0 5px;align-content:start}
.iv-porque .num{color:#d2e5ff;font-size:55px;font-weight:400;line-height:1.22;text-align:left}
.iv-porque h3{color:#fff;font-size:20px;font-weight:700;line-height:1.2;margin:15px 0 12px}
.iv-porque p{color:#fff;font-size:15px;font-weight:300;line-height:1.23;max-width:220px}

/* como funciona (vivo: cartão 600x432 @105 + foto 600x432 @705) */
.iv-como{background:linear-gradient(90deg,#10408d 4%,#174086 100%);padding:80px 0}
.iv-como .par{display:grid;grid-template-columns:600px 600px;justify-content:center;max-width:1200px;margin:0 auto}
.iv-como .cartao{background:#fff;border-radius:40px 0 0 40px;height:432px;padding:40px;
  display:flex;flex-direction:column;justify-content:center}
.iv-como h2{color:#10408d;font-size:24px;font-weight:700}
.iv-como .stripes{width:520px;max-width:100%;height:13px;margin:16px 0 30px;
  background:url(../assets/img/pages/stripes-1920w.png) left center/contain no-repeat}
.iv-como ol{list-style:none}
.iv-como li{color:#10408d;font-size:16px;font-weight:300;line-height:1.3;padding:9px 0}
.iv-como li b{font-weight:700}
.iv-como .btn{margin-top:26px;background:var(--royal);border-radius:50px;font-size:12px;font-weight:500;
  width:180px;min-height:55px;padding:8px 20px;display:inline-flex;align-items:center;justify-content:center;
  text-align:center;line-height:1.3}
.iv-como .mock{height:432px;border-radius:0 40px 40px 0;background:center/cover no-repeat}

/* CTA final */
.iv-cta{background:#fff;padding:130px 0}
.iv-cta .wrap{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.iv-cta h2{color:#10408d;font-size:30px;font-weight:400;line-height:1.24}
.iv-cta h2 b{font-weight:600}
.iv-cta .botoes{display:flex;flex-direction:column;gap:20px}
.iv-cta .btn{border-radius:50px;font-size:16px;font-weight:700;min-width:274px;height:55px;
  display:inline-flex;align-items:center;justify-content:center}
.iv-cta .btn.esc{background:#10408d}

/* faixa "Simule" reaproveitada nesta página: o vivo usa a seção mais baixa */

@media (max-width:1024px){
  .iv-hero{min-height:440px;padding-top:70px;padding-bottom:70px}
  .iv-hero .bloco{margin-left:0;max-width:none}
  .iv-hero h1{font-size:24px}
  .iv-hero p{margin-top:32px;font-size:16px;max-width:none}
  .iv-sol h2{font-size:32px}
  .iv-porque{grid-template-columns:1fr}
  .iv-porque .foto{height:260px}
  .iv-porque .lado{padding:32px 20px 40px}
  .iv-porque .itens{grid-template-columns:1fr;border-radius:28px;padding:24px 0;row-gap:22px}
  .iv-porque .it{grid-template-columns:90px 1fr;padding:0 16px}
  .iv-porque .num{font-size:44px}
  .iv-porque h3{margin-top:6px}
  .iv-porque p{max-width:none}
  /* minmax(0,1fr): sem isso a coluna cresce ate o min-content (a régua de 520px) e cria rolagem lateral */
  .iv-como{padding:0}
  .iv-como .par{grid-template-columns:minmax(0,1fr)}
  .iv-como .stripes{width:100%}
  .iv-como .cartao{border-radius:0;height:auto;padding:44px 28px}
  .iv-como .mock{height:280px;border-radius:0}
  .iv-palco{padding:0 32px}
  .iv-item{flex-basis:100%;width:100%;padding:0 10px}
  /* no celular as setas ficam nas bordas do palco, fora do texto do card */
  .iv-seta{top:118px;transform:none;font-size:34px}
  .iv-seta.esq{left:2px}
  .iv-seta.dir{right:2px}
  .iv-cta{padding:52px 0}
  .iv-cta .wrap{grid-template-columns:1fr}
  .iv-cta h2{font-size:24px}
  .iv-cta .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){ .iv-trilho{animation:none} }

/* --- REVELAR AO ROLAR --- */
.rev{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.rev.vis{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .rev{opacity:1;transform:none;transition:none}
  .pr-hero .foto{animation:none;transform:none}
  .pr-intro .risco{transform:scaleX(1);transition:none}
}

@media (max-width:1024px){
  .pr-hero h1{font-size:46px}
  .pr-encontra h2{font-size:38px}
  .pr-encontra{padding:80px 0}
  .pr-titulo-faixa h2{font-size:32px}
  .pr-paraquem{grid-template-columns:1fr}
  .pr-paraquem .foto{min-height:320px}
  .pr-paraquem .painel{padding:56px 34px}
  .pr-paraquem .itens{gap:30px}
  .pr-bene.faixa .duas{grid-template-columns:1fr}
  .pr-bene.faixa .lista{margin-left:0;padding:30px 28px}
  .pr-bene.faixa .foto img{min-height:300px}
  .pr-bene .duas{grid-template-columns:1fr}
  .pr-bene .foto{margin-top:-70px}
  .pr-bene .lista{padding-bottom:70px}
  .pr-prod .duas,.pr-prod .duas.chips-largos{grid-template-columns:1fr;gap:34px}
  .pr-prod .duas.titulo-dir .col-tit{order:1}
  .pr-prod .duas.titulo-dir .col-chips{order:2}
  .pr-prod h2{font-size:40px}
  .pr-simul h2{font-size:46px}
  .pr-intro .bloco{max-width:none}
}
@media (max-width:640px){
  .pr-hero{min-height:460px}
  .pr-hero h1{font-size:36px}
  .pr-encontra h2{font-size:29px}
  .pr-encontra .chamada{font-size:20px;margin-top:40px}
  .pr-titulo-faixa h2{font-size:26px}
  .pr-paraquem .itens{grid-template-columns:1fr}
  .pr-paraquem .item{grid-template-columns:66px 1fr}
  .pr-paraquem .n{font-size:42px}
  .pr-intro{padding:70px 0 150px}
  .pr-intro .bloco{text-align:left}
  .pr-intro .risco{margin-left:0}
  .pr-intro .destaques{font-size:21px}
  .pr-prod{padding:70px 0}
  .pr-prod h2{font-size:34px}
  .pr-chip{padding:20px;text-align:left}
  .pr-card{grid-template-columns:1fr;justify-items:center;gap:12px;text-align:center}
  .pr-simul{padding:80px 0 30px}
  .pr-simul h2{font-size:32px}
  .pr-faixa .g{font-size:22px}
  .pr-form .card{width:100%}
}

/* =========================================================
   ABRA SUA CONTA (.ac-*) — padrão /abra-sua-conta do site vivo
   ========================================================= */
:root{
  --ac-navy:#040933;      /* hero */
  --ac-cinza:#f4f4f4;     /* faixa conta corrente */
  --ac-navy2:#0c2858;     /* faixa conta internacional */
  --ac-azul:#10408d;      /* títulos azul-escuro */
  --ac-link:#195ab4;      /* links e botões */
  --ac-verde:#32b165;     /* botão WhatsApp */
  --ac-volte:#d8d8d8;     /* faixa "volte para o início" */
}

/* --- HERO com mockup --- */
.ac-hero{position:relative;min-height:720px;display:flex;align-items:center;background:var(--ac-navy);overflow:hidden}
.ac-hero .foto{position:absolute;inset:0;background-size:cover;background-position:center right;
  transform:scale(1.05);animation:pr-zoom 16s ease-out forwards}
.ac-hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(4,9,51,.92) 0%,rgba(4,9,51,.7) 30%,rgba(4,9,51,.15) 62%,rgba(4,9,51,0) 100%)}
.ac-hero .wrap{position:relative;z-index:2;width:100%}
.ac-hero h1{color:#fff;font-size:50px;font-weight:400;line-height:1.15;letter-spacing:-.01em}
.ac-hero h1 b{font-weight:700}
.ac-hero .acoes{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:90px}
.ac-hero .acoes .btn{border-radius:50px;padding:19px 34px;font-size:16px;font-weight:500;min-width:290px}
.ac-hero .acoes .azul{background:var(--ac-link)}
.ac-hero .acoes .verde{background:var(--ac-verde)}

/* --- FAIXA 2 COLUNAS (título grande à esquerda) --- */
.ac-split{background:var(--ac-cinza);padding:80px 0}
.ac-split .duas{display:grid;grid-template-columns:34% 66%;gap:40px;align-items:start}
.ac-split h2{color:var(--ac-azul);font-size:50px;font-weight:400;line-height:1.2;max-width:260px}
.ac-split .sub{color:#000;font-size:23px;font-weight:300;margin-top:4px}
.ac-split h3{color:#000;font-size:33px;font-weight:300;line-height:1.25;margin-bottom:30px}
.ac-split p{color:#111;font-size:16px;font-weight:300;line-height:1.75;max-width:680px}
.ac-split a.link{color:var(--ac-link);font-size:16px;font-weight:400;display:inline-block;margin-top:2px}
.ac-split a.link:hover{text-decoration:underline}

/* --- FAIXA COM MOCKUP + TEXTO --- */
.ac-dupla{padding:90px 0}
.ac-dupla .duas{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.ac-dupla.tema-navy{background:var(--ac-navy2);color:#fff}
.ac-dupla.tema-branco{background:#fff}
.ac-dupla .mock{text-align:center}
.ac-dupla .mock img{display:inline-block;width:auto;max-height:390px;
  filter:drop-shadow(0 22px 40px rgba(0,0,0,.45))}
.ac-dupla h2{font-size:45px;font-weight:400;line-height:1.2;margin-bottom:22px}
.ac-dupla p{font-size:16px;font-weight:300;line-height:1.6;max-width:530px;margin-bottom:16px}
.ac-dupla p b{font-weight:700}
.ac-dupla .btn{background:var(--ac-link);border-radius:13px;padding:17px 32px;font-weight:600;margin-top:16px}
.ac-dupla.tema-branco h3{color:#1a4fa0;font-size:20px;font-weight:700;margin-bottom:18px}
.ac-dupla.tema-branco p{color:#1c2533;max-width:560px}
.ac-dupla .quadro img{width:100%;border-radius:14px;display:block}

/* --- FORMULÁRIO com foto ao lado --- */
.ac-form{background:#fff;padding:110px 0 0}
.ac-form .duas{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:stretch}
.ac-form h2{font-size:32px;font-weight:400;color:#1c2533;margin-bottom:30px}
.ac-form .campo{margin-bottom:16px}
.ac-form .campo label{display:block;font-size:14px;font-weight:300;color:#6d7280;margin-bottom:6px}
.ac-form input[type=text],.ac-form input[type=email],.ac-form input[type=tel]{width:100%;max-width:460px;
  background:rgba(102,102,102,.15);border:1px solid transparent;border-radius:19px;padding:11px 18px;
  font-size:15px;font-family:inherit;color:var(--ink);outline:none;transition:.2s}
.ac-form input:focus{border-color:var(--ac-link);background:rgba(102,102,102,.08)}
.ac-form .valores{margin:26px 0 6px;max-width:460px}
.ac-form .valores>.rot{font-size:14px;font-weight:300;color:#6d7280;margin-bottom:12px}
.ac-form .valores .grade{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.ac-form .valores .op{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#3a3f4c;cursor:pointer}
.ac-form .valores .op input{accent-color:var(--ac-link);width:15px;height:15px;flex:0 0 auto}
.ac-form .enviar{background:var(--ac-link);color:#fff;border:0;cursor:pointer;font-family:inherit;font-size:16px;
  font-weight:600;padding:15px;width:200px;border-radius:39px;margin-top:26px;transition:.2s}
.ac-form .enviar:hover{filter:brightness(1.1);transform:translateY(-2px)}
.ac-form .retrato{background-size:cover;background-position:center top;min-height:620px;border-radius:4px}
.ac-form .msg-ok,.ac-form .msg-erro{max-width:460px}

/* --- FAIXA VOLTE PARA O INÍCIO --- */
.ac-volte{background:var(--ac-volte);padding:15px 0;text-align:center}
.ac-volte .btn{background:#0b2859;border-radius:50px;padding:16px 40px;font-size:14px;font-weight:500}

@media (max-width:1024px){
  .ac-hero h1{font-size:38px}
  .ac-hero{min-height:600px}
  .ac-split .duas,.ac-dupla .duas,.ac-form .duas{grid-template-columns:1fr;gap:34px}
  .ac-split h2{font-size:40px;max-width:none}
  .ac-dupla h2{font-size:34px}
  .ac-form{padding-bottom:0}
  .ac-form .retrato{min-height:420px}
  .ac-form .duas>div:first-child{order:1}
  .ac-form .retrato{order:2}
}
@media (max-width:640px){
  .ac-hero h1{font-size:31px}
  /* no celular o corte "right" deixaria o mockup fora do quadro */
  .ac-hero .foto{background-position:58% center}
  .ac-hero::after{background:linear-gradient(180deg,rgba(4,9,51,.86) 0%,rgba(4,9,51,.72) 45%,rgba(4,9,51,.9) 100%)}
  .ac-hero .acoes{margin-top:50px}
  .ac-hero .acoes .btn{min-width:0;width:100%;padding:17px 20px;font-size:15px}
  .ac-split h3{font-size:26px}
  .ac-split h2{font-size:34px}
  .ac-dupla{padding:60px 0}
  .ac-dupla .mock img{max-height:300px}
  .ac-form{padding-top:70px}
  .ac-form .valores .grade{grid-template-columns:1fr}
}

/* ===== WHATSAPP FLUTUANTE ===== */
.wa-float{position:fixed;right:26px;bottom:26px;z-index:90;width:62px;height:62px;border-radius:50%;background:#3fca5d;
  display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:.2s}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:34px;height:34px;fill:#fff}

/* ===== RESPONSIVO ===== */
@media (max-width:1024px){
  /* o painel de "Outras soluções" tinha coluna fixa de 420px para a foto:
     abaixo de ~1000px ela estourava a largura da tela (368px de scroll
     horizontal no celular). Vira uma coluna, com a foto embaixo do texto. */
  .ot-painel{grid-template-columns:1fr;gap:30px;min-height:0;padding:38px 26px}
  .ot-painel .foto img{width:100%}
  .ot-aba{font-size:16px;padding:0 8px;line-height:1.15}
  .como .passos{grid-template-columns:repeat(2,1fr)}
  .solucoes .cards{grid-template-columns:repeat(2,1fr)}
  .time .grade{grid-template-columns:repeat(2,1fr)}
  .excel{grid-template-columns:1fr}
  .excel .painel{padding:70px 34px}
  .excel .foto{min-height:420px}
  nav.menu{display:none}
  nav.menu.aberto{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--navy);padding:16px 24px;align-items:flex-start}
  nav.menu.aberto .drop{visibility:visible;opacity:1;position:static;box-shadow:none;min-width:0;padding-left:14px}
  .burger{display:block}
  .topo .cta{display:none}
}
@media (max-width:640px){
  .ot-abas{grid-template-columns:repeat(2,1fr)}
  .ot-aba{height:54px;font-size:13.5px}
  .ot-painel h3{font-size:24px}
  .ot-painel p,.ot-painel li{font-size:16px}
  .hero h1{font-size:32px}
  .hero{min-height:640px}
  .como .passos,.solucoes .cards,.numeros .grade,.time .grade,.outras .linha,.midia .duas,.selos .duas,footer .cols{grid-template-columns:1fr}
  .btg h2{font-size:34px}
  .simul h2{font-size:30px}
  .midia .duas{gap:40px}
}