/* LaranSys v5.8 - Hero Slider de Soluções
   Escopo: substituir a primeira dobra da Home por uma jornada de slides em tela cheia.
   Mantém menu fixo, rodapé e banco sem alterações estruturais. */

:root{
  --v58-ink:#061524;
  --v58-text:#12233f;
  --v58-muted:#d8e9f7;
  --v58-green:#12b886;
  --v58-teal:#0f766e;
  --v58-blue:#0ea5e9;
  --v58-gold:#f59e0b;
  --v58-line:rgba(255,255,255,.18);
  --v58-shadow:0 32px 110px rgba(2,6,23,.28);
}

.v58-hero-slider{
  position:relative;
  color:#fff;
  background:#03111f;
  overflow:hidden;
}

.v58-slide{
  position:relative;
  min-height:calc(100svh - var(--v57-header-height, 78px));
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.98fr);
  align-items:center;
  gap:clamp(28px,5vw,72px);
  padding:clamp(84px,9vw,132px) clamp(22px,5vw,82px) clamp(64px,7vw,96px);
  isolation:isolate;
  scroll-margin-top:var(--v57-header-height, 78px);
  background:
    radial-gradient(circle at 12% 24%,rgba(18,184,134,.25),transparent 34%),
    radial-gradient(circle at 88% 20%,rgba(245,158,11,.18),transparent 34%),
    linear-gradient(135deg,#03111f 0%,#0b2941 58%,#0f766e 100%);
}

.v58-slide:nth-child(2){
  background:
    radial-gradient(circle at 18% 26%,rgba(14,165,233,.24),transparent 34%),
    radial-gradient(circle at 88% 76%,rgba(34,197,94,.20),transparent 36%),
    linear-gradient(135deg,#04111f 0%,#082f49 60%,#0f766e 100%);
}
.v58-slide:nth-child(3){
  background:
    radial-gradient(circle at 16% 20%,rgba(124,58,237,.28),transparent 35%),
    radial-gradient(circle at 86% 72%,rgba(249,115,22,.20),transparent 36%),
    linear-gradient(135deg,#111827 0%,#3730a3 58%,#0ea5e9 100%);
}
.v58-slide:nth-child(4){
  background:
    radial-gradient(circle at 16% 22%,rgba(134,239,172,.18),transparent 34%),
    radial-gradient(circle at 84% 70%,rgba(14,165,233,.20),transparent 34%),
    linear-gradient(135deg,#052e16 0%,#047857 58%,#0f766e 100%);
}
.v58-slide:nth-child(5){
  background:
    radial-gradient(circle at 16% 25%,rgba(20,184,166,.24),transparent 34%),
    radial-gradient(circle at 86% 72%,rgba(245,158,11,.22),transparent 36%),
    linear-gradient(135deg,#111827 0%,#0f766e 56%,#1f2937 100%);
}

.v58-slide::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(2,6,23,.52),rgba(2,6,23,.16) 48%,rgba(2,6,23,.28)),
    radial-gradient(circle at 50% 120%,rgba(255,255,255,.10),transparent 44%);
  z-index:-1;
}

.v58-content{
  max-width:860px;
  position:relative;
  z-index:2;
}

.v58-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
  color:#d1fae5;
  font-size:12px;
  font-weight:950;
  letter-spacing:.075em;
  text-transform:uppercase;
  box-shadow:0 18px 54px rgba(2,6,23,.14);
}
.v58-kicker::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--v58-green);
  box-shadow:0 0 0 7px rgba(18,184,134,.18);
}

.v58-title{
  margin:22px 0 18px;
  color:#fff;
  font-size:clamp(43px,6.9vw,96px);
  line-height:.92;
  letter-spacing:-.078em;
  text-wrap:balance;
  text-shadow:0 14px 42px rgba(2,6,23,.22);
}

.v58-subtitle{
  font-size:clamp(18px,1.8vw,25px);
  line-height:1.64;
  color:#ecfeff;
  max-width:820px;
  margin:0;
}

.v58-highlight{
  display:block;
  margin-top:12px;
  color:#a7f3d0;
  font-weight:950;
}

.v58-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:30px;
}

.v58-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:999px;
  padding:14px 20px;
  font-weight:950;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.20);
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
}
.v58-btn.primary{
  background:linear-gradient(135deg,var(--v58-green),var(--v58-blue));
  color:#fff;
  box-shadow:0 20px 50px rgba(18,184,134,.26);
}
.v58-btn.secondary{
  background:rgba(255,255,255,.11);
  color:#fff;
}
.v58-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 24px 58px rgba(2,6,23,.26);
}

