/* Noticias Hero para Elementor · todo aislado bajo .nh */
.nh{
  --nh-teal:#00b5cc;
  --nh-teal-dark:#008fa3;
  --nh-teal-soft:#e6f8fb;
  --nh-navy:#0b2a4a;
  --nh-navy-deep:#061a30;
  --nh-yellow:#f5b800;
  --nh-line:#e3eaf0;
  --nh-muted:#5d7188;
  --nh-side-width:380px;
  --nh-interval:6000ms;
  box-sizing:border-box;
  width:100%;
  font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  color:var(--nh-navy);
}
.nh *,.nh *::before,.nh *::after{box-sizing:border-box}
.nh a{text-decoration:none;box-shadow:none}
.nh ul{list-style:none;margin:0;padding:0}
.nh h2,.nh h3,.nh p{margin:0;padding:0}
.nh li{margin:0;padding:0}
.nh button{font:inherit}

.nh .nh-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) var(--nh-side-width);
  gap:24px;
  align-items:stretch;
}

/* ───────── Slider ───────── */
.nh .nh-slider{
  position:relative;
  min-height:540px;
  border-radius:28px;
  overflow:hidden;
  background:var(--nh-navy-deep);
  isolation:isolate;
}
.nh .nh-slide{
  position:absolute;inset:0;
  opacity:0;visibility:hidden;
  transition:opacity .8s ease,visibility 0s linear .8s;
}
.nh .nh-slide.is-active{opacity:1;visibility:visible;transition:opacity .8s ease}

