/* V38 — fundo claro + novo topo somente na página Serviços */
:root{
  --oo-v38-bg:#f4f8fb;
  --oo-v38-bg-2:#eef7fb;
  --oo-v38-panel:#ffffff;
  --oo-v38-navy:#062a61;
  --oo-v38-navy-2:#0b3a74;
  --oo-v38-teal:#0aa39d;
  --oo-v38-teal-2:#0b8f89;
  --oo-v38-text:#17313b;
  --oo-v38-muted:#587082;
  --oo-v38-line:#d8e7ed;
  --oo-v38-shadow:0 16px 42px rgba(18,62,82,.10);
}
html{background:var(--oo-v38-bg)}
body.oo-v38-site{background:linear-gradient(180deg,#f7fbfd 0%,var(--oo-v38-bg) 100%)!important;color:var(--oo-v38-text)!important}
body.oo-v38-site .page,body.oo-v38-site .page__blocks{background-color:transparent}

/* Mantém o layout das demais páginas; muda somente o fundo geral. */
body.oo-v38-site:not(.oo-v38-services) main{background-color:transparent}
body.oo-v38-site:not(.oo-v38-services) .oo-sv32-section-alt{background:#eef5f7!important}

/* Correção responsiva do logo existente nas páginas que mantêm o cabeçalho V37. */
@media(max-width:820px){
 body.oo-v38-site:not(.oo-v38-services) .oo-brand img.oo-brand-logo-v26{
   width:auto!important;height:42px!important;max-height:42px!important;max-width:52px!important;object-fit:contain!important
 }
}

/* ===== SERVIÇOS — topo inspirado na imagem aprovada ===== */
body.oo-v38-services{background:var(--oo-v38-bg)!important}
body.oo-v38-services .oo-topline{display:none!important}
body.oo-v38-services .oo-site-header{
  position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid rgba(6,42,97,.08)!important;box-shadow:0 3px 18px rgba(13,49,75,.05)!important
}
body.oo-v38-services .oo-nav{max-width:1490px!important;min-height:84px!important;padding:10px 28px!important;gap:24px!important}
body.oo-v38-services .oo-brand{min-width:310px!important;display:flex!important;align-items:center!important}
body.oo-v38-services .oo-brand img.oo-brand-logo-v26{width:387px!important;height:65px!important;max-width:387px!important;max-height:65px!important;object-fit:contain!important;object-position:left center!important}
body.oo-v38-services .oo-brand .oo-brand-text-v26{display:none!important}
body.oo-v38-services .oo-links{gap:28px!important;align-items:center!important}
body.oo-v38-services .oo-links a{font-size:15px!important;font-weight:800!important;color:#0b2857!important;position:relative;padding:28px 0 22px!important;white-space:nowrap}
body.oo-v38-services .oo-links a.oo-current{color:var(--oo-v38-teal)!important}
body.oo-v38-services .oo-links a.oo-current:after{content:"";position:absolute;left:0;right:0;bottom:12px;height:2px;background:var(--oo-v38-teal);border-radius:2px}
body.oo-v38-services .oo-socials{gap:8px!important}
body.oo-v38-services .oo-social-instagram{display:none!important}
body.oo-v38-services .oo-social-whatsapp{width:auto!important;height:48px!important;border-radius:999px!important;background:var(--oo-v38-teal)!important;display:inline-flex!important;align-items:center!important;gap:9px!important;padding:0 19px!important;text-decoration:none!important}
body.oo-v38-services .oo-social-whatsapp svg{width:24px!important;height:24px!important;flex:0 0 auto}
body.oo-v38-services .oo-social-whatsapp:after{content:"Fale pelo WhatsApp";font-size:14px;font-weight:900;color:#fff;white-space:nowrap}
body.oo-v38-services .oo-mobile-menu{margin-left:auto}

body.oo-v38-services .oo-sv32-main{background:var(--oo-v38-bg)!important;color:var(--oo-v38-text)!important}
body.oo-v38-services .oo-v38-service-hero{
  position:relative;overflow:hidden;background:linear-gradient(120deg,#f8fcfe 0%,#eaf6fb 51%,#d9edf7 100%);
  min-height:720px;border-bottom:1px solid #d6e7ef
}
body.oo-v38-services .oo-v38-service-hero:before,
body.oo-v38-services .oo-v38-service-hero:after{
  content:"";position:absolute;border:2px solid rgba(88,181,217,.16);border-radius:50%;pointer-events:none
}
body.oo-v38-services .oo-v38-service-hero:before{width:1040px;height:1040px;left:-620px;top:-365px}
body.oo-v38-services .oo-v38-service-hero:after{width:920px;height:920px;left:-500px;bottom:-665px}
body.oo-v38-services .oo-v38-hero-inner{
  width:min(1480px,calc(100% - 72px));margin:0 auto;min-height:720px;display:grid;
  grid-template-columns:minmax(620px,.96fr) minmax(620px,1.04fr);align-items:stretch;position:relative;z-index:1
}
body.oo-v38-services .oo-v38-hero-copy{padding:94px 8px 48px 0;position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center}
body.oo-v38-services .oo-v38-kicker{display:flex;align-items:center;gap:18px;color:#0f5381;font-size:15px;font-weight:800;letter-spacing:.20em;text-transform:uppercase;margin-bottom:26px}
body.oo-v38-services .oo-v38-kicker:before{content:"";width:68px;height:2px;background:var(--oo-v38-teal);border-radius:4px}
body.oo-v38-services .oo-v38-service-hero h1{margin:0 0 24px!important;line-height:.95!important;letter-spacing:-.055em!important;font-weight:900!important;font-size:clamp(66px,6.15vw,108px)!important;max-width:730px!important}
body.oo-v38-services .oo-v38-title-main{display:block;color:var(--oo-v38-navy)!important}
body.oo-v38-services .oo-v38-title-accent{display:block;color:var(--oo-v38-teal)!important}
body.oo-v38-services .oo-v38-hero-copy>p{font-size:clamp(19px,1.65vw,28px)!important;line-height:1.45!important;color:#36597c!important;max-width:690px;margin:0 0 30px!important;font-weight:500!important}
body.oo-v38-services .oo-v38-actions{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:50px}
body.oo-v38-services .oo-v38-btn{min-height:58px;padding:0 28px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:13px;text-decoration:none!important;font-size:17px;font-weight:900;transition:transform .18s ease,box-shadow .18s ease}
body.oo-v38-services .oo-v38-btn:hover{transform:translateY(-2px)}
body.oo-v38-services .oo-v38-btn-primary{background:linear-gradient(135deg,#0b9e98,#0ab0a9);color:#fff!important;box-shadow:0 12px 26px rgba(10,158,152,.20)}
body.oo-v38-services .oo-v38-btn-secondary{background:rgba(255,255,255,.92);color:#0a9d97!important;border:2px solid #0aa39d;box-shadow:0 8px 22px rgba(20,80,105,.06)}
body.oo-v38-services .oo-v38-features{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:720px}
body.oo-v38-services .oo-v38-feature{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:start;padding:0 24px 0 0;margin-right:24px;border-right:1px solid #c7dce6}
body.oo-v38-services .oo-v38-feature:last-child{border-right:0;margin-right:0;padding-right:0}
body.oo-v38-services .oo-v38-feature-icon{width:56px;height:56px;border-radius:50%;background:#daf0fa;color:#083a75;display:grid;place-items:center;font-size:24px;font-weight:900}
body.oo-v38-services .oo-v38-feature strong{display:block;color:#082a61;font-size:16px;line-height:1.25;margin-bottom:5px}
body.oo-v38-services .oo-v38-feature span{display:block;color:#456785;font-size:13px;line-height:1.45}
body.oo-v38-services .oo-v38-hero-visual{position:absolute;right:0;top:0;bottom:0;width:55%;z-index:1;overflow:hidden}
body.oo-v38-services .oo-v38-hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#eaf6fb 0%,rgba(234,246,251,.93) 5%,rgba(234,246,251,.55) 15%,rgba(234,246,251,0) 32%);z-index:2;pointer-events:none}
body.oo-v38-services .oo-v38-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}

/* Conteúdo abaixo do topo: preservado, apenas harmonizado com o fundo claro. */
body.oo-v38-services .oo-sv32-section{background:var(--oo-v38-bg)!important}
body.oo-v38-services .oo-sv32-section-alt{background:#eef5f7!important}
body.oo-v38-services .oo-sv32-card,
body.oo-v38-services .oo-sv32-step,
body.oo-v38-services .oo-sv32-equipment div{background:#fff!important;border-color:var(--oo-v38-line)!important;box-shadow:var(--oo-v38-shadow)!important}
body.oo-v38-services .oo-sv32-section h2{color:#123b61!important}
body.oo-v38-services .oo-sv32-eyebrow{color:#0a7f7b!important}
body.oo-v38-services .oo-sv32-eyebrow:before{background:#69c6c1!important}

@media(max-width:1280px){
 body.oo-v38-services .oo-brand{min-width:240px!important}
 body.oo-v38-services .oo-brand img.oo-brand-logo-v26{width:300px!important;height:52px!important;max-width:300px!important;max-height:52px!important}
 body.oo-v38-services .oo-links{gap:16px!important}
 body.oo-v38-services .oo-links a{font-size:13px!important}
 body.oo-v38-services .oo-v38-hero-inner{grid-template-columns:minmax(520px,1fr) minmax(500px,1fr);width:min(1180px,calc(100% - 48px))}
 body.oo-v38-services .oo-v38-service-hero h1{font-size:clamp(60px,6vw,88px)!important}
 body.oo-v38-services .oo-v38-feature{grid-template-columns:48px 1fr;gap:10px;margin-right:14px;padding-right:14px}
 body.oo-v38-services .oo-v38-feature-icon{width:46px;height:46px;font-size:20px}
}
@media(max-width:1020px){
 body.oo-v38-services .oo-links,body.oo-v38-services .oo-socials{display:none!important}
 body.oo-v38-services .oo-mobile-menu{display:block!important}
 body.oo-v38-services .oo-nav{min-height:72px!important;padding:8px 18px!important}
 body.oo-v38-services .oo-brand{min-width:0!important}
 body.oo-v38-services .oo-brand img.oo-brand-logo-v26{width:250px!important;height:48px!important;max-width:250px!important;max-height:48px!important}
 body.oo-v38-services .oo-v38-service-hero{min-height:auto}
 body.oo-v38-services .oo-v38-hero-inner{width:min(100% - 36px,860px);min-height:auto;grid-template-columns:1fr;padding:0}
 body.oo-v38-services .oo-v38-hero-copy{padding:58px 0 36px}
 body.oo-v38-services .oo-v38-service-hero h1{font-size:clamp(56px,11vw,82px)!important;max-width:740px!important}
 body.oo-v38-services .oo-v38-hero-copy>p{max-width:720px}
 body.oo-v38-services .oo-v38-hero-visual{position:relative;right:auto;top:auto;bottom:auto;width:100%;height:570px;grid-row:2;margin:0 auto}
 body.oo-v38-services .oo-v38-hero-visual:before{background:linear-gradient(180deg,#eaf6fb 0%,rgba(234,246,251,.15) 14%,rgba(234,246,251,0) 30%)}
 body.oo-v38-services .oo-v38-hero-visual img{border-radius:28px 28px 0 0;object-position:center 5%}
}
@media(max-width:680px){
 body.oo-v38-services .oo-nav{min-height:64px!important;padding:7px 14px!important}
 body.oo-v38-services .oo-brand img.oo-brand-logo-v26{width:210px!important;height:42px!important;max-width:210px!important;max-height:42px!important}
 body.oo-v38-services .oo-v38-hero-inner{width:min(100% - 28px,620px)}
 body.oo-v38-services .oo-v38-hero-copy{padding:38px 0 28px}
 body.oo-v38-services .oo-v38-kicker{font-size:11px;letter-spacing:.14em;gap:10px;margin-bottom:18px}
 body.oo-v38-services .oo-v38-kicker:before{width:34px}
 body.oo-v38-services .oo-v38-service-hero h1{font-size:clamp(47px,14vw,68px)!important;letter-spacing:-.05em!important;margin-bottom:18px!important}
 body.oo-v38-services .oo-v38-hero-copy>p{font-size:18px!important;line-height:1.48!important;margin-bottom:24px!important}
 body.oo-v38-services .oo-v38-actions{display:grid;grid-template-columns:1fr;margin-bottom:34px;gap:12px}
 body.oo-v38-services .oo-v38-btn{width:100%;min-height:54px;font-size:16px;padding:0 18px}
 body.oo-v38-services .oo-v38-features{grid-template-columns:1fr;gap:16px}
 body.oo-v38-services .oo-v38-feature{border-right:0;border-bottom:1px solid #cadfe8;padding:0 0 16px;margin:0;grid-template-columns:50px 1fr}
 body.oo-v38-services .oo-v38-feature:last-child{border-bottom:0;padding-bottom:0}
 body.oo-v38-services .oo-v38-feature-icon{width:48px;height:48px}
 body.oo-v38-services .oo-v38-hero-visual{height:500px}
}
@media(max-width:430px){
 body.oo-v38-services .oo-brand img.oo-brand-logo-v26{width:175px!important;height:38px!important;max-width:175px!important;max-height:38px!important}
 body.oo-v38-services .oo-v38-hero-visual{height:440px}
}