/* O passo seguinte (sim-servico.js): o mesmo bloco em todos os simuladores.
   Painel branco com a linha #e3e3e3 do site, botão principal preto, caminhos alternativos discretos. */
.ss{margin:22px 0 0;padding:22px 20px;border:1px solid #e3e3e3;border-radius:14px;background:#fff;color:#181818;font-family:Inst,Manrope,system-ui,sans-serif}
.ss *{box-sizing:border-box}
.ss-kicker{display:block;text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.08em;color:#65716b;margin:0 0 6px}
.ss h3{font-family:inherit;font-size:21px;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin:0 0 8px;color:#181818}
.ss-texto{font-size:14px;line-height:1.65;color:#3c453f;margin:0 0 16px}
.ss-coc{border:0;padding:0;margin:0 0 16px;min-width:0}
.ss-coc legend{font-size:13px;font-weight:600;color:#181818;padding:0;margin:0 0 10px;line-height:1.5}
.ss-coc-ops{display:flex;flex-wrap:wrap;gap:8px}
.ss-coc-ops label{display:inline-flex;align-items:center;gap:8px;border:1px solid #cfcfcf;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:600;color:#394039;cursor:pointer;background:#fff;min-height:44px}
.ss-coc-ops label:has(input:checked){border-color:#161616;box-shadow:inset 0 0 0 1px #161616;background:#f6f6f4;color:#161616}
.ss-coc-ops input{width:16px;height:16px;margin:0;accent-color:#161616;flex:0 0 auto}
.ss-coc-ops label:has(input:focus-visible){outline:2px solid #161616;outline-offset:2px}
.ss-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:0 0 14px}
.ss .bt.p{background:#161616;color:#fff;border:1px solid #161616;border-radius:8px;min-height:50px;padding:0 22px;font:700 15px/1.3 Inst,Manrope,system-ui,sans-serif;width:auto;margin:0;white-space:normal;text-align:center}
.ss .bt.p:hover{background:#2e2e2e}
.ss .lnk{font:600 13px Inst,Manrope,system-ui,sans-serif;color:#4d4d4d;text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0}
.ss-caminho{background:#f6f6f6;border-radius:10px;padding:14px 16px;margin:0 0 14px}
.ss-caminho p{font-size:13px;line-height:1.65;color:#3c453f;margin:0 0 12px}
.ss-caminho .ss-acoes{margin:0}
.ss-estado{font-size:12px;font-weight:600;color:#173e33;margin:0 0 10px;line-height:1.6;min-height:0}
.ss-estado:empty{display:none}
.ss-nota{font-size:12px;line-height:1.65;color:#59625f;margin:0 0 10px;padding-top:12px;border-top:1px solid #ececec}
.ss-analise{font-size:13px;line-height:1.6;color:#3c453f;margin:0}
.ss-analise a{color:#181818;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ss-alternativa{font-size:13px;line-height:1.6;color:#3c453f;margin:0 0 14px}
.ss-alt{font-weight:600;color:#181818;text-decoration:underline;text-underline-offset:3px}
.ss-fases{margin-top:14px;padding-top:12px;border-top:1px solid #ececec}
.ss-fases h4{font-family:inherit;font-size:14px;font-weight:700;margin:0 0 4px;color:#181818;letter-spacing:0}
.ss-fases p{font-size:13px;color:#59625f;margin:0 0 8px;line-height:1.6}
.ss-fases .ss-acoes{margin:0}
.ss .bt.p:focus-visible,.ss a:focus-visible{outline:2px solid #161616;outline-offset:3px}
@media(max-width:640px){
.ss{padding:18px 16px;border-radius:12px}
.ss h3{font-size:19px}
.ss .bt.p{width:100%}
.ss-acoes{gap:10px}
}
/* Páginas de simulador em formato de guia (motas, elétricos, híbridos, autocaravanas, fora da UE):
   topo mais curto no telemóvel para que o passo 1 entre no primeiro ecrã. */
@media(max-width:640px){
.sim-pagina{padding-top:12px}
.sim-pagina .migalhas{font-size:12px;margin-bottom:10px}
.sim-pagina h1{font-size:26px;line-height:1.15;margin:6px 0 10px}
.sim-pagina .lead{font-size:15px;line-height:1.55;margin:0 0 16px!important}
.sim-pagina .resposta{margin-bottom:16px}
.sim-pagina .sim2 .s-prog{margin-bottom:12px}
.sim-pagina .sim2 .s-prog li{font-size:12px;padding-top:8px}
}
/* Reconciliação com simuladores-visual.css (Edmundo, 24/10): o invólucro #sf-service fica transparente,
   porque o bloco «O passo seguinte» traz a própria moldura; botões com largura natural no computador. */
.lnh-simulator-visual .sf-sheet .sf-service.sf-service{border:0;background:none;padding:0;margin:22px 0 0;box-shadow:none}
.lnh-simulator-visual .sf-service .ss .bt.p{display:inline-flex;width:auto}
.lnh-simulator-visual .sf-service .ss h3{margin:0 0 8px}
.lnh-simulator-visual .ss .ss-coc-ops label{display:inline-flex;margin:0;font-size:13px;font-weight:600;color:#394039}
@media(max-width:640px){.lnh-simulator-visual .sf-service .ss .bt.p{display:flex;width:100%}}

/* Escolha de serviço nos simuladores por segmento, com o mesmo percurso de compra. */
.ss.ss-venda{margin:0;padding:24px;background:#f5f5f1;border:1px solid #deded9;border-radius:14px;font-family:Inst,Manrope,system-ui,sans-serif}
.ss-venda h3{font-size:24px;line-height:1.22;letter-spacing:-.035em;margin:0 0 10px}
.ss-venda .ss-texto{font-size:13px;line-height:1.6;margin:0 0 18px}
.ss-escolha{border:0;padding:0;margin:0 0 20px;min-width:0}
.ss-escolha legend{font-size:12px;font-weight:700;padding:0;margin-bottom:9px}
.ss-escolha .ss-opcao{display:flex;gap:9px;align-items:center;background:#fff;padding:12px;border:1px solid #d9d9d2;border-radius:9px;margin:0 0 7px;cursor:pointer}
.ss-opcao:has(input:checked){border-color:#161616;box-shadow:inset 0 0 0 1px #161616}
.ss-opcao input,.ss-pronto input{width:16px;height:16px;flex:0 0 16px;margin:0;padding:0;accent-color:#161616}
.ss-opcao>span{float:none;flex:1;min-width:0}
.ss-opcao b{display:block;font-size:13px;line-height:1.4}
.ss-opcao small{display:block;font-size:11px;font-weight:400;color:#66665f;line-height:1.4;margin:3px 0 0}
.ss-opcao strong{font-size:15px;white-space:nowrap;letter-spacing:-.02em}
.ss-pagar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 14px}
.ss-pagar span{display:block;font-size:12px;font-weight:700;line-height:1.5}
.ss-pagar small{display:block;font-size:11px;color:#62625c;margin-top:2px}
.ss-pagar>strong{font-size:29px;line-height:1.1;letter-spacing:-.045em;white-space:nowrap}
.ss-incluido{list-style:none;padding:0;margin:0 0 12px}
.ss-incluido li{position:relative;padding:3px 0 3px 19px;font-size:12px;line-height:1.55}
.ss-incluido li:before{content:'✓';position:absolute;left:0;font-size:13px;font-weight:700}
.ss-limites{font-size:11px;line-height:1.65;color:#63635e;margin:0 0 18px}
.ss .ss-coc{margin:0 0 14px}
.ss .ss-coc legend{font-size:12px;line-height:1.5;margin:0 0 8px}
.ss .ss-coc-ops{gap:7px}
.ss .ss-coc-ops label{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;min-height:39px;font-size:12px;border-radius:7px;float:none}
.ss .ss-coc-ops input{width:14px;height:14px;margin:0;accent-color:#161616}
.ss .ss-coc-ops span{float:none;font-size:inherit;color:inherit}
.ss label.ss-pronto{display:flex;gap:9px;align-items:flex-start;font-weight:500;font-size:12px;line-height:1.6;margin-bottom:14px}
.ss-pronto input{margin-top:3px}
.ss-pronto>span{float:none;font-size:inherit;color:inherit}
.ss .ss-primario{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:13px 16px;border-radius:8px;background:#161616;color:#fff;font-size:14px;font-weight:700;text-decoration:none;line-height:1.4}
.ss .ss-primario:hover{background:#333}
.ss-metodos{text-align:center;font-size:10px;color:#686862;margin:9px 0 12px}
.ss .ss-inclui{display:block;text-align:center;font-size:11px;margin:0 0 16px}
.ss .ss-nota{font-size:11px;padding-top:13px;margin-bottom:0}
.ss-guardado{font-size:11px;line-height:1.65;color:#62625c;margin:14px 0 0}
.ss-analise-link{color:#181818;text-decoration:underline;text-underline-offset:2px}
.ss-fases{font-size:12px;margin-top:16px;padding-top:14px}
.ss-fases summary{cursor:pointer;font-weight:700}
.ss-fases-links{display:grid;gap:10px;margin-top:14px}
.ss-fases-links a{font-size:11px;text-decoration:underline;text-underline-offset:3px;color:#444}
.ss-estado{font-size:11px;color:#4f5b40;font-weight:500;margin:0 0 12px}
.ss-estado:empty{display:none}
.ss-caminho{background:#fff;font-size:12px}
.ss.ss-venda{padding:20px 16px}
.ss-venda h3{font-size:23px}
.ss-pagar>strong{font-size:28px}
.ss-opcao strong{font-size:14px}