/* A mesma navegação horizontal nos quatro modelos, sem reduzir os cartões. */
.catalogo-filtros{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0}
.catalogo-filtros #service-tabs{display:flex;flex:1;min-width:0;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0;padding:3px}
.catalogo-filtros #service-tabs button{flex:none;white-space:nowrap}
.catalogo-filtros #service-tabs::-webkit-scrollbar{display:none}
.catalogo-comandos,.catalogo-setas{display:flex;align-items:center;gap:8px;flex:none}
.catalogo-comandos .button{display:flex;gap:8px;white-space:nowrap}
html:is([data-capa=classico],[data-capa=centralizado],[data-capa=impacto]) .catalogo-filtros #service-tabs,html:is([data-capa=classico],[data-capa=centralizado],[data-capa=impacto]) .catalogo-setas{display:none}
html:is([data-capa=classico],[data-capa=centralizado],[data-capa=impacto]) .catalogo-comandos [data-catalogo-completo]{background:var(--accent);color:var(--bg);border-color:var(--accent);border-radius:2px;font-weight:700}
.catalogo-setas .icon-button{width:36px;height:36px;min-height:36px;padding:7px}
html[data-capa] #servicos #service-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:2px;scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding:4px 2px 18px;align-items:stretch}
html[data-capa] #service-grid>.service-card{display:flex;flex-direction:column;min-width:0;width:100%;padding:14px;scroll-snap-align:start;overflow:hidden}
html[data-capa] #service-grid .service-card .service-photo{width:100%;height:auto;min-height:0;aspect-ratio:3/2;object-fit:cover;margin:0 0 14px;grid-column:auto;grid-row:auto}
html[data-capa] #service-grid .service-card h3{font-size:22px;line-height:1.2;word-break:normal;overflow-wrap:break-word;margin:4px 0 10px}
html[data-capa] #service-grid .service-card p{font-size:14px;line-height:1.55;min-height:0;margin:0 0 18px}
html[data-capa] #service-grid .service-number{font:500 11px/1.4 var(--sans);letter-spacing:.06em}
html[data-capa] #service-grid .service-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;margin-top:auto;padding-top:8px}
html[data-capa] #service-grid .service-bottom>span:first-child{font-size:17px;line-height:1.5}
html[data-capa] #service-grid .service-bottom small{display:block;font-size:12px}
html[data-capa] #service-grid .service-bottom .icon-button{width:34px;height:34px;min-height:34px;flex:none;padding:8px}
html[data-capa=editorial] #servicos>.catalogo-filtros,html[data-capa=editorial] #servicos #service-grid{display:none}
.catalogo-completo{padding:6px 0}
.catalogo-completo h2{font:600 clamp(26px,4vw,36px)/1.2 var(--sans);margin:0 0 20px}
.catalogo-busca{display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-control)}
.catalogo-busca input{width:100%;min-width:0;border:0;background:none;color:var(--text);padding:12px 0;font-size:16px;outline:none}
.catalogo-busca:focus-within{outline:2px solid var(--accent)}
.catalogo-lista-completa{display:grid;gap:0}
.catalogo-linha{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--border-soft)}
.catalogo-linha>img,.catalogo-sem-foto{width:76px;height:86px;object-fit:cover;border-radius:8px}
.catalogo-sem-foto{display:grid;place-items:center;background:var(--surface)}
.catalogo-linha h3{font:600 17px/1.3 var(--sans);margin:0 0 6px}
.catalogo-linha p{font-size:13px;line-height:1.5;margin:0 0 5px;color:var(--muted)}
.catalogo-linha small{font-size:12px;color:var(--muted)}
.catalogo-linha-acao{display:grid;gap:10px;justify-items:end}
.catalogo-linha-acao strong{color:var(--accent);font-size:17px;white-space:nowrap}
/* Impacto: fotografia ampla, letras legíveis e acabamento em recorte. */
html[data-capa=impacto] #servicos>.section-top{align-items:end;gap:24px;margin-bottom:20px}
html[data-capa=impacto] #servicos h2{font:400 clamp(38px,5vw,66px)/1.05 UrbanoAnton,sans-serif;letter-spacing:-.025em;margin:0}
html[data-capa=impacto] #servicos h2 em{font-style:normal;color:var(--accent)}
html[data-capa=impacto] #service-grid>.service-card{border:1px solid var(--border-soft);background:var(--surface-soft);padding:0 0 16px}
html[data-capa=impacto] #service-grid .service-photo{aspect-ratio:4/3;clip-path:polygon(0 0,90% 0,100% 14%,100% 100%,0 100%);margin-bottom:16px}
html[data-capa=impacto] #service-grid .service-card>:not(.service-photo){margin-inline:16px}
html[data-capa=impacto] #service-grid .service-card h3{font:700 20px/1.25 var(--sans);letter-spacing:0}
html[data-capa=impacto] #service-grid .service-bottom{padding-top:12px;border-top:1px solid var(--border-soft)}
html[data-capa=impacto] #service-grid .service-number{color:var(--accent)}
html[data-capa=impacto] .impacto-portfolio{padding-block:44px 22px}
.impacto-portfolio-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
html[data-capa=impacto] .impacto-portfolio-heading h2{margin:0;font-size:clamp(38px,5vw,66px);line-height:1.05}
.impacto-portfolio-heading h2 em{font-style:normal}
.impacto-portfolio-heading p{font:400 14px/1.6 var(--sans);color:var(--muted);margin:10px 0 0;max-width:340px}
.impacto-portfolio-heading .ui-icon{color:var(--accent)}
html[data-capa=impacto] #portfolio-impacto .gallery{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--border) transparent;margin:0;padding:4px 2px 18px}
html[data-capa=impacto] #portfolio-impacto .gallery-item{width:100%;min-width:0;transform:none;scroll-snap-align:start;padding:0}
html[data-capa=impacto] #portfolio-impacto .gallery-item img{display:block;aspect-ratio:4/5;width:100%;height:auto;object-fit:cover;clip-path:polygon(0 0,85% 0,100% 12%,100% 100%,0 100%);border:0;border-radius:0}
html[data-capa=impacto] #portfolio-impacto .gallery-item>span{display:flex;align-items:center;justify-content:space-between;font:500 15px/1.4 var(--sans);padding:12px 0;color:var(--text)}
@media(max-width:1100px) and (min-width:761px){html[data-capa] #servicos #service-grid,html[data-capa=impacto] #portfolio-impacto .gallery{grid-auto-columns:calc((100% - 40px)/3)}}
@media(max-width:760px){
 .catalogo-filtros{gap:8px;margin-block:16px}
 .catalogo-comandos .button{font-size:12px;min-height:36px;padding:8px 12px;gap:5px}
 .catalogo-comandos .button .ui-icon{width:15px;height:15px}
 .catalogo-setas{display:none}
 html[data-capa] #servicos #service-grid{grid-auto-columns:min(82%,320px);gap:16px}
 html[data-capa] #service-grid>.service-card{padding:14px}
 html[data-capa] #service-grid .service-card h3{font-size:22px;line-height:1.25}
 html[data-capa] #service-grid .service-card p{font-size:14px}
 html[data-capa=impacto] #service-grid>.service-card{padding:0 0 16px}
 html[data-capa=impacto] #servicos>.section-top{display:block}
 html[data-capa=impacto] #servicos>.section-top p:not(.eyebrow){font-size:14px;line-height:1.6;margin-top:12px}
 html[data-capa=impacto] #servicos .eyebrow{font-size:11px;letter-spacing:.16em}
 html[data-capa=impacto] #servicos h2{font-size:40px}
 html[data-capa=impacto] #portfolio-impacto .gallery{grid-auto-columns:76%;gap:14px}
 .impacto-portfolio-heading{align-items:center;margin-bottom:18px}
 .impacto-portfolio-heading p{font-size:13px}
 .catalogo-linha{grid-template-columns:56px minmax(0,1fr);gap:10px;padding:16px 0}
 .catalogo-linha>img,.catalogo-sem-foto{width:56px;height:70px;grid-row:1/3}
 .catalogo-linha-acao{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:8px}
 .catalogo-linha h3{font-size:16px}
 .catalogo-linha p{font-size:12px}
 .catalogo-linha-acao .button{min-height:36px;font-size:12px;padding:8px 14px}
}