não alcança ele. */ #processo{scroll-margin-top:96px} @media(max-width:900px){ .nicho-presa{padding:70px 0 8px} .nicho-bloco{grid-template-columns:minmax(0,1fr);gap:30px;padding-bottom:70px} .nicho-bloco .nicho-bloco-foto{position:static;top:auto} .nicho-bloco .nicho-bloco-lado,.nicho-bloco .nicho-bloco-texto{order:0} .nicho-bloco-foto img{aspect-ratio:5/4} } /* ═══════════════════════════════════════════════════════════════════════ ADVOGADOS — sobriedade e autoridade ═══════════════════════════════════════════════════════════════════════ */ /* Hero mais alto e mais fechado que o das outras duas. */ .nicho-advogados .nicho-hero{min-height:100svh} .nicho-advogados .nicho-hero-veu{background: linear-gradient(to top,rgba(var(--tinta-rgb),.93) 0%,rgba(var(--tinta-rgb),.74) 32%,rgba(var(--tinta-rgb),.3) 62%,rgba(var(--tinta-rgb),.6) 100%), linear-gradient(to right,rgba(var(--tinta-rgb),.68) 0%,rgba(var(--tinta-rgb),.3) 48%,rgba(var(--tinta-rgb),.06) 80%)} .nicho-advogados .nicho-hero h1{max-width:17ch} /* ── Capítulos numerados: índice preso à esquerda, texto rolando à direita. Aqui quem gruda é o índice, não a foto. Só existe nesta página. ───── */ .nicho-caps{background:var(--fundo);padding:110px 0 118px} .nicho-caps-grade{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start} .nicho-caps-indice{position:sticky;top:104px} .nicho-caps-lista{list-style:none;margin-top:26px;border-top:1px solid var(--linha)} .nicho-caps-lista li{border-bottom:1px solid var(--linha)} .nicho-caps-lista a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:baseline;padding:16px 0;transition:color .3s ease,padding-left .3s var(--ease)} .nicho-caps-lista i{font-style:normal;font-family:var(--display);font-size:.86rem;font-weight:700;letter-spacing:.16em;color:var(--texto-suave);transition:color .3s ease} .nicho-caps-lista span{font-family:var(--display);font-size:1.1rem;font-weight:600;color:var(--titulo);letter-spacing:-.01em} .nicho-caps-lista a:hover{padding-left:8px} .nicho-caps-lista a:hover i,.nicho-caps-lista a[aria-current=true] i{color:var(--destaque)} .nicho-caps-lista a[aria-current=true] span{color:var(--destaque)} .nicho-caps-foto{margin:34px 0 0;border-radius:18px;overflow:hidden;border:1px solid var(--card-linha);box-shadow:0 26px 60px var(--card-sombra)} .nicho-caps-foto img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover} .nicho-cap{padding-bottom:76px} .nicho-cap+.nicho-cap{padding-top:62px;border-top:1px solid var(--linha)} .nicho-cap:last-child{padding-bottom:0} .nicho-cap-num{font-family:var(--display);font-size:clamp(3.2rem,6vw,5.2rem);font-weight:700;line-height:.82;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.6px rgba(var(--destaque-rgb),.5);margin-bottom:22px} @supports not (-webkit-text-stroke:1px black){.nicho-cap-num{color:rgba(var(--destaque-rgb),.24)}} .nicho-cap h2{font-family:var(--display);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;line-height:1.1;letter-spacing:-.025em;color:var(--titulo);text-wrap:pretty} .nicho-cap>p{margin-top:18px;font-size:1.04rem;line-height:1.72;color:var(--texto);max-width:56ch} @media(max-width:900px){ .nicho-caps{padding:70px 0 76px} .nicho-caps-grade{grid-template-columns:1fr;gap:34px} .nicho-caps-indice{position:static;top:auto} .nicho-caps-foto{display:none} .nicho-cap{padding-bottom:52px} .nicho-cap+.nicho-cap{padding-top:44px} } /* ── Caso real: aqui ele é o centro da página, não um rodapé de seção. ── */ .nicho-caso{background:var(--fundo-alt);padding:112px 0} .nicho-caso-cabeca{max-width:720px;margin-bottom:56px} .nicho-caso-cabeca h2{font-family:var(--display);font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:700;line-height:1.08;letter-spacing:-.028em;color:var(--titulo);margin-top:14px;text-wrap:balance} .nicho-caso-cabeca p{margin-top:18px;font-size:1.05rem;line-height:1.7;color:var(--texto)} .nicho-caso-grade{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(40px,5vw,76px);align-items:center} .nicho-caso-texto h3{font-family:var(--display);font-size:clamp(1.45rem,2.6vw,2.05rem);font-weight:700;line-height:1.12;letter-spacing:-.02em;color:var(--titulo);margin-top:12px} .nicho-caso-texto p{margin-top:16px;font-size:1.01rem;line-height:1.72;color:var(--texto);max-width:50ch} .nicho-caso-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px} .nicho-caso-tags li{padding:7px 14px;border-radius:999px;border:1px solid var(--linha);font-size:12.5px;font-weight:500;color:var(--texto-suave)} .nicho-caso-link{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-weight:600;font-size:.97rem;color:var(--destaque);border-bottom:1px solid rgba(var(--destaque-rgb),.35);padding-bottom:3px;transition:gap .25s var(--ease)} .nicho-caso-link:hover{gap:14px} .nicho-molduras{position:relative;padding-bottom:18px} .moldura-desk{border-radius:12px;overflow:hidden;background:var(--tinta);border:1px solid var(--card-linha);box-shadow:0 30px 68px var(--card-sombra)} .moldura-desk .mockup-barra{height:26px} .moldura-desk .mockup-url{font-size:10px;height:15px;line-height:15px;padding:0 10px;border-radius:8px;background:rgba(var(--branco-rgb),.08);color:rgba(var(--papel-rgb),.6);margin-left:8px;white-space:nowrap;overflow:hidden} .moldura-desk img{width:100%;height:auto} .moldura-fone{position:absolute;right:-10px;bottom:0;width:25%;border-radius:20px;border:4px solid #1C2030;background:#1C2030;overflow:hidden;box-shadow:0 24px 50px rgba(var(--preto-rgb),.42)} .moldura-fone img{width:100%;height:auto;border-radius:14px} .nicho-caso-segundo{margin-top:64px;padding-top:52px;border-top:1px solid var(--linha);display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(40px,5vw,76px);align-items:center} .nicho-caso-segundo .nicho-molduras{order:2} .nicho-caso-segundo .nicho-caso-texto{order:1} @media(max-width:900px){ .nicho-caso{padding:70px 0} .nicho-caso-cabeca{margin-bottom:36px} .nicho-caso-grade,.nicho-caso-segundo{grid-template-columns:1fr;gap:34px} .nicho-caso-segundo{margin-top:44px;padding-top:38px} .nicho-caso-segundo .nicho-molduras,.nicho-caso-segundo .nicho-caso-texto{order:0} .moldura-fone{width:28%} } /* ═══════════════════════════════════════════════════════════════════════ DENTISTAS — urgência e ação ═══════════════════════════════════════════════════════════════════════ */ /* ── Trilho de cartões logo abaixo do hero. Desliza no desktop também: é o que dá a esta página a leitura de "coisa que se puxa com o dedo". ── */ .nicho-trilho{padding:86px 0 90px} .nicho-trilho .container{position:relative;z-index:2} .nicho-trilho-pista{display:flex;gap:16px;margin-top:44px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain} .nicho-trilho-pista::-webkit-scrollbar{display:none} .nicho-trilho-cartao{flex:0 0 288px;scroll-snap-align:start;padding:28px 26px;border-radius:16px;border:1px solid rgba(var(--violeta-claro-rgb),.2);background:rgba(var(--faixa-vidro-rgb),.05);transition:border-color .35s ease,background .35s ease} .nicho-trilho-cartao:hover{border-color:rgba(var(--violeta-claro-rgb),.5);background:rgba(var(--faixa-vidro-rgb),.08)} .nicho-trilho-cartao b{display:block;font-family:var(--display);font-size:1.06rem;font-weight:600;color:var(--faixa-titulo);margin-bottom:10px} .nicho-trilho-cartao span{font-size:.93rem;line-height:1.62;color:rgba(var(--faixa-texto-rgb),.78)} .nicho-trilho-dica{margin-top:8px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--faixa-texto-rgb),.5)} @media(max-width:900px){ .nicho-trilho{padding:64px 0 68px} .nicho-trilho-cartao{flex:0 0 79%} } /* Uma seção presa só, e grande. */ .nicho-dentistas .nicho-presa{padding:104px 0 104px} .nicho-dentistas .nicho-bloco{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);padding-bottom:0;gap:clamp(36px,5vw,72px)} .nicho-dentistas .nicho-bloco-foto img{aspect-ratio:3/4} .nicho-toques{list-style:none;margin-top:22px;counter-reset:toque} .nicho-toques li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--linha)} .nicho-toques li::before{counter-increment:toque;content:counter(toque);display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--destaque);color:var(--branco);font-family:var(--display);font-size:.95rem;font-weight:700;flex:none} .nicho-toques b{display:block;font-family:var(--display);font-size:1.03rem;font-weight:600;color:var(--titulo);margin-bottom:3px} .nicho-toques span{font-size:.93rem;line-height:1.55;color:var(--texto)} .nicho-mini-passos{margin-top:44px;padding-top:34px;border-top:1px solid var(--linha)} .nicho-mini-passos h3{font-family:var(--display);font-size:1.25rem;font-weight:700;color:var(--titulo);letter-spacing:-.02em} .nicho-mini-passos ol{list-style:none;margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .nicho-mini-passos li{border-top:2px solid rgba(var(--destaque-rgb),.35);padding-top:14px} .nicho-mini-passos i{font-style:normal;font-family:var(--display);font-size:.82rem;font-weight:700;letter-spacing:.18em;color:var(--destaque)} .nicho-mini-passos b{display:block;font-family:var(--display);font-size:1.02rem;font-weight:600;color:var(--titulo);margin:6px 0 5px} .nicho-mini-passos span{font-size:.92rem;line-height:1.6;color:var(--texto)} @media(max-width:900px){ .nicho-dentistas .nicho-presa{padding:70px 0 72px} /* A regra exclusiva desta página é mais específica que a do bloco genérico, então a media query de cima sozinha não desmonta a grade. Aqui desmonta. */ .nicho-dentistas .nicho-bloco{grid-template-columns:minmax(0,1fr)} .nicho-dentistas .nicho-bloco-foto img{aspect-ratio:5/4} .nicho-mini-passos ol{grid-template-columns:1fr;gap:14px} } /* Barra fixa de WhatsApp no celular: só nesta página, e só com o WhatsApp. */ .barra-zap-zap{gap:12px} .barra-zap-zap .btn-violeta{flex:1} .barra-zap-zap .barra-zap-orcamento{flex:none;display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:var(--destaque);border-bottom:1px solid rgba(var(--destaque-rgb),.4);padding-bottom:2px;white-space:nowrap} /* Nas outras duas páginas não existe barra fixa, então a bolinha de WhatsApp, que o styles.css esconde no celular pra dar lugar à barra, volta a aparecer. */ @media(max-width:860px){ .nicho-medicos .zap-flutuante,.nicho-advogados .zap-flutuante{display:flex} } /* ═══ Antes e depois ═══════════════════════════════════════════════════ Em médicos: grade limpa de pares, sem efeito nenhum. Em dentistas: dois pares empilhados, na coluna ao lado do texto. ═══════════════════════════════════════════════════════════════════════ */ .nicho-ad{background:var(--fundo);padding:80px 0 72px} .nicho-dentistas .nicho-ad{background:var(--fundo-alt)} .nicho-ad-nota{margin-top:22px;max-width:62ch;font-size:.97rem;line-height:1.7;color:var(--texto-suave)} .ad-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px} .ad-par{border-radius:16px;overflow:hidden;border:1px solid var(--card-linha);background:var(--card-fundo);box-shadow:0 20px 48px var(--card-sombra)} .ad-par-fotos{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:var(--card-linha)} .ad-foto{position:relative;margin:0} .ad-foto img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover} .ad-rotulo{position:absolute;left:9px;bottom:9px;padding:4px 11px;border-radius:999px;background:rgba(var(--preto-rgb),.6);color:var(--branco);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase} .ad-legenda{padding:15px 18px;font-size:.92rem;line-height:1.6;color:var(--texto-suave)} .ad-legenda b{display:block;font-family:var(--display);font-size:1rem;font-weight:600;color:var(--titulo);margin-bottom:3px} @media(max-width:900px){ .nicho-ad{padding:70px 0} .ad-grade{grid-template-columns:1fr;gap:18px;margin-top:34px} } /* ── Comparador de arrastar (dentistas) ─────────────────────────────── A "depois" fica por cima e é recortada pela variável --corte, que o nicho.js escreve a partir do . Range de verdade: funciona no toque, no mouse e nas setas do teclado. ─────────────── */ /* Texto à esquerda, pares à direita. Só em dentistas (médicos usa a grade de três). */ .ad-topo{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:clamp(32px,4vw,64px);align-items:center} .ad-topo .secao-cabeca{margin-bottom:0;max-width:none} @media(max-width:1040px){ .ad-topo{grid-template-columns:1fr;gap:32px} .ad-topo .secao-cabeca{max-width:700px} } .ad-pares-menores{display:grid;grid-template-columns:1fr;gap:18px;margin:0} @media(max-width:900px){ .ad-pares-menores{gap:16px} } /* ═══ Perguntas do nicho: coluna única, larga ══════════════════════════ */ .nicho-faq{background:var(--fundo-alt);padding:112px 0} .nicho-dentistas .nicho-faq{background:var(--fundo)} .nicho-faq .secao-cabeca{margin-inline:auto;text-align:center;max-width:640px} .nicho-faq .secao-cabeca p{margin-inline:auto} .nicho-faq-lista{max-width:840px;margin:46px auto 0;border-top:1px solid var(--linha)} .nicho-faq-lista details{border-bottom:1px solid var(--linha)} .nicho-faq-lista summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:26px 0;font-family:var(--display);font-size:clamp(1.02rem,1.7vw,1.2rem);font-weight:600;color:var(--titulo);transition:color .25s ease} .nicho-faq-lista summary::-webkit-details-marker{display:none} .nicho-faq-lista summary::after{content:"";width:14px;height:14px;background:linear-gradient(var(--destaque),var(--destaque)) center/14px 1.6px no-repeat,linear-gradient(var(--destaque),var(--destaque)) center/1.6px 14px no-repeat;transition:transform .35s var(--ease)} .nicho-faq-lista summary:hover{color:var(--destaque)} .nicho-faq-lista details[open] summary::after{transform:rotate(45deg)} .nicho-faq-lista details p{padding:0 34px 26px 0;font-size:.99rem;line-height:1.75;color:var(--texto)} @media(max-width:900px){ .nicho-faq{padding:76px 0} .nicho-faq-lista details p{padding-right:0} } /* ═══ Chamada final ════════════════════════════════════════════════════ */ .nicho-fim{padding:118px 0} .nicho-fim-brilho{position:absolute;left:50%;top:50%;translate:-50% -50%;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(var(--violeta-rgb),.3),transparent 58%);pointer-events:none} .nicho-fim .container{position:relative;z-index:2;max-width:800px;text-align:center} .nicho-fim .olho{margin-bottom:18px} .nicho-fim h2{font-family:var(--display);font-size:clamp(1.95rem,4.2vw,3.3rem);font-weight:700;line-height:1.08;letter-spacing:-.028em;color:var(--faixa-titulo);text-wrap:balance} .nicho-fim h2 em{font-style:normal;color:var(--faixa-acento)} .nicho-fim>.container>p{margin:20px auto 0;max-width:48ch;font-size:1.04rem;line-height:1.7;color:rgba(var(--faixa-texto-rgb),.76)} .nicho-fim-acoes{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:36px} .nicho-selo{display:inline-flex;align-items:center;gap:11px;margin-top:30px;padding:10px 20px;border-radius:999px;border:1px solid rgba(var(--violeta-claro-rgb),.42);background:rgba(var(--violeta-rgb),.16);font-size:13px;font-weight:600;color:var(--faixa-lilas)} .nicho-selo i{width:8px;height:8px;border-radius:50%;background:#3DDC84;box-shadow:0 0 0 4px rgba(61,220,132,.2);flex:none} @media(max-width:900px){ .nicho-fim{padding:80px 0} } @media(max-width:560px){ .nicho-fim-acoes .btn{width:100%} } /* ═══ Rodapé: uma coluna a mais, com os outros ramos ═══════════════════ */ .nicho-rodape .rodape-grade{grid-template-columns:1.5fr 1fr 1fr 1.15fr} .nicho-rodape .rodape-col a[aria-current=page]{color:var(--faixa-acento);font-weight:600} @media(max-width:1100px){.nicho-rodape .rodape-grade{grid-template-columns:1fr 1fr;gap:36px}} @media(max-width:640px){.nicho-rodape .rodape-grade{grid-template-columns:1fr;gap:32px;padding:48px 0 36px}}