/* ==========================================================
   VOLTARIS · servicios-indice.css (v1) — SOLO para /servicios (página intermedia)
   Depende de base.css, servicio.css (v2.1) y footer.css. No modifica ninguno.
   Todo va acotado a .svc--idx (el <main> de esta página).
   ========================================================== */

/* ---------- Hero: titular un poco más ancho que el de las páginas de servicio ---------- */
.svc--idx .vh h1{max-width:15ch;font-size:clamp(38px,min(5.4vw,8.6vh),96px)} /* título largo (4 líneas): más pequeño que en las fichas */
.svc--idx .vh__sub{max-width:52ch}

/* ---------- 2 · DISCIPLINAS: filas grandes con foto, en zigzag ---------- */
.idx-head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,96px);align-items:end;margin-bottom:clamp(56px,9vh,104px)}
.idx-head .h2{max-width:16ch}
.disc{position:relative;display:grid;grid-template-columns:7fr 5fr;gap:clamp(28px,5.5vw,92px);align-items:center;padding:clamp(22px,3.4vh,40px) 0}
.disc:nth-of-type(even){grid-template-columns:5fr 7fr}
.disc:nth-of-type(even) .disc__fig{order:2}
.disc__fig{position:relative;aspect-ratio:3/2;border-radius:12px;overflow:hidden;background:var(--panel);box-shadow:0 40px 90px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.07)}
.disc__fig img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s ease}
.disc:hover .disc__fig img{transform:scale(1.04)}
.disc__fig::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,13,16,.45),transparent 45%);pointer-events:none}
.disc__txt{max-width:44ch}
.disc h3{font-family:var(--cond);font-weight:500;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(34px,3.5vw,56px);line-height:.98}
.disc h3 a{color:inherit;text-decoration:none}
.disc p{margin-top:18px;color:#c0c6cd;font-size:clamp(15px,1.15vw,17px);line-height:1.7}
.disc__go{display:inline-flex;align-items:center;gap:10px;margin-top:24px;color:var(--hueso);text-decoration:none;font-size:14.5px;border-bottom:1px solid var(--azul);padding-bottom:5px;transition:color .3s,gap .3s}
.disc__go svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.disc__go::after{content:"";position:absolute;inset:0;z-index:1}
.disc:hover .disc__go{color:var(--azul-luz);gap:14px}
.disc .disc__go:focus-visible{outline-offset:6px}
@media (max-width:900px){
  .idx-head{grid-template-columns:1fr;gap:20px}
  .disc,.disc:nth-of-type(even){grid-template-columns:1fr;gap:26px;padding:26px 0 34px}
  .disc:nth-of-type(even) .disc__fig{order:0}
}

/* ---------- 4 · SECTORES: una sola fila, fotos pequeñas ---------- */
.sec1{padding:clamp(64px,10vh,110px) 0}
.sec1__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 40px;margin-bottom:clamp(28px,4.5vh,44px)}
.sec1 .h2{font-size:clamp(28px,2.9vw,46px);max-width:none}
.sec1__all{color:var(--hueso);text-decoration:none;font-size:14.5px;border-bottom:1px solid var(--azul);padding-bottom:5px;display:inline-flex;gap:10px;align-items:center}
.sec1__all:hover{color:var(--azul-luz)}
.sec1__all svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* Slider continuo y automático: 2 juegos idénticos, desplazamiento de -50 % en bucle (CSS puro, sin JS) */
.sec1__marq{overflow:hidden;margin:0 calc(var(--pad)*-1);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.sec1__track{display:flex;width:max-content;animation:sec1m 70s linear infinite;will-change:transform}
.sec1__marq:hover .sec1__track,.sec1__marq:focus-within .sec1__track{animation-play-state:paused}
.sec1__set{display:flex;flex:none;gap:clamp(10px,1vw,16px);padding-right:clamp(10px,1vw,16px)}
.sec1__set li{flex:none}
.sec1__tile{position:relative;display:block;height:clamp(128px,12.5vw,196px);aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:var(--panel);text-decoration:none;box-shadow:0 0 0 1px rgba(255,255,255,.07)}
.sec1__tile img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}
.sec1__tile:hover img,.sec1__tile:focus-visible img{transform:scale(1.06)}
.sec1__tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,13,16,.9) 0%,rgba(11,13,16,.15) 50%,transparent 75%)}
.sec1__tile span{position:absolute;z-index:1;left:14px;right:14px;bottom:12px;font-family:var(--cond);font-weight:500;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(16px,1.4vw,21px);line-height:1.02;color:var(--hueso)}
@keyframes sec1m{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .sec1__marq{overflow-x:auto;-webkit-mask-image:none;mask-image:none;margin:0;padding:0 var(--pad)}
  .sec1__track{animation:none;width:auto}
  .sec1__set[aria-hidden]{display:none}
}

/* ---------- Proceso (hueco neutro/contain) ---------- */
.svc--idx .steps__fig .is-contain{padding:0}

/* ---------- Móvil: titular del hero que no desborda ---------- */
@media (max-width:700px){.svc--idx .vh h1{font-size:clamp(34px,min(10vw,6.4vh),52px);overflow-wrap:anywhere}}