/* Elect Seguros · máscara da compra do seguro estagiário.
   A página é a da Capemisa (mesma lógica, mesmos dados, mesmo pagamento), aberta em electseguros.com.br/contratar-estagiario
   pelo túnel (src/proxy/capemisa.mjs). Este tema só vale com [data-elect] no <html>, que o túnel coloca.
   Visual igual ao do site: fundo cinza-azulado, cartões brancos, navy e ciano, Montserrat, botões em pílula. */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/montserrat-400.woff2) format('woff2')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/montserrat-500.woff2) format('woff2')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/montserrat-600.woff2) format('woff2')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/montserrat-700.woff2) format('woff2')}@font-face{font-family:'Montserrat Reserva';font-weight:400;src:local('Arial');size-adjust:110.11%;ascent-override:87.91%;descent-override:22.80%;line-gap-override:0%}@font-face{font-family:'Montserrat Reserva';font-weight:500;src:local('Arial');size-adjust:111.73%;ascent-override:86.64%;descent-override:22.46%;line-gap-override:0%}@font-face{font-family:'Montserrat Reserva';font-weight:600;src:local('Arial Bold'),local('Arial-BoldMT');size-adjust:106.59%;ascent-override:90.82%;descent-override:23.55%;line-gap-override:0%}@font-face{font-family:'Montserrat Reserva';font-weight:700;src:local('Arial Bold'),local('Arial-BoldMT');size-adjust:108.46%;ascent-override:89.25%;descent-override:23.14%;line-gap-override:0%}