.nh .nh-media{
  position:absolute;inset:0;
  background:linear-gradient(135deg,var(--nh-teal-dark),var(--nh-navy));
}
.nh .nh-media img{
  width:100%;height:100%;max-width:none;object-fit:cover;display:block;
  transform:scale(1.06);
  transition:transform 9s ease-out;
}
.nh .nh-slide.is-active .nh-media img{transform:scale(1)}
.nh .nh-slide::before{
  content:"";position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(to top,rgba(6,26,48,.96) 0%,rgba(6,26,48,.62) 38%,rgba(6,26,48,0) 72%),
    linear-gradient(to bottom,rgba(6,26,48,.35),rgba(6,26,48,0) 28%);
}
.nh .nh-cover{position:absolute;inset:0;z-index:2}
.nh .nh-body{
  position:absolute;left:0;right:0;bottom:0;z-index:3;
  padding:0 44px 84px;
  max-width:860px;
  pointer-events:none;
}
.nh .nh-chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 14px;border-radius:999px;
  background:var(--nh-teal);color:#fff;
  font-size:13px;font-weight:600;line-height:1;
  margin-bottom:18px;
}
.nh .nh-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--nh-yellow)}
.nh .nh-title{
  font-family:'Sora',system-ui,sans-serif;
  font-size:clamp(26px,3.3vw,42px);
  line-height:1.16;font-weight:700;letter-spacing:-.02em;
  color:#fff;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.nh .nh-title a{color:#fff;pointer-events:auto;transition:color .2s}
.nh .nh-slide:hover .nh-title a{color:var(--nh-yellow)}
.nh .nh-meta{
  margin-top:16px;display:flex;align-items:center;gap:10px;
  color:rgba(255,255,255,.82);font-size:14px;
}
.nh .nh-meta svg{width:16px;height:16px;flex:none}

/* El texto entra solo al activarse el slide */
.nh .nh-slide .nh-body>*{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.nh .nh-slide.is-active .nh-body>*{opacity:1;transform:none}
.nh .nh-slide.is-active .nh-body>*:nth-child(2){transition-delay:.12s}
.nh .nh-slide.is-active .nh-body>*:nth-child(3){transition-delay:.22s}

/* Flechas */
.nh .nh-nav{position:absolute;right:28px;bottom:28px;z-index:5;display:flex;gap:10px}
.nh .nh-btn{
  width:46px;height:46px;border-radius:50%;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.14);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  color:#fff;cursor:pointer;padding:0;
  display:grid;place-items:center;
  transition:background .2s,border-color .2s,color .2s;
}
.nh .nh-btn:hover{background:var(--nh-yellow);border-color:var(--nh-yellow);color:var(--nh-navy)}
.nh .nh-btn svg{width:20px;height:20px}
.nh .nh-btn:focus-visible,.nh .nh-seg:focus-visible,.nh .nh-item:focus-visible,.nh .nh-all:focus-visible{outline:3px solid var(--nh-yellow);outline-offset:3px}

/* Barras de progreso */
.nh .nh-progress{
  position:absolute;left:44px;bottom:38px;z-index:5;
  display:flex;gap:8px;width:calc(100% - 200px);max-width:420px;
}
.nh .nh-seg{
  flex:1;height:26px;padding:0;border:0;background:none;cursor:pointer;
  display:flex;align-items:center;
}
.nh .nh-seg span{display:block;width:100%;height:4px;border-radius:4px;background:rgba(255,255,255,.3);overflow:hidden}
.nh .nh-seg i{display:block;height:100%;width:0;background:var(--nh-yellow);border-radius:4px}
.nh .nh-seg.is-done i{width:100%}
.nh .nh-seg.is-active i{animation:nh-fill var(--nh-interval) linear forwards}
.nh.is-paused .nh-seg.is-active i{animation-play-state:paused}
.nh[data-autoplay="no"] .nh-seg.is-active i{animation:none;width:100%}
@keyframes nh-fill{from{width:0}to{width:100%}}

/* ───────── Columna derecha ───────── */
.nh .nh-side{
  display:flex;flex-direction:column;
  background:#fff;
  border:1px solid var(--nh-line);
  border-radius:28px;
  padding:22px 18px 18px;
}
.nh .nh-side-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 6px 16px}
.nh .nh-side-title{
  font-family:'Sora',system-ui,sans-serif;
  font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:1.2;
  color:var(--nh-navy);
  position:relative;padding-bottom:8px;
}
.nh .nh-side-title::after{content:"";position:absolute;left:0;bottom:0;width:38px;height:4px;border-radius:4px;background:var(--nh-yellow)}
.nh .nh-all{
  flex:none;
  font-size:14px;font-weight:600;line-height:1.2;color:var(--nh-teal-dark);
  padding:8px 14px;border-radius:999px;background:var(--nh-teal-soft);
  transition:background .2s,color .2s;
}
.nh .nh-all:hover{background:var(--nh-teal);color:#fff}

.nh .nh-list{flex:1;display:flex;flex-direction:column;gap:6px}
.nh .nh-list li{flex:1;display:flex}
.nh .nh-item{
  position:relative;flex:1;
  display:flex;align-items:center;gap:14px;
  padding:10px 12px 10px 14px;border-radius:18px;
  border:1px solid transparent;
  transition:background .25s,border-color .25s;
}
.nh .nh-item::before{
  content:"";position:absolute;left:0;top:18%;bottom:18%;width:4px;border-radius:4px;
  background:var(--nh-teal);transform:scaleY(0);transition:transform .3s ease;
}
.nh .nh-item:hover{background:#f5f9fb}
.nh .nh-item.is-active{background:var(--nh-teal-soft);border-color:#c9eef4}
.nh .nh-item.is-active::before{transform:scaleY(1)}
.nh .nh-thumb{
  flex:none;width:92px;height:76px;border-radius:14px;overflow:hidden;
  background:linear-gradient(135deg,var(--nh-teal),var(--nh-navy));
}
.nh .nh-thumb img{width:100%;height:100%;max-width:none;object-fit:cover;display:block}
.nh .nh-info{min-width:0}
.nh .nh-cat{display:block;font-size:12.5px;font-weight:600;color:var(--nh-teal-dark);margin-bottom:4px}
.nh .nh-item-title{
  font-family:'Sora',system-ui,sans-serif;
  font-size:14.5px;line-height:1.35;font-weight:600;color:var(--nh-navy);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  transition:color .2s;
}
.nh .nh-item:hover .nh-item-title{color:var(--nh-teal-dark)}
.nh .nh-date{display:block;margin-top:6px;font-size:12.5px;color:var(--nh-muted)}

/* ───────── Responsive ───────── */
@media (max-width:1024px){
  .nh .nh-grid{grid-template-columns:1fr}
  .nh .nh-list li{flex:none}
}
@media (max-width:600px){
  .nh .nh-slider{border-radius:22px}
  .nh .nh-body{padding:0 20px 76px}
  .nh .nh-progress{left:20px;width:calc(100% - 130px)}
  .nh .nh-nav{right:16px;bottom:22px}
  .nh .nh-btn{width:40px;height:40px}
  .nh .nh-side{padding:18px 12px 12px}
}
@media (prefers-reduced-motion:reduce){
  .nh .nh-media img,.nh .nh-slide .nh-body>*{transition:none;transform:none}
  .nh .nh-slide{transition:none}
}