/* Lutz Propostas · visão do cliente */
.faixa-previa{background:var(--azulejo);color:#fff;text-align:center;font-size:13.5px;font-weight:600;padding:8px 14px}
.topo{position:sticky;top:0;z-index:20;background:var(--fundo);border-bottom:var(--borda)}
.topo-in{max-width:1080px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:12px 22px}
.topo-num{margin-left:auto;font-size:13px;font-weight:600;color:var(--tinta2)}
.mx{max-width:1080px;margin:0 auto;padding:0 22px}
.bloco{padding:clamp(56px,9vw,104px) 0;border-bottom:var(--borda);position:relative}
.bloco:nth-child(even){background:var(--papel)}
.sobre{font-family:var(--f-mao);font-size:26px;color:var(--c1);margin:0 0 6px;line-height:1.1}
.bloco h2{font-size:clamp(32px,5vw,56px);max-width:16ch}
.bloco .intro{font-size:18px;color:var(--tinta2);max-width:60ch;margin:0 0 28px}
.prosa p{font-size:clamp(17px,1.6vw,19.5px);max-width:62ch;margin:0 0 1em}

/* capa */
.b-capa{min-height:82vh;display:flex;align-items:center;overflow:hidden;background:var(--fundo)}
.b-capa h1{font-size:clamp(42px,7.4vw,96px);max-width:14ch;margin:10px 0 22px}
.b-capa .frase{font-family:var(--f-mao);font-size:clamp(24px,3vw,34px);color:var(--tinta2);margin:0}
.b-capa .num{display:inline-block;margin-top:34px;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:var(--borda);padding:6px 12px;background:var(--branco)}
.sol{position:absolute;right:-120px;top:50%;transform:translateY(-50%);width:min(560px,70vw);aspect-ratio:1;pointer-events:none;opacity:.95}
.sol .raios{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(var(--c2) 0 5deg,transparent 5deg 12deg);-webkit-mask:radial-gradient(circle,transparent 38%,#000 39%,#000 70%,transparent 71%);mask:radial-gradient(circle,transparent 38%,#000 39%,#000 70%,transparent 71%)}
.sol .miolo{position:absolute;inset:30%;border-radius:50%;background:var(--c1);border:3px solid var(--tinta);background-image:repeating-linear-gradient(-45deg,transparent 0 7px,rgba(42,26,18,.25) 7px 9px)}
@media (max-width:780px){.sol{opacity:.25;right:-200px}.b-capa{min-height:70vh}}

/* contraproposta */
.b-contra{background:var(--barro)!important}
.mudancas{display:grid;gap:12px;margin-top:10px}
.mudanca{background:var(--branco);border:var(--borda);padding:14px 18px;box-shadow:3px 3px 0 var(--tinta)}
.mudanca b{display:block;font-size:17px}

/* fases */
.fases{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;counter-reset:f}
.fase{background:var(--branco);border:var(--borda);box-shadow:var(--sombra);padding:22px;position:relative}
.fase::before{counter-increment:f;content:counter(f);font-family:var(--f-tit);font-size:44px;color:var(--c1);line-height:1;display:block;margin-bottom:8px}
.fase h3{font-size:24px;margin-bottom:4px}
.fase .prazo{font-size:12.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--tinta2);margin-bottom:10px;display:block}
.fase p{margin:0;font-size:15.5px}

/* entregas */
.entregas{border-top:var(--borda)}
.entrega{display:grid;grid-template-columns:90px 1fr;gap:18px;padding:18px 0;border-bottom:1.5px dashed var(--tinta2);align-items:start}
.entrega .qtd{font-family:var(--f-tit);font-size:22px;color:var(--c1);text-align:center;border:var(--borda);background:var(--branco);padding:6px 4px;line-height:1.1}
.entrega b{font-size:18.5px;display:block;margin-bottom:2px}
.entrega p{margin:0;color:var(--tinta2)}

/* lista */
.lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px 28px}
.lista-it{padding-left:22px;position:relative}
.lista-it::before{content:"";position:absolute;left:0;top:8px;width:11px;height:11px;background:var(--c2);border:2px solid var(--tinta);transform:rotate(45deg)}
.lista-it b{display:block;font-size:17.5px}
.lista-it p{margin:2px 0 0;color:var(--tinta2)}

/* prática: linha do tempo */
.trilha{position:relative;margin:56px 0 10px;padding-top:28px}
.trilha .eixo{position:absolute;left:0;right:0;top:0;height:14px;border:var(--borda);background:var(--c2)}
.trilha .eixo .hachura{position:absolute;inset:0}
.marcos{position:relative;display:grid;gap:16px}
.marco{position:relative}
.marco .dia{position:absolute;top:-52px;left:0;font-size:12px;font-weight:800;background:var(--tinta);color:var(--papel);padding:2px 7px;white-space:nowrap}
.marco b{display:block;font-size:17px;margin-bottom:2px}
.marco p{margin:0;font-size:14.5px;color:var(--tinta2)}
@media (min-width:861px){.marcos{grid-template-columns:repeat(var(--n),1fr)}.marco::before{content:"";position:absolute;top:-36px;left:6px;width:14px;height:14px;border-radius:50%;background:var(--c1);border:2px solid var(--tinta)}}
@media (max-width:860px){.trilha{margin-top:20px;padding:0 0 0 34px}.trilha .eixo{left:0;right:auto;top:0;bottom:0;width:14px;height:auto}.marco{padding:4px 0 10px}.marco .dia{position:static;display:inline-block;margin-bottom:6px}}
.total-dias{font-family:var(--f-mao);font-size:26px;color:var(--c1);margin-top:20px}

/* investimento */
.planos{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;align-items:stretch}
.plano{background:var(--branco);border:var(--borda);box-shadow:var(--sombra);padding:24px;display:flex;flex-direction:column;position:relative}
.plano.rec{background:var(--c1);color:#fff;transform:translateY(-8px)}
.plano.rec .parc,.plano.rec p{color:#fff}
.plano .tag{position:absolute;top:-14px;left:18px;background:var(--c2);color:var(--tinta);border:var(--borda);font-size:11.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:3px 9px}
.plano h3{font-size:24px;margin-bottom:12px}
.preco{font-family:var(--f-tit);font-size:clamp(30px,3.6vw,40px);line-height:1}
.de{text-decoration:line-through;opacity:.7;font-size:15px;font-weight:600;display:block;margin-bottom:4px}
.parc{font-size:14px;font-weight:600;color:var(--tinta2);margin:6px 0 14px}
.plano p{margin:0;font-size:15px;flex:1}
.desc-faixa{display:inline-block;margin:0 0 22px;background:var(--mata);color:#fff;font-weight:700;padding:6px 12px;border:var(--borda)}
.a-combinar{font-size:20px}

/* fechamento */
.b-final{background:var(--c1)!important;color:#fff;text-align:center}
.b-final .sobre{color:var(--c2)}
.b-final h2{margin:0 auto 14px;max-width:18ch}
.b-final .intro{color:#fff;margin:0 auto 30px;opacity:.95}
.b-final .acoes{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.b-final .btn-mata{font-size:17px;padding:14px 26px}
.b-final .validade{margin-top:22px;font-size:14px;opacity:.9}
.b-final .anterior{margin-top:10px;font-size:14px}
.b-final .anterior a{color:#fff}
.estado-final{display:inline-block;background:var(--branco);color:var(--tinta);border:var(--borda);box-shadow:var(--sombra);padding:18px 24px;max-width:520px}

.aviso{background:var(--caju);border-bottom:var(--borda);padding:12px 22px;text-align:center;font-weight:600;font-size:15px}
.aviso.ok{background:var(--mata);color:#fff}
.aviso.ruim{background:var(--barro)}

.rodape{text-align:center;padding:48px 22px 110px}
.rodape p{margin:8px 0 0;color:var(--tinta2);font-family:var(--f-mao);font-size:22px}
.rodape .rodape-mini{font-family:var(--f-txt);font-size:12.5px}

.zap{position:fixed;right:18px;bottom:18px;z-index:30;display:flex;align-items:center;gap:8px;background:var(--mata);color:#fff;border:var(--borda);box-shadow:4px 4px 0 var(--tinta);padding:10px 16px;font-weight:700;text-decoration:none;font-size:14.5px}
@media (max-width:560px){.zap span{display:none}.zap{padding:12px;border-radius:50%}.entrega{grid-template-columns:62px 1fr;gap:12px}}
@media print{.topo,.zap,.faixa-previa,.b-final .acoes{display:none!important}.bloco{break-inside:avoid}}