/* NDM One — hero.css: hero editorial */

.nm-hero{display:grid;grid-template-columns:1.65fr 1fr;gap:26px;margin-top:30px}
.nm-hero-main{position:relative;overflow:hidden;background:var(--nm-panel)}
.nm-hero-main img{width:100%;aspect-ratio:16/10;object-fit:cover}
.nm-hero-main .nm-hero-texto{position:absolute;left:0;right:0;bottom:0;padding:70px 26px 22px;
  background:linear-gradient(180deg,transparent,rgba(10,10,10,.94) 70%);color:#FAFAFA}
.nm-hero-main h2{margin:8px 0 6px;font-family:var(--f-display);font-weight:400;
  font-size:clamp(24px,3.4vw,40px);line-height:1.08;letter-spacing:.01em}
.nm-hero-main p{margin:0;color:#D8D8D8;font-family:var(--f-texto);font-size:16px}
.nm-hero-lista{display:flex;flex-direction:column}
.nm-hero-item{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid var(--nm-linea)}
.nm-hero-item:first-child{padding-top:0}
.nm-hero-item img{width:104px;height:74px;object-fit:cover;flex:0 0 104px}
.nm-hero-item h3{margin:2px 0 0;font-family:var(--f-ui);font-weight:700;font-size:15px;line-height:1.3}

/* Slider del hero (pista deslizante) */
.nm-hero-slider{position:relative;min-width:0}
.nm-hero-slides{position:relative;aspect-ratio:16/10;background:#1A1A1A;overflow:hidden}
.nm-hero-pista-s{display:flex;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform}
.nm-hero-slide{flex:0 0 100%;position:relative;height:100%}
.nm-hero-slide img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.nm-hero-progreso{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.18);z-index:3}
.nm-hero-progreso span{display:block;height:100%;width:0;background:var(--nm-principal)}
@media (prefers-reduced-motion: reduce){
  .nm-hero-pista-s{transition:none}
  .nm-hero-progreso{display:none}
}
.nm-hero-flecha{position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:44px;height:44px;border:0;border-radius:50%;cursor:pointer;
  background:rgba(20,20,20,.6);color:#FAFAFA;font-size:26px;line-height:1}
.nm-hero-flecha:hover{background:rgba(20,20,20,.85)}
.nm-hero-prev{left:14px}
.nm-hero-next{right:14px}
.nm-hero-puntos{position:absolute;right:18px;top:14px;z-index:3;display:flex;gap:8px}
.nm-hero-punto{width:11px;height:11px;border-radius:50%;border:0;cursor:pointer;
  background:rgba(255,255,255,.45);padding:0}
.nm-hero-punto.activa{background:var(--nm-principal)}
@media (prefers-reduced-motion: reduce){
  .nm-hero-slide{transition:none}
}