.services-page{background:#f7f8fa}.services-hero{position:relative;display:grid;min-height:620px;place-items:center;overflow:hidden;background:#001426;color:#fff}.services-hero>img,.services-hero-overlay{position:absolute;inset:0;width:100%;height:100%}.services-hero>img{object-fit:cover}.services-hero-overlay{background:linear-gradient(90deg,rgba(0,20,38,.94),rgba(0,64,105,.72))}.services-hero-content{position:relative;z-index:1;max-width:940px;padding-block:7rem}.services-kicker{margin:0 0 1.25rem;color:#d95727;font-family:var(--fonte-titulo,var(--fonte));font-size:.78rem;font-weight:800;letter-spacing:.14em}.services-hero h1{max-width:840px;margin:0;color:#fff;font-size:clamp(2.6rem,5.7vw,5rem);line-height:1.02;text-transform:uppercase}.services-hero-content>p:not(.services-kicker){max-width:720px;margin:1.5rem 0 2.5rem;color:#e5f2ff;font-size:1.15rem;line-height:1.7}.services-actions{display:flex;flex-wrap:wrap;gap:1rem}.services-button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 1.5rem;border:2px solid #fff;border-radius:.35rem;font-family:var(--fonte-titulo,var(--fonte));font-size:.85rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.services-button.primary{border-color:#d95727;background:#d95727;color:#fff}.services-button.primary:hover{border-color:#ff7d2e;background:#ff7d2e;text-decoration:none}.services-button.secondary{color:#fff}.services-button.secondary:hover{background:#fff;color:#001426;text-decoration:none}.services-intro{background:#fff}.services-intro-grid{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,2fr);gap:4rem}.services-intro-grid h2,.services-section-heading h2,.full-service h2,.safety-content h2,.services-cta h2{margin:0;color:#001426;font-size:clamp(2rem,3.6vw,3.35rem);line-height:1.12}.services-intro-grid>div>p{max-width:850px;margin:1.25rem 0 0;color:#3e4e5d;font-size:1.05rem;line-height:1.75}.services-section-heading{max-width:760px;margin-bottom:3rem}.services-section-heading>p:last-child{color:#566471;line-height:1.6}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.industrial-service-card{position:relative;min-height:440px;overflow:hidden;border:1px solid #dbe2e8;border-radius:.6rem;background:#001426;color:#fff;box-shadow:0 10px 24px rgba(0,20,38,.09)}.industrial-service-card>img,.industrial-service-card-overlay{position:absolute;inset:0;width:100%;height:100%}.industrial-service-card>img{object-fit:cover;transition:transform .45s ease}.industrial-service-card-overlay{background:linear-gradient(0deg,rgba(0,20,38,.96) 18%,rgba(0,20,38,.35) 76%)}.industrial-service-card-content{position:relative;z-index:1;display:flex;height:100%;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:1.7rem}.industrial-service-card-content>p{margin:0 0 .65rem;color:#ff8a47;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.industrial-service-card h3{margin:0;color:#fff;font-size:1.45rem}.industrial-service-card-content>span{min-height:4.2rem;margin-top:.8rem;color:#e4eff8;font-size:.9rem;line-height:1.55}.industrial-service-card dl{display:none;width:100%;margin:1rem 0 0;grid-template-columns:1fr 1fr;gap:1rem}.industrial-service-card dt{color:#ff8a47;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.industrial-service-card dd{margin:.25rem 0 0;color:#fff;font-size:.76rem;line-height:1.35}.industrial-service-card a{margin-top:1.15rem;color:#fff;font-family:var(--fonte-titulo,var(--fonte));font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.industrial-service-card:hover{border-color:#d95727}.industrial-service-card:hover>img{transform:scale(1.06)}.industrial-service-card:hover dl{display:grid}.full-service{padding-block:6rem;background:#001426;color:#fff}.full-service .eyebrow,.safety-content .eyebrow,.services-cta .eyebrow{color:#ff8a47}.full-service h2{max-width:800px;color:#fff}.full-service-heading>p:last-child{margin:.9rem 0 3.4rem;color:#c5d9e8}.full-service-steps{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:1.25rem;padding:0;list-style:none}.full-service-steps:before{position:absolute;top:1.7rem;right:2rem;left:2rem;height:2px;background:rgba(255,255,255,.28);content:""}.full-service-steps li{position:relative;z-index:1}.full-service-steps span{display:grid;width:3.4rem;height:3.4rem;place-items:center;margin-bottom:1.25rem;border:2px solid #fff;border-radius:50%;background:#001426;color:#fff;font-family:var(--fonte-titulo,var(--fonte));font-size:.8rem;font-weight:800}.full-service-steps li:last-child span{border-color:#d95727;background:#d95727}.full-service-steps h3{margin:0 0 .55rem;color:#fff;font-size:1rem}.full-service-steps p{margin:0;color:#c5d9e8;font-size:.85rem;line-height:1.5}.sectors-section{background:#fff}.sectors-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.sectors-grid article{position:relative;min-height:190px;overflow:hidden;border-radius:.45rem;background:#001426}.sectors-grid img{width:100%;height:100%;object-fit:cover}.sectors-grid article:after{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,20,38,.9),rgba(0,20,38,.1));content:""}.sectors-grid span{position:absolute;z-index:1;right:1.2rem;bottom:1.1rem;left:1.2rem;color:#fff;font-family:var(--fonte-titulo,var(--fonte));font-size:1.05rem;font-weight:800}.services-differentials{background:#eef1f4}.differentials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1.5rem;margin-top:2rem}.differentials-grid div{display:flex;align-items:center;gap:.7rem;color:#213647;font-weight:700}.differentials-grid span{display:grid;width:1.5rem;height:1.5rem;flex:0 0 1.5rem;place-items:center;border-radius:50%;background:#004069;color:#fff;font-size:.8rem}.safety-section{padding-block:6rem;background:linear-gradient(120deg,#004069,#001426);color:#fff}.safety-content{max-width:900px;text-align:center}.safety-content h2{color:#fff}.safety-content>p{max-width:760px;margin:1.25rem auto 2rem;color:#e1effb;line-height:1.7}.safety-content>div{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}.safety-content span{padding:.55rem .9rem;border:1px solid rgba(255,255,255,.45);border-radius:99px;color:#fff;font-size:.8rem;font-weight:700}.services-cta{padding-block:4.5rem;background:#fff}.services-cta .site-container{display:flex;align-items:center;justify-content:space-between;gap:2rem}.services-cta h2{max-width:650px}.services-cta .secondary{border-color:#001426;color:#001426}.services-cta .secondary:hover{background:#001426;color:#fff}@media(max-width:1024px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sectors-grid{grid-template-columns:repeat(2,1fr)}.services-intro-grid{gap:2.5rem}.full-service-steps{gap:.8rem}}@media(max-width:768px){.services-hero{min-height:580px}.services-hero-content{padding-block:5rem}.services-intro-grid{grid-template-columns:1fr;gap:1rem}.services-intro-grid>.eyebrow{margin:0}.full-service-steps{grid-template-columns:1fr;gap:1.5rem}.full-service-steps:before{top:1.7rem;bottom:1.7rem;left:1.7rem;width:2px;height:auto}.full-service-steps li{display:grid;grid-template-columns:3.4rem 1fr;column-gap:1rem}.full-service-steps span{grid-row:span 2;margin:0}.full-service-steps h3{margin:.2rem 0 .4rem}.services-cta .site-container{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.services-hero{min-height:540px}.services-hero h1{font-size:2.45rem}.services-actions{width:100%}.services-button{width:100%}.services-grid,.sectors-grid,.differentials-grid{grid-template-columns:1fr}.industrial-service-card{min-height:390px}.industrial-service-card dl{display:grid}.services-section-heading{margin-bottom:2rem}.safety-section,.full-service{padding-block:4.5rem}}

/* ===== Grid de serviços CBSI (cards imagem + título) ===== */
.cbsi-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.cbsi-service-card{position:relative;display:block;aspect-ratio:16/11;border-radius:.6rem;overflow:hidden;box-shadow:0 12px 30px rgba(0,20,38,.16);isolation:isolate}
.cbsi-service-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.cbsi-service-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,20,38,.92) 8%,rgba(0,20,38,.35) 45%,rgba(0,20,38,.05) 100%);z-index:1}
.cbsi-service-card h3{position:absolute;left:1.15rem;right:1.15rem;bottom:1.05rem;z-index:2;margin:0;color:#fff;font-size:1.12rem;line-height:1.25;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.cbsi-service-card::after{content:"";position:absolute;left:1.15rem;bottom:.8rem;width:34px;height:3px;background:var(--cor-destaque,#d95727);z-index:2;opacity:0;transform:translateY(6px);transition:.35s ease}
.cbsi-service-card:hover img{transform:scale(1.07)}
.cbsi-service-card:hover h3{bottom:1.4rem}
.cbsi-service-card:hover::after{opacity:1;transform:translateY(0)}
.cbsi-service-card:focus-visible{outline:3px solid var(--cor-destaque,#d95727);outline-offset:3px}

/* ===== Página de detalhe do serviço ===== */
.service-detail-hero{position:relative;min-height:360px;display:flex;align-items:flex-end;overflow:hidden}
.service-detail-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.service-detail-hero-content{position:relative;z-index:1;padding-block:2.5rem 3rem;color:#fff}
.service-detail-hero-content h1{margin:.3rem 0 0;color:#fff;font-size:clamp(2rem,3.6vw,3rem)}
.service-breadcrumb{font-size:.85rem;color:#dCE7F0;margin-bottom:1rem}
.service-breadcrumb a{color:#e3f0fa;text-decoration:none}
.service-breadcrumb a:hover{text-decoration:underline}
.service-breadcrumb strong{color:#fff}
.service-detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:start}
.service-detail-text p{color:#3a4a57;font-size:1.05rem;line-height:1.75;margin:0 0 1.1rem}
.service-detail-list{list-style:none;margin:1.5rem 0;padding:0;display:grid;gap:.7rem}
.service-detail-list li{display:flex;gap:.7rem;align-items:flex-start;color:#183248;line-height:1.5}
.service-detail-list li span{flex:none;width:22px;height:22px;margin-top:.1rem;display:grid;place-items:center;border-radius:50%;background:var(--cor-primaria,#004069);color:#fff;font-size:.72rem;font-weight:700}
.service-detail-figure{margin:0;border-radius:.6rem;overflow:hidden;box-shadow:0 16px 40px rgba(0,20,38,.2)}
.service-detail-figure img{width:100%;height:100%;object-fit:cover;display:block}
.service-detail-cta{background:var(--cor-primaria,#004069);color:#fff}
.service-detail-cta .site-container{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;align-items:center;padding-block:3rem}
.service-detail-cta h2{color:#fff;margin:.3rem 0}
.service-detail-cta .eyebrow{color:var(--cor-destaque,#d95727)}
.service-detail-cta p{color:#e3f0fa;margin:0}
@media(max-width:900px){.cbsi-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-detail-grid{grid-template-columns:1fr;gap:2rem}}
@media(max-width:560px){.cbsi-services-grid{grid-template-columns:1fr}}

/* ===== Galeria do serviço ===== */
.service-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.service-gallery-grid figure{margin:0;border-radius:.5rem;overflow:hidden;aspect-ratio:4/3;box-shadow:0 10px 26px rgba(0,20,38,.14)}
.service-gallery-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.service-gallery-grid figure:hover img{transform:scale(1.06)}
@media(max-width:760px){.service-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.service-gallery-grid{grid-template-columns:1fr}}

.stitch-services-cta{text-align:center;margin-top:2.5rem}

/* ══════════════════════════════════════════════════════════════════════
   Home — enriquecimento institucional (Sobre + Setores) e efeitos
   ══════════════════════════════════════════════════════════════════════ */

/* Números com contagem animada */
.stitch-metric strong[data-count] { font-variant-numeric: tabular-nums; }

/* ── Sobre a CBSI (institucional) ───────────────────────────────────── */
.cbsi-sobre { background: var(--superficie, #fff); }
.cbsi-sobre-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 3rem; align-items: center; }
.cbsi-sobre-texto p { color: var(--suave, #4b5563); line-height: 1.75; margin: 0 0 1rem; font-size: 1.02rem; }
.cbsi-sobre-texto p strong { color: var(--cor-primaria); }
.cbsi-sobre-texto .services-button { margin-top: .6rem; }
.cbsi-sobre-destaques { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; }
.cbsi-sobre-destaques li { display: flex; gap: 1rem; align-items: flex-start; background: var(--superficie-2, #f5f7fa); border: 1px solid var(--borda, #e5e7eb); border-radius: 14px; padding: 1rem 1.15rem; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.cbsi-sobre-destaques li:hover { transform: translateX(4px); border-color: var(--cor-destaque); box-shadow: 0 10px 26px -12px rgba(0,64,105,.25); }
.cbsi-sobre-destaques li > span { flex: 0 0 auto; width: 46px; height: 46px; display: grid; place-items: center; font-size: 1.4rem; background: #fff; border-radius: 12px; box-shadow: 0 4px 12px -4px rgba(0,0,0,.15); }
.cbsi-sobre-destaques strong { display: block; font-family: var(--fonte-titulo, inherit); color: var(--cor-primaria); font-size: 1rem; }
.cbsi-sobre-destaques small { color: var(--suave, #6b7280); font-size: .86rem; }
@media (max-width: 860px){ .cbsi-sobre-grid { grid-template-columns: 1fr; gap: 2rem; } }

/* ── Setores de Atuação ─────────────────────────────────────────────── */
.cbsi-setores { background: linear-gradient(180deg, var(--superficie-2, #f5f7fa), var(--superficie, #fff)); }
.cbsi-setores-intro { max-width: 720px; margin: -.5rem auto 2.5rem; text-align: center; color: var(--suave, #4b5563); line-height: 1.7; }
.cbsi-setores-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
.cbsi-setor-card { position: relative; background: var(--superficie, #fff); border: 1px solid var(--borda, #e5e7eb); border-radius: 16px; padding: 1.7rem 1.3rem; text-align: center; overflow: hidden; transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s ease, border-color .3s ease; }
.cbsi-setor-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--cor-primaria), var(--cor-destaque)); transform: scaleX(0); transform-origin: left; transition: transform .35s ease; }
.cbsi-setor-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px -16px rgba(0,64,105,.32); border-color: transparent; }
.cbsi-setor-card:hover::before { transform: scaleX(1); }
.cbsi-setor-ico { display: inline-grid; place-items: center; width: 66px; height: 66px; font-size: 1.95rem; margin: 0 auto .9rem; border-radius: 50%; background: var(--superficie-2, #f1f5f9); transition: transform .3s ease, background .3s ease; }
.cbsi-setor-card:hover .cbsi-setor-ico { transform: scale(1.08) rotate(-4deg); background: rgba(217,87,39,.12); }
.cbsi-setor-card h3 { margin: 0 0 .35rem; font-family: var(--fonte-titulo, inherit); font-size: 1.02rem; color: var(--cor-primaria); }
.cbsi-setor-card p { margin: 0; font-size: .84rem; color: var(--suave, #6b7280); line-height: 1.5; }
@media (max-width: 980px){ .cbsi-setores-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px){ .cbsi-setores-grid { grid-template-columns: 1fr; } }

/* ── Por que fazer parte (benefícios) — navy premium + ícones com brilho ── */
.cbsi-beneficios { background: linear-gradient(160deg, var(--cor-secundaria, #0a2540), var(--cor-primaria, #003a5d)); color: #fff; }
.cbsi-beneficios .stitch-centered-heading h2 { color: #fff; }
.cbsi-beneficios .stitch-centered-heading p { color: rgba(255,255,255,.82); }
.cbsi-beneficios-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; margin-top: 2.5rem; }
.cbsi-beneficio { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: 18px; padding: 2rem 1.5rem; text-align: center; transition: transform .3s cubic-bezier(.22,1,.36,1), background .3s ease, border-color .3s ease; }
.cbsi-beneficio:hover { transform: translateY(-8px); background: rgba(255,255,255,.1); border-color: var(--cor-destaque, #d95727); }
.cbsi-beneficio-ico { display: inline-grid; place-items: center; width: 72px; height: 72px; margin: 0 auto 1.15rem; font-size: 2.1rem; border-radius: 50%; background: linear-gradient(135deg, var(--cor-destaque, #d95727), #b8461f); box-shadow: 0 10px 26px -8px rgba(217,87,39,.6); transition: transform .3s ease; }
.cbsi-beneficio:hover .cbsi-beneficio-ico { transform: scale(1.1) rotate(-5deg); }
.cbsi-beneficio h3 { margin: 0 0 .5rem; font-family: var(--fonte-titulo, inherit); font-size: 1.12rem; color: #fff; }
.cbsi-beneficio p { margin: 0; color: rgba(255,255,255,.78); font-size: .9rem; line-height: 1.6; }
@media (max-width: 980px){ .cbsi-beneficios-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px){ .cbsi-beneficios-grid { grid-template-columns: 1fr; } }