/* Serviços V58 — seção hero aprovada. Escopo isolado por prefixo oo-servicos-v58. */
.oo-servicos-v58-hero{
  position:relative;
  width:100%;
  aspect-ratio:1672 / 941;
  overflow:hidden;
  background:#dfeef6;
}

.oo-servicos-v58-bg{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}

.oo-servicos-v58-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(236,244,249,.08) 0%,rgba(236,244,249,.03) 34%,rgba(236,244,249,0) 58%);
}

.oo-servicos-v58-content{
  position:absolute;
  z-index:2;
  top:12.2%;
  left:3.4%;
  width:52.4%;
}

.oo-servicos-v58-kicker{
  display:flex;
  align-items:center;
  gap:1rem;
  margin:0 0 1rem;
  color:#153d73;
  font:700 clamp(12px,1.05vw,20px)/1.35 Lato,Arial,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.oo-servicos-v58-kicker::before{
  content:"";
  flex:0 0 auto;
  width:4.2rem;
  max-width:70px;
  height:3px;
  border-radius:999px;
  background:#07a79f;
}

.oo-servicos-v58-title{
  margin:0!important;
  max-width:100%!important;
  color:#062d73!important;
  font-family:Lato,Arial,sans-serif!important;
  font-weight:800!important;
  line-height:.88!important;
  letter-spacing:-.06em!important;
  text-shadow:none!important;
}

.oo-servicos-v58-title span{display:block}

.oo-servicos-v58-title-main{
  color:#062d73;
  font-size:clamp(56px,6.8vw,122px);
}

.oo-servicos-v58-title-accent{
  color:#08a99f;
  font-size:clamp(56px,6.7vw,118px);
}

.oo-servicos-v58-intro{
  width:76%;
  margin:1.25rem 0 1.75rem!important;
  color:#365985!important;
  font:500 clamp(20px,1.82vw,35px)/1.26 Lato,Arial,sans-serif!important;
}

.oo-servicos-v58-actions{
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  margin:0 0 2.1rem;
}

.oo-servicos-v58-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  min-height:4.3rem;
  padding:0 1.7rem;
  border:2px solid transparent;
  border-radius:1rem;
  box-shadow:0 16px 30px rgba(10,61,93,.10);
  font:700 clamp(16px,1.28vw,25px)/1.1 Lato,Arial,sans-serif;
  text-decoration:none!important;
}

.oo-servicos-v58-button-primary{
  border-color:#08a99e;
  background:#08a99e;
  color:#fff!important;
}

.oo-servicos-v58-button-secondary{
  border-color:#08a99e;
  background:rgba(255,255,255,.78);
  color:#08a99e!important;
  backdrop-filter:blur(4px);
}

.oo-servicos-v58-highlights{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  width:100%;
  max-width:820px;
  padding-top:1.2rem;
  border-top:1px solid rgba(98,149,180,.32);
}

.oo-servicos-v58-highlight{
  display:grid;
  grid-template-columns:56px 1fr;
  gap:.9rem;
  min-height:96px;
  padding:0 1.2rem;
}

.oo-servicos-v58-highlight:first-child{padding-left:0}
.oo-servicos-v58-highlight+.oo-servicos-v58-highlight{border-left:1px solid rgba(98,149,180,.26)}

.oo-servicos-v58-icon{
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  border-radius:50%;
  background:rgba(198,226,241,.72);
  color:#0a3b79;
  font-size:28px;
}

.oo-servicos-v58-highlight strong{
  display:block;
  margin:.15rem 0 .38rem;
  color:#0a3170;
  font:700 clamp(14px,1.1vw,22px)/1.1 Lato,Arial,sans-serif;
}

.oo-servicos-v58-highlight small{
  display:block;
  color:#46688d;
  font:400 clamp(12px,.94vw,18px)/1.3 Lato,Arial,sans-serif;
}

@media (max-width:1100px){
  .oo-servicos-v58-content{top:8%;width:58%}
  .oo-servicos-v58-intro{width:86%}
}

@media (max-width:860px){
  .oo-servicos-v58-hero{
    aspect-ratio:auto;
    min-height:0;
    padding-bottom:0;
    background:#eaf4f9;
  }
  .oo-servicos-v58-bg{
    position:relative;
    inset:auto;
    width:100%;
    height:auto;
    object-fit:contain;
    object-position:center;
  }
  .oo-servicos-v58-overlay{
    background:linear-gradient(180deg,rgba(236,244,249,.94) 0%,rgba(236,244,249,.78) 31%,rgba(236,244,249,.12) 60%,rgba(236,244,249,0) 76%);
  }
  .oo-servicos-v58-content{
    position:absolute;
    top:4%;
    left:4%;
    width:92%;
  }
  .oo-servicos-v58-kicker{
    font-size:clamp(9px,2.35vw,14px);
    gap:.65rem;
    letter-spacing:.12em;
  }
  .oo-servicos-v58-kicker::before{width:34px}
  .oo-servicos-v58-title-main,.oo-servicos-v58-title-accent{font-size:clamp(38px,10.5vw,78px)}
  .oo-servicos-v58-intro{width:70%;font-size:clamp(14px,3.2vw,24px);margin:.7rem 0 1rem!important}
  .oo-servicos-v58-actions{gap:.65rem;margin-bottom:1rem}
  .oo-servicos-v58-button{min-height:48px;padding:0 1rem;border-radius:12px;font-size:clamp(13px,2.7vw,18px)}
  .oo-servicos-v58-highlights{display:none}
}

@media (max-width:560px){
  .oo-servicos-v58-hero{display:flex;flex-direction:column}
  .oo-servicos-v58-bg{
    order:2;
    margin-top:0;
  }
  .oo-servicos-v58-content{
    position:relative;
    top:auto;
    left:auto;
    width:100%;
    padding:28px 18px 18px;
    background:#eaf4f9;
  }
  .oo-servicos-v58-overlay{display:none}
  .oo-servicos-v58-intro{width:100%;font-size:18px!important}
  .oo-servicos-v58-actions{display:grid;grid-template-columns:1fr}
  .oo-servicos-v58-button{width:100%}
}