.v58-points{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:28px;
  max-width:720px;
}
.v58-point{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.17);
  color:#fff;
  font-weight:850;
}
.v58-point::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:999px;
  background:#5eead4;
  box-shadow:0 0 0 6px rgba(94,234,212,.11);
  flex:0 0 auto;
}

.v58-visual{
  position:relative;
  min-height:430px;
  z-index:2;
}
.v58-visual img{
  width:100%;
  display:block;
  border-radius:42px;
  filter:drop-shadow(0 34px 76px rgba(2,6,23,.36));
  transform:translateY(0) rotate(.5deg);
}
.v58-slide.is-visible .v58-visual img{
  animation:v58Float 9s ease-in-out infinite;
}

.v58-float{
  position:absolute;
  padding:14px 16px;
  border-radius:19px;
  background:rgba(255,255,255,.96);
  color:#0b1733;
  box-shadow:0 22px 64px rgba(2,6,23,.22);
  font-weight:950;
  max-width:230px;
}
.v58-float small{
  display:block;
  color:#52627a;
  margin-top:3px;
  font-weight:800;
}
.v58-float.a{top:8%;left:-4%}
.v58-float.b{right:-2%;bottom:16%}
.v58-float.c{left:10%;bottom:2%}

@keyframes v58Float{
  0%,100%{transform:translateY(0) rotate(.5deg)}
  50%{transform:translateY(-16px) rotate(-.7deg)}
}

.v58-scroll-cue{
  position:absolute;
  left:clamp(22px,5vw,82px);
  bottom:28px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#e0f2fe;
  font-weight:950;
  letter-spacing:.02em;
  z-index:5;
}
.v58-scroll-cue span{
  width:28px;
  height:44px;
  border-radius:999px;
  border:2px solid rgba(255,255,255,.68);
  position:relative;
}
.v58-scroll-cue span::before{
  content:"";
  position:absolute;
  left:50%;
  top:8px;
  width:5px;
  height:9px;
  transform:translateX(-50%);
  border-radius:999px;
  background:#5eead4;
  animation:v58Wheel 1.3s ease-in-out infinite;
}
@keyframes v58Wheel{
  0%{transform:translate(-50%,0);opacity:1}
  100%{transform:translate(-50%,15px);opacity:0}
}

.v58-progress{
  position:fixed;
  right:22px;
  top:50%;
  transform:translateY(-50%);
  z-index:9000;
  display:grid;
  gap:10px;
}
.v58-progress a{
  width:44px;
  height:44px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#fff;
  text-decoration:none;
  font-weight:950;
  font-size:12px;
  background:rgba(3,17,31,.45);
  border:1px solid rgba(255,255,255,.20);
  backdrop-filter:blur(12px);
  transition:background .2s ease, transform .2s ease, color .2s ease;
}
.v58-progress a.is-active{
  background:#fff;
  color:#0b1733;
  transform:scale(1.08);
}

.v58-nav{
  position:absolute;
  right:clamp(22px,5vw,82px);
  bottom:28px;
  display:flex;
  gap:10px;
  z-index:5;
}
.v58-nav button{
  width:50px;
  height:50px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:22px;
  font-weight:950;
  cursor:pointer;
  transition:transform .2s ease, background .2s ease;
}
.v58-nav button:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.18);
}

.v58-content,
.v58-visual{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .65s ease, transform .65s ease;
}
.v58-slide.is-visible .v58-content,
.v58-slide.is-visible .v58-visual{
  opacity:1;
  transform:none;
}
.v58-slide.is-visible .v58-visual{
  transition-delay:.08s;
}

@media(max-width:1080px){
  .v58-slide{
    grid-template-columns:1fr;
    min-height:auto;
    padding-top:96px;
  }
  .v58-visual{
    min-height:auto;
  }
  .v58-progress{
    position:absolute;
    right:18px;
    top:18px;
    transform:none;
    grid-auto-flow:column;
    grid-template-columns:none;
  }
}
@media(max-width:720px){
  .v58-slide{
    padding:86px 18px 56px;
  }
  .v58-title{
    font-size:clamp(39px,12vw,58px);
  }
  .v58-subtitle{
    font-size:17px;
  }
  .v58-points{
    grid-template-columns:1fr;
  }
  .v58-float{
    position:relative;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    margin-top:10px;
  }
  .v58-scroll-cue{
    position:relative;
    left:auto;
    bottom:auto;
    margin-top:26px;
  }
  .v58-nav{
    position:relative;
    right:auto;
    bottom:auto;
    margin-top:18px;
  }
  .v58-progress{
    display:none;
  }
}
@media(prefers-reduced-motion:reduce){
  .v58-slide.is-visible .v58-visual img,
  .v58-scroll-cue span::before{
    animation:none!important;
  }
  .v58-content,
  .v58-visual{
    opacity:1;
    transform:none;
    transition:none!important;
  }
}