/* Topografia (Planialtimétrico) 13/10/2026. Cabeçalho fixo, barra de seções e blocos do pós-hero.
   Reaproveita as classes do home.css; padrão visual da Volumetria (lp-logo-fixo, lp-ajustes-r2/r3). */
header.masthead{position:fixed!important;transition:opacity .3s,visibility .3s}
header.masthead.lp-oculto{opacity:0;visibility:hidden;pointer-events:none}
header.masthead .contact{transition:color .3s,border-color .3s}
header.masthead .lp-logo-v{display:none!important}
header.masthead.lp-claro .lp-logo-b{display:none!important}
header.masthead.lp-claro .lp-logo-v{display:block!important}
header.masthead.lp-claro .contact{color:#0a4a3e;border-color:#0a4a3e55}
.v2-subnav .lp-subnav-logo{flex:none;display:block;line-height:0}
.v2-subnav .lp-subnav-logo img{height:34px;width:auto;display:block}
.v2-subnav a.lp-subnav-logo{padding:0}
/* o footer do hero (style.css) é genérico: o rodapé do site usa .v2-footer */
footer.v2-footer{border-top:0}
.v2-content .v2-lead a,.v2-content p a{border-bottom:1px solid #9bb2a1}

/* Camadas */
.tp-camadas{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:10px}
.tp-camada{margin:0;border-top:1px solid #aabbaa;padding-top:26px;display:flex;flex-direction:column}
.tp-camada img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#092f2a;margin-bottom:22px}
.tp-camada h3{max-width:none}
.tp-camada p{color:#4d655a;font-size:15px}
.tp-limite{margin-top:auto;padding-top:14px;border-top:1px dashed #aabbaa;font:11px/1.7 monospace;letter-spacing:.3px;color:#836338}
.tp-limite b{font-weight:700;text-transform:uppercase;letter-spacing:1.2px}
/* Vegetação */
.tp-duas{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:10px}
.tp-duas .v2-card{padding-bottom:20px}
/* Usos */
.tp-usos{margin-top:34px}
/* Entregáveis: cards em servico.css (.sv-produtos) */
/* Contato */
.v2-contact{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:start}
.tp-check{list-style:none;margin:26px 0 0;padding:0;max-width:60ch}
.tp-check li{position:relative;padding:11px 0 11px 34px;border-top:1px solid #b9c6b2;color:#2d4a3f}
.tp-check li:last-child{border-bottom:1px solid #b9c6b2}
.tp-check li::before{content:"";position:absolute;left:2px;top:17px;width:13px;height:13px;border:1.5px solid #836338}
.tp-check b{font-weight:600;color:var(--green)}
.tp-check span{color:#4d655a}
/* Outros serviços */
.tp-outros-sec{padding:64px 0;border-bottom:1px solid var(--line)}
.tp-outros{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:6px}
.tp-outros a{display:block;border-top:1px solid #aabbaa;padding:22px 0 8px}
.tp-outros a:hover h3{color:#9b6e37}
.tp-outros h3{font-size:21px;margin-bottom:8px}
.tp-outros p{margin:0;color:#4d655a;font-size:14px;line-height:1.6}
.tp-outros .tp-seta{font:12px monospace;color:#9b7646}

@media(max-width:900px){.tp-camadas,.tp-duas,.tp-outros{grid-template-columns:1fr}.v2-contact{grid-template-columns:1fr;gap:26px}.tp-camadas{gap:34px}}

/* Celular */
@media(max-width:700px){
header.masthead{padding:14px 6%}
header.masthead .lp-brand img{height:40px!important}
.enhanced .bottom{bottom:calc(40px + env(safe-area-inset-bottom))}
.enhanced .stage{height:100svh;height:100dvh}
.bottom button#motion{bottom:-26px}
/* menu: logo + 2 seções + "Contato" fixo à direita */
.v2-subnav .lp-subnav-logo img{height:28px}
.v2-subnav .v2-wrap{overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important;gap:18px!important}
.v2-subnav .v2-wrap::after{display:none!important}
.v2-subnav .v2-wrap>span{display:none!important}
.v2-subnav .v2-wrap>a:not(.lp-subnav-logo){display:none}
.v2-subnav .v2-wrap>a[href="/topografia#o-que-e"],.v2-subnav .v2-wrap>a[href="/topografia#entregaveis"]{display:block}
.v2-subnav .v2-wrap>a[href="/topografia#contato"]{display:block;margin-left:auto;padding:7px 13px!important;border:1px solid currentColor;border-radius:999px;font-weight:600;line-height:1.2}
/* tabela vira cartões */
.v2-table-scroll{overflow:visible}
.v2-table-scroll .v2-table{min-width:0}
.v2-table-scroll .v2-table thead{display:none}
.v2-table-scroll .v2-table,.v2-table-scroll .v2-table tbody,.v2-table-scroll .v2-table tr,.v2-table-scroll .v2-table td{display:block;width:auto}
.v2-table-scroll .v2-table tr{padding:16px 0;border-bottom:1px solid var(--line,#0002)}
.v2-table-scroll .v2-table td{border:0;padding:2px 0}
.v2-table-scroll .v2-table td:first-child{min-width:0;font-size:15px}
.v2-table-scroll .v2-table td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;font:10px monospace;letter-spacing:1px;text-transform:uppercase;opacity:.6;margin:10px 0 3px}
.tp-outros-sec{padding:48px 0}
.cta-whatsapp{background:rgba(var(--veil,9,47,42),.72)}
}

/* Títulos: no máximo 2 linhas em 1440 */
.v2-content .v2-heading>div:first-child,.v2-content .v2-section-head{max-width:none}
.v2-content .v2-heading h2,.v2-content .v2-section-head h2{max-width:none;text-wrap:balance}
@media(min-width:901px){.v2-content .v2-heading{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:5%}.v2-content .v2-heading h2{font-size:clamp(34px,3.7vw,56px)}}
/* Camadas (sanduíche) */
#camadas .v2-stack-detail p{min-height:4.8em}
/* Metodologia: etapas e tecnologias mescladas na seção 02 (fundo escuro), 2026-10-14 */
.tp-etapas{margin-top:44px;padding-top:36px;border-top:1px solid rgba(255,255,255,.16)}
.tp-etapas-titulo{margin:6px 0 10px;font-size:clamp(22px,2.2vw,28px);line-height:1.2}
.tp-etapas-lead{max-width:760px;margin:0 0 26px;opacity:.82}

/* marcações 2026-10-19: #vegetacao sem divisórias claras e com menos respiro */
#vegetacao .v2-card{border-top:0;padding-top:12px}
#vegetacao .tp-etapas{border-top:0;margin-top:28px;padding-top:0}
#vegetacao .v2-note{margin-top:12px!important}
#vegetacao .tp-etapas-lead{margin-bottom:18px}

/* marcações 2026-10-19 (2ª rodada) */
.v2-content #o-que-e .v2-heading,.v2-content #vegetacao .v2-heading,.v2-content #entregaveis .v2-heading,.v2-content #faq .v2-heading{grid-template-columns:1fr}
.v2-content #o-que-e .v2-heading .v2-lead,.v2-content #vegetacao .v2-heading .v2-lead,.v2-content #entregaveis .v2-heading .v2-lead,.v2-content #faq .v2-heading .v2-lead{max-width:none}
#vegetacao .tp-duas{gap:0}
#vegetacao .tp-duas .v2-card:first-child{padding-right:40px}
#vegetacao .tp-duas .v2-card:last-child{padding-left:40px;border-left:1px solid rgba(255,255,255,.22)}
#vegetacao .tp-etapas{border-top:1px solid rgba(255,255,255,.22);margin-top:36px;padding-top:32px}
#para-quem .v2-card{border-top:0;padding-top:0;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}
#para-quem .v2-card .sv-icon-head{margin:0}
#para-quem .v2-card .sv-card-icon{width:34px;height:34px}
#para-quem .v2-card h3{margin:0}
#para-quem .v2-card p{grid-column:1/-1;margin-top:14px}
@media(max-width:900px){#vegetacao .tp-duas .v2-card:first-child{padding-right:0}#vegetacao .tp-duas .v2-card:last-child{padding-left:0;border-left:0}}
#para-quem .v2-card{align-content:start}
#para-quem .v2-grid{row-gap:38px}

/* marcações 2026-10-19 (3ª rodada) */
.tp-ico-titulo{display:flex;align-items:center;gap:14px;margin-bottom:15px}
.tp-ico-titulo h3{margin:0}
#vegetacao .tp-ico-titulo .sv-card-icon{width:40px;height:40px;flex:none;stroke:#cfe0d2}
#vegetacao .tp-ico-titulo .sv-card-icon .lp-acc{stroke:#b98f56}
#vegetacao .tp-etapas-lead{max-width:none}
.sv-produto figcaption h3,#para-quem .v2-card h3,#para-quem .sv-sectors-heading h3{font-weight:700}

/* 3ª rodada b: menos respiro entre benefícios e "Setores atendidos" */
#para-quem .sv-benefits{margin-bottom:34px}
#para-quem .sv-benefits .v2-card{padding-bottom:0}
