/* Outros Serviços (09/11/2026): topo com arte própria, atalhos, rede de fornecedores, cartões com foto, abas "Na prática" e mosaico de projetos. Prefixo os-. */
.os-page{--os-azul:#063b88;--os-tinta:#07579e;--os-texto:#51718e;--os-amarelo:#f4cc26;--os-claro:#f2f9fd}
.os-page :where(h2 strong){font-weight:400;color:#00a0cf}

/* Âncoras antigas da página (busca e links de fora continuam funcionando) */
.os-ancora{display:block;height:0;scroll-margin-top:120px}

/* Topo */
.os-hero .landing-hero-art{aspect-ratio:1/1}
.os-hero .landing-hero-art img{width:100%;height:100%;object-fit:contain;display:block}
.os-hero .landing-connection-brand{top:4%;left:-4%}
.os-hero .landing-connection-screens{top:44%;right:-3%}
.os-hero .landing-connection-channels{bottom:3%;left:auto;right:30%}

/* Atalhos */
.os-atalhos{position:relative;z-index:2;background:#fff;border-bottom:1px solid #e1edf5}
.os-atalhos .partner-wrap{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 34px;padding:18px 0}
.os-atalhos a{position:relative;font:400 14px/1.4 Raleway,Arial,sans-serif;color:#51718e;text-decoration:none;padding:10px 0;min-height:44px;display:inline-flex;align-items:center}
.os-atalhos a:after{content:'';position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--os-amarelo);transform:scaleX(0);transition:transform .25s ease}
.os-atalhos a:hover{color:var(--os-tinta)}.os-atalhos a:hover:after,.os-atalhos a:focus-visible:after{transform:scaleX(1)}

/* Um só contato + rede */
.os-contato{padding-block:100px}
.os-contato-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.os-pilares{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:22px}
.os-pilares>li{display:grid;grid-template-columns:62px 1fr;gap:18px;align-items:start;padding:0;margin:0}
.os-pilares>li:before{content:none}
.os-pilares .partner-icon{width:58px;height:63px;margin:0}
.os-pilares .partner-icon svg{width:27px;height:27px}
.os-pilares h3{font-size:23px;margin:4px 0 6px}
.os-pilares p{margin:0;font-size:17px;line-height:1.5}
.os-rede{position:relative;margin:0;aspect-ratio:1/1;width:100%;max-width:560px;justify-self:center}
.os-rede:before{content:'';position:absolute;inset:9%;border-radius:50%;border:1px dashed #b9d9ec}
.os-rede-linhas{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.os-rede-linhas line{stroke:#7cc9ec;stroke-width:.35;stroke-dasharray:1.2 1.4;vector-effect:non-scaling-stroke;stroke-width:1.5;animation:os-fluxo 1.6s linear infinite}
@keyframes os-fluxo{to{stroke-dashoffset:-5.2}}
.os-rede-centro{position:absolute;left:50%;top:50%;width:36%;aspect-ratio:1/1.08;transform:translate(-50%,-50%);display:grid;place-content:center;justify-items:center;text-align:center;color:#fff;isolation:isolate;padding-bottom:6%}
.os-rede-centro:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(130deg,#1f3580,#079fe2);mask:url('/assets/brand/dialogue-master.svg') center/contain no-repeat;-webkit-mask:url('/assets/brand/dialogue-master.svg') center/contain no-repeat;filter:drop-shadow(0 18px 30px #063b8855)}
.os-rede-centro img{width:34%;height:auto;filter:brightness(0) invert(1);margin-bottom:6px}
.os-rede-centro strong{font:400 clamp(16px,1.6vw,21px)/1.1 'Source Sans Pro',Arial,sans-serif}
.os-rede-centro small{font:500 11px/1.4 Raleway,Arial,sans-serif;color:#cdeeff;margin-top:3px}
.os-rede-nos{list-style:none;margin:0;padding:0}
.os-rede-nos>li{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;padding:0;font:600 12px/1.2 Raleway,Arial,sans-serif;color:var(--os-tinta);text-align:center;white-space:nowrap}
.os-rede-nos>li:before{content:none}
.os-rede-nos svg{box-sizing:border-box;width:58px;height:58px;padding:15px;border-radius:50%;background:#fff;border:1px solid #cfe5f2;box-shadow:0 10px 24px #07579e1f;fill:none;stroke:#079fe2;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease,border-color .25s ease}
.os-rede-nos>li:hover svg{transform:translateY(-3px);border-color:var(--os-amarelo)}
.os-rede figcaption{position:absolute;left:0;right:0;bottom:-46px;text-align:center;font-size:16px;color:#51718e}

/* Cartões de serviço */
.os-servicos{background:var(--os-claro)}
.os-destaques{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.os-mais{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:28px}
.os-card{display:flex;flex-direction:column;background:#fff;border:1px solid #d1e5f1;border-radius:24px;overflow:hidden;scroll-margin-top:120px;transition:transform .3s ease,box-shadow .3s ease}
.os-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px -28px #063b8866}
.os-card-foto{position:relative;margin:0;aspect-ratio:3/2;overflow:hidden;background:#06376d}
.os-card-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.os-card:hover .os-card-foto img{transform:scale(1.04)}
.os-card--grande .os-card-foto{aspect-ratio:16/9}
.os-card-foto .partner-icon{position:absolute;left:28px;bottom:-1px;margin:0;width:66px;height:72px;filter:drop-shadow(0 8px 14px #00153d55)}
.os-card-corpo{display:flex;flex-direction:column;flex:1;padding:28px 34px 32px}
.os-card--grande .os-card-corpo{padding-top:30px}
.os-card-tipo{font:600 12px/1.4 Raleway,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#a47900;margin:0 0 8px}
.os-card h3{margin:0 0 12px}
.os-card--grande h3{font-size:29px}
.os-mais .os-card h3{font-size:22px}
.os-card-corpo>p{margin:0 0 22px;font-size:17px;line-height:1.55}
.os-mais .os-card-corpo{padding:22px 24px 26px}
.os-mais .os-card-corpo>p{font-size:16px}
.os-cadeia{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;counter-reset:etapa}
.os-cadeia>li{position:relative;margin:0;padding:12px 14px 12px 16px;background:#edf7fc;font:400 13px/1.35 'Source Sans Pro',Arial,sans-serif;color:#51718e;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%)}
.os-cadeia>li:first-child{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);border-radius:10px 0 0 10px}
.os-cadeia>li:last-child{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,12px 50%);border-radius:0 10px 10px 0}
.os-cadeia>li:not(:first-child){padding-left:24px;margin-left:-6px}
.os-cadeia>li:before{content:none}
.os-cadeia b{display:block;font-weight:600;font-size:15px;color:var(--os-tinta)}
.os-cadeia>li.is-gw{background:linear-gradient(110deg,#1f3580,#079fe2);color:#d7f0fb}
.os-cadeia>li.is-gw b{color:#fff}
.os-orcar{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:0;border:0;background:none;cursor:pointer;font:600 13px/1.4 Raleway,Arial,sans-serif;color:var(--os-tinta);border-bottom:2px solid var(--os-amarelo)}
.os-orcar span{font-size:18px;color:#00a0cf;transition:transform .2s ease}
.os-orcar:hover span{transform:translate(2px,-2px)}

/* Na prática */
.os-pratica{position:relative;isolation:isolate;padding:105px 0 110px;background:radial-gradient(ellipse at right bottom,#007da8,transparent 68%),linear-gradient(115deg,#082e66,#063b88);color:#d6e9f9;overflow:hidden}
.os-pratica:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.14;background-image:repeating-linear-gradient(125deg,transparent 0 119px,#5ddcff66 120px,transparent 121px),repeating-linear-gradient(35deg,transparent 0 119px,#5ddcff44 120px,transparent 121px);mask-image:linear-gradient(90deg,transparent 30%,#000)}
.os-pratica .partner-wrap{position:relative;z-index:1}
.os-pratica h2{color:#fff}.os-pratica h2 strong{color:var(--os-amarelo)}
.os-pratica .partner-eyebrow{color:var(--os-amarelo)}
.os-pratica-topo{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px}
.os-pratica-topo>p{max-width:420px;margin:0 0 26px;color:#c9e3f6}
.os-abas{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}
.os-abas button{min-height:46px;padding:10px 22px;border-radius:999px;border:1px solid #79c9eb66;background:#ffffff0d;color:#d7effb;font:600 13px/1.3 Raleway,Arial,sans-serif;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}
.os-abas button:hover{border-color:var(--os-amarelo)}
.os-abas button[aria-selected=true]{background:var(--os-amarelo);border-color:var(--os-amarelo);color:#063b88}
.os-etapas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:etapa}
.os-etapas[hidden]{display:none}
.os-etapas>li{position:relative;margin:0;padding:28px 26px 30px;border-radius:22px;background:#033e762e;border:1px solid #b8e9ff40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:os-entra .5s ease both}
.os-etapas>li:nth-child(2){animation-delay:.08s}.os-etapas>li:nth-child(3){animation-delay:.16s}.os-etapas>li:nth-child(4){animation-delay:.24s}
@keyframes os-entra{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.os-etapas>li:before{counter-increment:etapa;content:counter(etapa,decimal-leading-zero);position:static;display:block;font:300 44px/1 'Source Sans Pro',Arial,sans-serif;color:#8adff8;margin-bottom:16px}
.os-etapas>li:not(:last-child):after{content:'';position:absolute;top:50px;right:-22px;width:22px;height:2px;background:linear-gradient(90deg,#8adff8,#8adff800)}
.os-etapas h3{color:#fff;font-size:24px;margin:12px 0 8px}
.os-etapas p{margin:0;font-size:16px;line-height:1.5;color:#c9e3f6}
.os-quem{display:inline-block;padding:5px 12px;border-radius:999px;border:1px solid #b8e9ff66;font:600 11px/1.4 Raleway,Arial,sans-serif;letter-spacing:.03em;color:#d7effb}
.os-etapas>li.is-gw{background:linear-gradient(150deg,#0d58b3c4,#0089ba99);border-color:#f4cc2699}
.os-etapas>li.is-gw .os-quem{background:var(--os-amarelo);border-color:var(--os-amarelo);color:#063b88}
.os-etapas>li.is-gw:before{color:var(--os-amarelo)}
.os-etapas>li.is-voce .os-quem{background:#fff;border-color:#fff;color:#063b88}
.os-pratica-pe{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-top:38px}
.os-pratica-pe p{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px 26px;font-size:15px;color:#c9e3f6}.os-pratica-pe p>span{display:inline-flex;align-items:center;gap:10px}
.os-leg{display:inline-block;flex:none;width:14px;height:14px;border-radius:50%;border:1px solid #b8e9ff99}
.os-leg--gw{background:var(--os-amarelo);border-color:var(--os-amarelo)}
.os-pratica .shine-button{margin-top:0}

/* Projetos reais */
.os-mosaico{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:230px;gap:18px;grid-template-areas:"a b b c" "a f f e" "d f f e" "g h i t" "g h i t"}
.os-mosaico>:nth-child(1){grid-area:a}.os-mosaico>:nth-child(2){grid-area:b}.os-mosaico>:nth-child(3){grid-area:c}.os-mosaico>:nth-child(4){grid-area:d}.os-mosaico>:nth-child(5){grid-area:e}.os-mosaico>:nth-child(6){grid-area:f}.os-mosaico>:nth-child(7){grid-area:g}.os-mosaico>:nth-child(8){grid-area:h}.os-mosaico>:nth-child(9){grid-area:i}.os-mosaico>:nth-child(10){grid-area:t}
.os-foto-nota{display:flex;flex-direction:column;justify-content:center;padding:34px 30px;border-radius:22px;background:linear-gradient(150deg,#073d80,#0089ba);color:#d7f0fb}
.os-foto-nota .partner-eyebrow{color:#f4cc26;margin-bottom:10px}
.os-foto-nota h3{color:#fff;font-size:26px;margin:0 0 12px}
.os-foto-nota p:not(.partner-eyebrow){margin:0 0 22px;font-size:16px;line-height:1.5}
.os-foto-nota .os-orcar{color:#fff}.os-foto-nota .os-orcar span{color:#f4cc26}
.os-foto{position:relative;margin:0;border-radius:22px;overflow:hidden;background:#06376d;min-width:0}
.os-foto img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%);display:block;transition:transform .6s ease}
.os-foto:hover img{transform:scale(1.04)}
.os-foto figcaption{position:absolute;left:0;right:0;bottom:0;padding:50px 20px 18px;background:linear-gradient(transparent,#021c3fd9);color:#fff;font-size:15px;line-height:1.3}
.os-foto figcaption span{display:block;font:600 11px/1.4 Raleway,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--os-amarelo);margin-bottom:4px}
.os-foto figcaption strong{font-weight:400;font-size:20px}

/* Perguntas */
.os-faq{background:var(--os-claro)}
.os-faq-chamada>p:not(.partner-eyebrow){margin:0 0 28px;max-width:440px}
.os-faq .shine-button{margin-top:0}
.os-faq details[open] summary{color:#00a0cf}

/* Telas menores */
@media(max-width:1200px){.os-mais{grid-template-columns:1fr 1fr}.os-etapas{grid-template-columns:1fr 1fr}.os-etapas>li:nth-child(2):after{display:none}.os-mosaico{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"a b b" "a c d" "e f f" "e f f" "g h i" "g h i" "t t t"}}
@media(max-width:1000px){.os-contato-grid{grid-template-columns:1fr;gap:80px}.os-rede{max-width:520px}.os-destaques{grid-template-columns:1fr}.os-card--grande .os-card-foto{aspect-ratio:2/1}}
@media(max-width:950px){.os-hero .landing-connection-channels{right:auto;left:0;bottom:-2%}}
@media(max-width:700px){.os-hero .landing-connection small{display:none}.os-hero .landing-connection{padding:10px 12px}.os-hero .landing-connection>span{font-size:14px}.os-hero .landing-connection-brand{top:2%;left:0}.os-hero .landing-connection-screens{top:36%;right:0}.os-hero .landing-connection-channels{bottom:4%;left:0}.os-atalhos .partner-wrap{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:24px;padding:8px 0;scrollbar-width:none}.os-atalhos a{white-space:nowrap;font-size:13px}.os-contato{padding-block:64px}.os-rede-nos svg{width:46px;height:46px;padding:12px}.os-rede-nos>li{font-size:10.5px}.os-rede-centro small{display:none}.os-rede figcaption{font-size:14px;bottom:-40px}.os-pilares h3{font-size:21px}.os-card-corpo{padding:24px 22px 26px}.os-card--grande h3{font-size:25px}.os-card--grande .os-card-foto{aspect-ratio:3/2}.os-cadeia{grid-template-columns:1fr;gap:6px}.os-cadeia>li,.os-cadeia>li:first-child,.os-cadeia>li:last-child{clip-path:none;border-radius:10px;margin-left:0;padding:10px 14px}.os-cadeia>li:not(:first-child){padding-left:14px;margin-left:0}.os-cadeia>li{display:flex;justify-content:space-between;gap:12px}.os-cadeia b{display:inline}.os-mais{grid-template-columns:1fr}.os-pratica{padding:64px 0 70px}.os-pratica-topo{display:block}.os-pratica-topo>p{margin-bottom:0}.os-abas{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-20px;padding-inline:20px}.os-abas button{white-space:nowrap;flex:none}.os-etapas{grid-template-columns:1fr;gap:14px}.os-etapas>li:after{display:none}.os-etapas>li{padding:22px 22px 24px;display:grid;grid-template-columns:auto 1fr;column-gap:16px}.os-etapas>li:before{grid-row:span 3;font-size:34px;margin:0}.os-etapas h3{margin:8px 0 4px;font-size:21px}.os-quem{justify-self:start}.os-mosaico{grid-template-columns:1fr 1fr;grid-auto-rows:170px;gap:12px;grid-template-areas:"b b" "a c" "a d" "e f" "e f" "g h" "g h" "i t" "i t"}.os-foto-nota{padding:20px 16px}.os-foto-nota h3{font-size:19px}.os-foto-nota p:not(.partner-eyebrow){display:none}.os-foto figcaption{padding:40px 14px 12px}.os-foto figcaption strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.os-rede-linhas line,.os-etapas>li{animation:none}.os-card,.os-card-foto img,.os-foto img{transition:none}}