[data-elect]{
  --bg:#FFFFFF; --bg-2:#F0F4F7; --surface:#FFFFFF; --field:#F6F9FA;
  --ink:#16262D; --ink-h:#14323C; --ink-2:#4F656D; --mute:#68848C; --line:#E1E9ED; --line-2:#CCDAE0;
  --navy:#14323C; --navy-2:#1B4654; --esc:#0E2A33; --cyan:#01BED1; --teal:#1C8DA0; --link:#07707F; --brand-soft:#E4F3F6;
  --ok:#1E7A52; --err:#C2410C; --wa:#168243;
  --shadow:0 1px 2px rgba(20,50,60,.05),0 18px 44px rgba(20,50,60,.10);
  --font:"Montserrat","Montserrat Reserva",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1); --r-lg:22px; --r-md:16px;
  --chk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='50 26 172 170'%3E%3Cpath d='M65.3 97.2L54.5 97.1L102.7 191.6L113.5 191.6Z'/%3E%3Cpath d='M87 97.2L76.2 97.2L124.3 191.6L135.1 191.6Z'/%3E%3Cpath d='M129.8 159.8L196.6 30L185.8 30L124.4 149.2Z'/%3E%3Cpath d='M135.2 170.4L140.6 181L218.3 30.1L207.4 30.1Z'/%3E%3C/svg%3E");
  --tema-cor-fundo:#14323C!important; --tema-cor-fonte:#FFFFFF!important; --tema-cor-fundo-hover:#1B4654!important;
  --tema-cor-shadow-300:rgba(1,190,209,.12)!important; --tema-cor-shadow-600:rgba(1,190,209,.25)!important;
  color-scheme:light; -webkit-text-size-adjust:100%;
}
[data-elect] body{margin:0;padding:0 0 64px;background:var(--bg-2);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
[data-elect] h1,[data-elect] h2,[data-elect] h3,[data-elect] h4,[data-elect] h5,[data-elect] h6,
[data-elect] .btn,[data-elect] .form-control,[data-elect] button,[data-elect] input,[data-elect] select,[data-elect] .modal,[data-elect] .tooltip{font-family:var(--font)}
[data-elect] h1,[data-elect] h2,[data-elect] h3,[data-elect] h4{color:var(--ink-h);letter-spacing:-.015em;text-wrap:balance}
[data-elect] a{color:var(--link)}
[data-elect] :focus-visible{outline:3px solid var(--link)!important;outline-offset:3px}
[data-elect] #dados-proponente hr{display:none}
[data-elect] #dados-proponente br{display:none}

/* o que é do portal do corretor some; a identificação da Capemisa fica no resumo e no rodapé */
[data-elect] .navbar-capemisa,[data-elect] .homologacao,[data-elect] .product-title,[data-elect] #menuCorretor,[data-elect] .navbar-nav-dropdownmenu,
[data-elect] .popover-acoes-tema-content,[data-elect] .popover-acoes-tema-content-capemisaonly,[data-elect] #step4,
[data-elect] #wizard > .pager,[data-elect] .bwizard-buttons,[data-elect] .edx{display:none!important}

/* topo, como o das páginas de venda do site */
.em-topo{position:fixed;inset:0 0 auto;z-index:60;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(20,50,60,.08)}
.em-wrap{max-width:1180px;margin-inline:auto;padding-inline:clamp(16px,4.5vw,48px)}
.em-barra-topo{height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.em-marca{display:inline-flex;align-items:center;min-height:44px}
.em-marca img{width:128px;height:36px;display:block}
.em-duvida{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;color:var(--ink-h)!important;font-weight:500;font-size:15px;text-decoration:none!important}
.em-duvida:hover{background:rgba(20,50,60,.06)}
.em-duvida svg{width:18px;height:18px;flex:none}
@media (max-width:560px){.em-duvida span{display:none}.em-duvida{width:44px;padding:0;justify-content:center}}

/* página: cabeçalho, coluna da compra e o resumo ao lado */
[data-elect] #page_content.container{width:auto;max-width:1180px;margin:0 auto;padding:calc(104px + env(safe-area-inset-top,0px)) clamp(16px,4.5vw,48px) 0;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:24px;align-items:start}
[data-elect] #page_content.container::before,[data-elect] #page_content.container::after{content:none}
.em-cab{grid-column:1/-1;display:grid;gap:12px;margin-bottom:8px}
.em-volta{justify-self:start;display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--link)!important;text-decoration:none!important;min-height:32px}
.em-volta svg{width:16px;height:16px}
.em-h1{margin:0;font-size:clamp(32px,4.2vw,48px);line-height:1.08;font-weight:500;letter-spacing:-.03em;color:var(--mute)!important}
.em-h1 b{font-weight:600;color:var(--ink-h)}
.em-lead{margin:0;font-size:clamp(16px,1.4vw,18px);line-height:1.55;color:var(--ink-2);max-width:62ch}
[data-elect] #dados-proponente{grid-column:1;min-width:0;margin:0}
.em-resumo{grid-column:2;grid-row:2;position:sticky;top:96px}
@media (max-width:900px){
  [data-elect] #page_content.container{grid-template-columns:1fr;padding-top:calc(96px + env(safe-area-inset-top,0px))}
  .em-resumo{grid-column:1;grid-row:auto;position:static}
  [data-elect].em-p0 .em-resumo{display:none}   /* na escolha do capital, a lista já mostra tudo; o resumo volta nas etapas seguintes */
}

/* etapas: as do assistente da Capemisa, em pílulas */
[data-elect] .bwizard-steps{display:flex!important;flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;background:none}
[data-elect] .bwizard-steps > li,[data-elect] .bwizard-steps > li.active{display:inline-flex;align-items:center;gap:10px;margin:0;padding:7px 16px 7px 7px!important;border-radius:999px!important;
  background:var(--surface)!important;border:1px solid var(--line);color:var(--ink-2)!important;font-size:14.5px;font-weight:600!important;line-height:1.2;transition:background .2s,color .2s,border-color .2s!important}
[data-elect] .bwizard-steps > li::before,[data-elect] .bwizard-steps > li::after{content:none!important;border:0!important}
[data-elect] .bwizard-steps > li > .label,[data-elect] .bwizard-steps > li > .label.badge{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;margin:0;padding:0;top:0;
  background:var(--bg-2)!important;color:var(--ink-2)!important;font-size:13px!important;font-weight:600;line-height:1}
[data-elect] .bwizard-steps > li.active{background:var(--navy)!important;border-color:var(--navy);color:#fff!important}
[data-elect] .bwizard-steps > li.active > .label{background:var(--cyan)!important;color:var(--esc)!important}
[data-elect] .bwizard-steps > li.em-feito > .label{background:var(--brand-soft)!important;color:var(--link)!important}
[data-elect] .bwizard-steps .hidden-phone{display:inline!important}
@media (max-width:600px){[data-elect] .bwizard-steps > li:not(.active) .hidden-phone{display:none!important}[data-elect] .bwizard-steps > li:not(.active){padding:7px!important}}

/* o cartão de cada etapa */
[data-elect] #wizard{position:static}
[data-elect] #wizard .well,[data-elect] .bwizard .well{margin:0;padding:clamp(20px,3vw,32px);border:0;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow)}
[data-elect] #wizard [role=tabpanel] > h3:first-child,[data-elect] #formapagamento{margin:0 0 6px;font-size:clamp(22px,2.2vw,28px);line-height:1.2;font-weight:600}
.em-sub{margin:0 0 20px;color:var(--ink-2);font-size:15.5px}
.em-voltar{display:inline-flex;align-items:center;gap:4px;margin:-6px 0 12px -8px;padding:6px 10px;min-height:36px;border:0;border-radius:999px;background:none;color:var(--link);font-weight:600;font-size:15px;cursor:pointer}
.em-voltar:hover{background:var(--brand-soft)}
.em-voltar svg{width:16px;height:16px}
.em-voltar[hidden]{display:none}

/* etapa 1: os planos da Capemisa como as opções do site (capital em destaque, preço por mês e total anual) */
[data-elect] .produtos{display:grid;gap:12px}
[data-elect] .produtos > .row{display:contents}
[data-elect] .produtos > .row::before,[data-elect] .produtos > .row::after{content:none}
[data-elect] .produtos [class*=col-]{float:none;width:auto;padding:0;min-height:0}
[data-elect] .produtos .row-spacing:empty{display:none}
[data-elect] .showcase{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin:0;padding:18px 20px;min-height:0;
  border-radius:var(--r-md);background:var(--surface);border:2px solid var(--line)!important;box-shadow:none!important;cursor:pointer;text-align:left;transition:border-color .2s,box-shadow .2s!important}
[data-elect] .showcase:hover{border-color:var(--line-2)!important;box-shadow:0 1px 2px rgba(20,50,60,.06),0 10px 26px rgba(20,50,60,.08)!important}
[data-elect] .showcase.showcase-selected{border-color:var(--teal)!important;box-shadow:0 0 0 4px rgba(1,190,209,.12)!important}
[data-elect] .showcase:focus-visible{outline:3px solid var(--link);outline-offset:3px}
[data-elect] .showcase > .price,[data-elect] .showcase > .info,[data-elect] .showcase > .plus{display:none!important}
.em-op{display:contents}
.em-op *{pointer-events:none}   /* o clique cai no cartão, que é o que o script da Capemisa espera */
.em-radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--line-2);flex:none;transition:border-color .2s}
[data-elect] .showcase-selected .em-radio{border-color:var(--teal);background:radial-gradient(circle,var(--teal) 0 5px,transparent 6px)}
.em-op-txt{display:grid;gap:2px;min-width:0}
.em-cap{font-size:20px;font-weight:600;color:var(--ink-h);letter-spacing:-.01em}
.em-cap-rot{font-size:14px;color:var(--ink-2);line-height:1.4}
.em-sorte{font-size:13.5px;color:var(--ink-2)}
.em-preco{display:grid;justify-items:end;gap:2px;text-align:right}
.em-preco b{font-size:19px;font-weight:600;color:var(--ink-h);font-variant-numeric:tabular-nums;white-space:nowrap}
.em-preco b small{font-size:14px;font-weight:500;color:var(--ink-2)}
.em-preco span{font-size:13.5px;color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.em-tag{position:absolute;top:-11px;left:58px;padding:3px 10px;border-radius:999px;background:var(--cyan);color:var(--esc);font-size:12px;font-weight:600;line-height:1.4}
@media (max-width:520px){
  [data-elect] .showcase{grid-template-columns:auto minmax(0,1fr);padding:16px;gap:12px}
  .em-preco{grid-column:2;justify-items:start;text-align:left}
  .em-tag{left:50px}
}

/* avisos da Capemisa (garantias, sorteios, campos obrigatórios) */
[data-elect] .alert-cinzaCapemisa,[data-elect] .alert{margin:20px 0 0;padding:16px 18px;border:0;border-radius:var(--r-md);background:var(--bg-2);color:var(--ink-2);font-size:14.5px;line-height:1.55;box-shadow:none;text-shadow:none}
[data-elect] .alert ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
[data-elect] .alert li{position:relative;padding-left:26px}
[data-elect] .alert li::before{content:"";position:absolute;left:0;top:.28em;width:16px;height:16px;background:var(--teal);-webkit-mask:var(--chk) center/contain no-repeat;mask:var(--chk) center/contain no-repeat}
[data-elect] #step2 > .alert-cinzaCapemisa:first-of-type{margin:0 0 20px;padding:0;background:none;font-size:14px}
[data-elect] .mensagem:empty{display:none}

/* etapa 2: formulário com os campos do site */
.em-campos{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.em-campos > .form-group{margin:0;min-width:0}
.em-campos > .c-cpf{grid-column:span 5}.em-campos > .c-data-nascimento{grid-column:span 4}.em-campos > .c-sexo{grid-column:span 3}
.em-campos > .c-nome{grid-column:span 7}.em-campos > .c-nomesocial{grid-column:span 5}
.em-campos > .c-nacionalidade,.em-campos > .c-profissao{grid-column:span 6}
.em-campos > .c-email{grid-column:span 7}.em-campos > .c-telefone-residencial{grid-column:span 5}
.em-campos > .c-cep{grid-column:span 4}.em-campos > .c-endereco{grid-column:span 8}
.em-campos > .c-numero{grid-column:span 3}.em-campos > .c-complemento{grid-column:span 4}.em-campos > .c-bairro{grid-column:span 5}
.em-campos > .c-cidade{grid-column:span 9}.em-campos > .c-uf{grid-column:span 3}
@media (max-width:640px){
  .em-campos{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
  .em-campos > .form-group{grid-column:span 6!important}
  .em-campos > .c-numero{grid-column:span 2!important}.em-campos > .c-complemento{grid-column:span 4!important}
  .em-campos > .c-cidade{grid-column:span 4!important}.em-campos > .c-uf{grid-column:span 2!important}
}
[data-elect] #step2 > .row:empty{display:none}
[data-elect] .control-label,[data-elect] .form-group > label{display:block;margin:0 0 6px;font-size:14.5px;font-weight:600;color:var(--ink-2);line-height:1.3}
[data-elect] .control-label span[style*=red],[data-elect] label span[style*=red]{color:var(--err)!important;font-weight:600}
[data-elect] .form-control{height:50px;padding:12px 14px;border-radius:12px;border:1px solid var(--line-2);background:var(--field);color:var(--ink);font-size:16px;line-height:1.4;box-shadow:none!important;transition:border-color .2s,box-shadow .2s,background .2s}
[data-elect] select.form-control{padding-right:36px;-webkit-appearance:none;appearance:none;background:var(--field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234F656D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center/18px no-repeat}
[data-elect] .form-control:hover{border-color:var(--mute)}
[data-elect] .form-control:focus{border-color:var(--teal)!important;background:#fff;box-shadow:0 0 0 4px rgba(1,190,209,.16)!important;outline:0}
[data-elect] .has-error .form-control,[data-elect] .form-control.error{border-color:var(--err)!important;box-shadow:0 0 0 4px rgba(194,65,12,.12)!important}
[data-elect] .has-error .control-label{color:var(--err)}
[data-elect] .uppercase{text-transform:none}
[data-elect] #step2 .row{margin:0}
[data-elect] #step2 .col-md-6:has(#button1){float:none;width:auto;padding:0;display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.em-opcional{margin:28px 0 0;font-size:14.5px;font-weight:600;color:var(--ink-2)}
[data-elect] #button1,[data-elect] #button2{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid var(--line-2)!important;background:var(--surface)!important;color:var(--ink-h)!important;font-weight:600;font-size:15px;box-shadow:none;text-shadow:none}
[data-elect] #button1:hover,[data-elect] #button2:hover{border-color:var(--ink-h)!important;background:var(--surface)!important}
[data-elect] #button1[aria-expanded=true],[data-elect] #button2[aria-expanded=true]{background:var(--brand-soft)!important;border-color:var(--teal)!important}
[data-elect] #button1 svg,[data-elect] #button2 svg{width:16px;height:16px}
[data-elect] #fieldset1,[data-elect] #fieldset2{margin:16px 0 0!important;padding:20px;border-radius:var(--r-md);background:var(--bg-2);border:0}
[data-elect] #fieldset1:not([style*="none"]),[data-elect] #fieldset2:not([style*="none"]){display:grid!important;grid-template-columns:1fr 1fr;gap:16px}
[data-elect] #fieldset1 > div:first-child,[data-elect] #fieldset2 > div:first-child{grid-column:1/-1;margin:0!important}
[data-elect] #fieldset1 h3,[data-elect] #fieldset2 h3{margin:0;font-size:17px;font-weight:600}
[data-elect] #fieldset1 .col-md-6,[data-elect] #fieldset2 .col-md-6{float:none;width:auto;padding:0}
[data-elect] fieldset .form-group{margin:0}
@media (max-width:640px){[data-elect] #fieldset1:not([style*="none"]),[data-elect] #fieldset2:not([style*="none"]){grid-template-columns:1fr}}

/* etapa 3: Pix ou boleto, como duas opções */
[data-elect] #formapagamentoxpto{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
[data-elect] #formapagamentoxpto .row{margin:0}
[data-elect] #formapagamentoxpto .row > div{display:block!important}
[data-elect] .showcasea{position:relative;display:block;width:100%!important;height:auto!important;min-height:0;color:var(--ink)!important;padding:18px 20px 18px 54px;border-radius:var(--r-md);border:2px solid var(--line);background:var(--surface);cursor:pointer;transition:border-color .2s,box-shadow .2s}
[data-elect] .showcasea::before{content:"";position:absolute;left:20px;top:22px;width:22px;height:22px;border-radius:50%;border:2px solid var(--line-2);box-sizing:border-box}
[data-elect] .showcasea:hover{border-color:var(--line-2);box-shadow:0 10px 26px rgba(20,50,60,.08)}
[data-elect] .showcasea.selecionadov{background-color:var(--surface)!important;border-color:var(--teal);box-shadow:0 0 0 4px rgba(1,190,209,.12)}
[data-elect] .showcasea.selecionadov::before{border-color:var(--teal);background:radial-gradient(circle,var(--teal) 0 5px,transparent 6px)}
[data-elect] .showcasea .row{display:flex;align-items:center;gap:14px}
[data-elect] .showcasea [class*=col-]{float:none;width:auto;padding:0;margin:0!important}
[data-elect] .showcasea [class*=col-]:last-child{flex:1 1 auto;min-width:0}
[data-elect] .showcasea svg{width:28px;height:28px;fill:var(--ink-h)}
[data-elect] .showcasea h2{margin:0;font-size:19px;font-weight:600;color:var(--ink-h)}
[data-elect] .showcasea h4{margin:2px 0 0;font-size:14px;font-weight:500;color:var(--ink-2);line-height:1.4}
@media (max-width:560px){[data-elect] #formapagamentoxpto{grid-template-columns:1fr}}
.em-aviso{margin:16px 0 0;padding:12px 16px;border-radius:12px;background:rgba(194,65,12,.08);color:var(--err);font-size:14.5px;font-weight:600}
.em-aviso[hidden]{display:none}

/* depois de concluir: processamento, Pix (código e QR) e boleto */
[data-elect] .divCompraSucesso{padding:0!important;color:var(--ink)}
[data-elect] .divCompraSucesso h1{margin:0 0 6px;font-size:clamp(22px,2.4vw,28px)!important;line-height:1.2;font-weight:600!important;color:var(--ink-h)}
[data-elect] .divCompraSucesso h4{font-size:15px!important;font-weight:500!important;color:var(--ink-2)}
[data-elect] .circle-container{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;width:auto;height:auto;margin:24px 0;padding:0}
[data-elect] .circle,[data-elect] .circle.middle-circle{position:relative;flex:0 0 auto;width:92px;height:auto;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:none!important;border:0!important;border-radius:0}
[data-elect] .circle > .checkmark,[data-elect] .circle > .checkmark-disabled,[data-elect] .circle > svg{position:static!important;flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:18px!important;line-height:1}
[data-elect] .circle > .checkmark{background:var(--teal);color:#fff}
[data-elect] .circle > .checkmark-disabled{background:var(--bg-2);color:var(--mute)}
[data-elect] .circle > svg{padding:11px;background:var(--brand-soft);box-sizing:border-box}
[data-elect] .circle > svg path{fill:var(--link)}
[data-elect] .circle-description{position:static;margin:0!important;white-space:normal!important;font-size:13px;font-weight:600;color:var(--ink-2);line-height:1.3}
[data-elect] .line{flex:1 1 auto;width:auto!important;height:2px!important;margin-top:21px;background:var(--line-2)!important;border:0}
[data-elect] #containerpix .container,[data-elect] #containerboleto .container,[data-elect] #containerpixx .container{width:auto;padding:0;margin:0}
[data-elect] #containerpix h3,[data-elect] #containerboleto h4,[data-elect] #containerpixx h3{margin:0 0 8px;font-size:15.5px!important;font-weight:500!important;line-height:1.5;color:var(--ink-2)}
[data-elect] #containerpix h3 b,[data-elect] #containerpix h3[style*=bold]{color:var(--ink-h);font-weight:600}
[data-elect] #containerpix .row{margin:0}
[data-elect] #containerpix [class*=col-]{float:none;width:auto;padding:0}
[data-elect] #containerpix .col-md-8{margin:20px 0;padding:18px 20px;border-radius:var(--r-md);background:var(--bg-2)}
[data-elect] #qrcodeImagecopy{margin:8px 0 12px;font-size:14px;text-align:left}
[data-elect] #qrcodeContainer img{margin:0 auto;border-radius:12px;background:#fff;padding:8px}
[data-elect] #nova-compraa{margin-top:24px}

/* botões da Capemisa que continuam na tela (Copiar código, Boleto, Bilhete, Concluir compra) */
[data-elect] .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:16px;line-height:1.2;white-space:normal;text-shadow:none;box-shadow:none;background-image:none}
[data-elect] .btn-capemisa,[data-elect] .btn-capemisaa,[data-elect] .btn-successCapemisaLaranja,[data-elect] .appriseInner > .aButtons > button{background:var(--navy)!important;border-color:var(--navy)!important;color:#fff!important;font-weight:600}
[data-elect] .btn-capemisa:hover,[data-elect] .btn-capemisaa:hover,[data-elect] .btn-successCapemisaLaranja:hover,[data-elect] .appriseInner > .aButtons > button:hover{background:var(--navy-2)!important}
[data-elect] .btn-capemisa a,[data-elect] label.btn a{color:#fff!important;text-decoration:none!important}
[data-elect] .btn-sm{font-size:15px!important;min-height:44px;padding:10px 20px}
[data-elect] #nova-compraa{background:var(--surface)!important;color:var(--ink-h)!important;border-color:var(--line-2)!important}

/* resumo do plano (ao lado no computador, embaixo no celular) */
.em-resumo{display:grid;gap:14px;padding:24px;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow)}
.em-r-rot{font-size:14px;font-weight:600;color:var(--link)}
.em-r-cap{margin:0;font-size:24px;line-height:1.2;font-weight:600;color:var(--ink-h);letter-spacing:-.015em}
.em-r-cap small{display:block;margin-top:4px;font-size:14px;font-weight:500;color:var(--ink-2);letter-spacing:0}
.em-r-preco{display:grid;gap:2px;padding:14px 16px;border-radius:var(--r-md);background:var(--bg-2)}
.em-r-preco[hidden]{display:none}
.em-r-preco b{font-size:26px;font-weight:600;color:var(--ink-h);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.em-r-preco b small{font-size:15px;font-weight:500;color:var(--ink-2)}
.em-r-preco span{font-size:14px;color:var(--ink-2)}
.em-checks{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14.5px;color:var(--ink-2);line-height:1.45}
.em-checks li{position:relative;padding-left:26px}
.em-checks li::before{content:"";position:absolute;left:0;top:.2em;width:16px;height:16px;background:var(--teal);-webkit-mask:var(--chk) center/contain no-repeat;mask:var(--chk) center/contain no-repeat}
.em-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 26px;border-radius:999px;border:0;background:var(--navy);color:#fff;font:600 16px/1.2 var(--font);cursor:pointer;box-shadow:0 8px 22px rgba(20,50,60,.16);transition:transform .2s var(--ease),background .2s}
.em-btn:hover{background:var(--navy-2)}
.em-btn:active{transform:scale(.97)}
.em-btn svg{width:18px;height:18px}
.em-resumo .em-btn{width:100%}
.em-r-nota{margin:0;font-size:13px;line-height:1.5;color:var(--ink-2)}
.em-r-ajuda{justify-self:center;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 10px;border-radius:999px;font-size:14.5px;font-weight:600;color:var(--link)!important;text-decoration:none!important}
.em-r-ajuda:hover{background:var(--brand-soft)}
.em-r-ajuda svg{width:16px;height:16px}
[data-elect].em-fim .em-continuar,[data-elect].em-fim .em-barra,[data-elect].em-fim .em-voltar{display:none!important}

/* celular: barra fixa com o preço e o botão, como na página de venda */
.em-barra{display:none}
@media (max-width:900px){
  [data-elect] body{padding-bottom:120px}
  .em-resumo .em-continuar{display:none}
  .em-barra{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:45;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;
    border-radius:20px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(20,50,60,.08);box-shadow:0 12px 34px rgba(20,50,60,.18)}
  .em-barra span{display:grid;line-height:1.2;min-width:0}
  .em-barra small{font-size:12.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .em-barra b{font-size:19px;color:var(--ink-h);font-variant-numeric:tabular-nums;white-space:nowrap}
  .em-barra .em-btn{min-height:46px;padding:10px 22px;flex:none}
}

/* rodapé curto: quem é a corretora e quem é a seguradora */
.em-rodape{grid-column:1/-1;margin:24px 0 0;padding:20px 0 0;border-top:1px solid var(--line);font-size:13px;line-height:1.6;color:var(--ink-2)}
.em-rodape a{color:var(--ink-2)!important}

/* confirmação dos dados (janela da Capemisa) */
[data-elect] .modal-backdrop.in{opacity:1;background:rgba(10,30,36,.5)}
[data-elect] .modal-dialog{width:auto;max-width:560px;margin:calc(24px + env(safe-area-inset-top,0px)) auto;padding:0 16px}
[data-elect] .modal-content{border:0;border-radius:var(--r-lg);box-shadow:0 30px 80px rgba(10,30,36,.35);overflow:hidden}
[data-elect] .modal-header{padding:24px 24px 4px;border:0}
[data-elect] .modal-header h4{margin:0;font-size:22px;font-weight:600;color:var(--ink-h)}
[data-elect] #modalConfirmacao .modal-body{padding:12px 24px 8px!important;font-family:var(--font)!important;font-size:15px}
[data-elect] #modalConfirmacao .modal-body .row{margin:0!important;padding:10px 0;border-bottom:1px solid var(--line)}
[data-elect] #modalConfirmacao .modal-body .row:last-child{border-bottom:0}
[data-elect] #modalConfirmacao .modal-body [class*=col-]{float:none;width:auto;padding:0;display:flex;justify-content:space-between;gap:16px;color:var(--ink-2)}
[data-elect] #modalConfirmacao .bold-span{font-weight:600;color:var(--ink-h);text-align:right;overflow-wrap:anywhere}
[data-elect] .modal-footer{display:flex;flex-direction:row-reverse;justify-content:flex-start;gap:10px;padding:16px 24px 24px;border:0}
[data-elect] .modal-footer .btn{margin:0!important}
[data-elect] .modal-footer .btn:not(.btn-capemisa){background:var(--surface);border-color:var(--line-2);color:var(--ink-h)}
[data-elect] .modal-footer .glyphicon{display:none}
@media (max-width:480px){[data-elect] .modal-footer{flex-direction:column}[data-elect] .modal-footer .btn{width:100%}}

/* avisos rápidos da Capemisa (apprise e sweetalert) */
[data-elect] .appriseOverlay{background:rgba(10,30,36,.5)!important;opacity:1!important}
[data-elect] .appriseOuter{position:fixed!important;left:50%!important;top:max(96px,15vh)!important;transform:translateX(-50%);width:min(420px,calc(100vw - 32px))!important;max-width:none!important;padding:24px!important;
  border:0!important;border-radius:var(--r-lg)!important;background:#fff!important;box-shadow:0 30px 80px rgba(10,30,36,.35)!important;font-family:var(--font)}
[data-elect] .appriseInner{padding:0!important;font-size:16px;line-height:1.55;color:var(--ink)}
[data-elect] .appriseInner ul{margin:0;padding-left:20px}
[data-elect] .appriseInner > .aButtons{display:flex;justify-content:flex-end;gap:10px;margin:20px 0 0!important;padding:0}
[data-elect] .appriseInner > .aButtons > button{min-height:46px;padding:10px 24px!important;border-radius:999px!important;font:600 15px/1.2 var(--font)!important;margin:0!important}
[data-elect] .swal2-popup{border-radius:var(--r-lg)!important;font-family:var(--font)!important;padding:24px!important}
[data-elect] .swal2-title{color:var(--ink-h)!important;font-size:22px!important;font-weight:600!important}
[data-elect] .swal2-html-container,[data-elect] .swal2-content{color:var(--ink-2)!important;font-size:16px!important}
[data-elect] .swal2-styled.swal2-confirm{background:var(--navy)!important;border-radius:999px!important;font-weight:600!important;padding:12px 26px!important;box-shadow:none!important}
[data-elect] .swal2-styled.swal2-cancel{background:#fff!important;color:var(--ink-h)!important;border:1px solid var(--line-2)!important;border-radius:999px!important}

/* aviso de cookies da Capemisa, no tom do site */
[data-elect] .cc-window{font-family:var(--font)!important;font-size:14px!important;line-height:1.5!important;color:var(--ink)!important;background:rgba(255,255,255,.96)!important;
  -webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-top:1px solid var(--line)!important;box-shadow:0 -12px 34px rgba(20,50,60,.12)!important;padding:16px clamp(16px,4.5vw,48px)!important}
[data-elect] .cc-window .cc-message,[data-elect] .cc-window .cc-message *{color:var(--ink-2)!important;font-family:var(--font)!important}
[data-elect] .cc-window .cc-link{color:var(--link)!important}
[data-elect] .cc-window .cc-btn{font-family:var(--font)!important;font-weight:600!important;font-size:14.5px!important;border-radius:999px!important;padding:10px 20px!important;min-height:44px;border:1px solid var(--line-2)!important;background:#fff!important;color:var(--ink-h)!important}
[data-elect] .cc-window .cc-btn.cc-allow,[data-elect] .cc-window .cc-btn:first-child{background:var(--navy)!important;border-color:var(--navy)!important;color:#fff!important}
[data-elect] .cc-revoke{font-family:var(--font)!important}

/* carregando */
[data-elect] .load .back{background:rgba(240,244,247,.6)!important;opacity:1!important}
[data-elect] .load .pre-load{background:none!important;width:40px!important;height:40px!important;margin:-20px 0 0 -20px!important;border-radius:50%;border:3px solid var(--line-2);border-top-color:var(--teal);animation:em-gira .8s linear infinite}
@keyframes em-gira{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){[data-elect] .load .pre-load{animation-duration:2.4s}[data-elect] *{transition-duration:.01ms!important}}