/* --- HERO NOTICIAS (HOME) ----------------------------------------------- */
:root{
  --azul:#2D4281;            /* azul corporativo (panel y footer) */
  --dorado:#f4c034;          /* títulos */
  --text:#ffffff;
  --overlay: rgba(8,12,24,.58);        /* más oscuro + menos saturación percibida */
  --footer-h: 68px;                    /* alto aprox. del footer desktop */
}

/* sección principal */
.hero-n-container{
  position:relative;
  width:100%;
  height:865px;                               /* desktop por defecto */
  margin:0; padding:0; border:0;
  overflow:hidden;
  background:#000;
}

/* carrusel */
.hero-n-track{
  position:absolute; inset:0;
  display:flex; height:100%;
  will-change:transform;
  overscroll-behavior:contain;               /* no arrastrar el scroll de la página */
}

/* cada slide */
.hero-n-slide{
  position:relative;
  min-width:100%;
  height:100%;
  overflow:hidden;
  background:#000;
  user-select:none;
  touch-action: pan-y;                       /* en móvil: scroll vertical permitido */
}

/* fondo foto/video + filtro base */
.hero-n-bg,
.hero-n-video{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
  filter:contrast(.82) brightness(.74) saturate(.82);
  pointer-events:none;                       /* evita arrastre nativo */
}

/* overlay por encima de la imagen/video */
.hero-n-slide::before{
  content:"";
  position:absolute; inset:0;
  background:var(--overlay);
  pointer-events:none;
}

/* panel azul inferior (alto generoso y fijo) */
.hero-n-bottom{
  position:absolute; left:0; right:0; bottom:0;
  background:var(--azul); color:var(--text);
  padding:56px min(6vw,64px) 60px;
  border-top:1px solid rgba(255,255,255,.14); /* separador delgado */
}

/* layout del contenido */
.hero-n-row{
  width:100%;
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:24px; flex-wrap:wrap;
}
.hero-n-col{ max-width:1000px }

/* Título */
.hero-n-title{
  font-family:"Bebas Neue",sans-serif;
  font-size:clamp(36px,8vw,92px);
  line-height:.92; color:var(--dorado);
  margin:0 0 12px 0;
}

/* Bajada:
   - Siempre reserva espacio para que TODOS los slides midan igual,
     aunque no haya texto (espacio en blanco).
*/
.hero-n-desc{
  margin:0;
  font-size:clamp(14px,2.1vw,20px);
  line-height:1.35;
  opacity:.95;
  min-height:48px;              /* ~2 líneas aprox. en desktop */
}

/* CTA */
.hero-n-cta{
  margin-left:auto; color:#fff; text-decoration:none;
  border-bottom:2px solid #fff;
  font-weight:700; font-size:16px; white-space:nowrap;
}

/* footer aparte (mismo azul del panel) */
.hero-n-footer{
  position:relative;
  width:100%;
  background:var(--azul);
  color:#cfe0ff;
  font-family:"Bebas Neue",sans-serif;
  font-size:clamp(16px,2vw,28px);
  font-weight:800;
  letter-spacing:.5px;
  padding:14px min(6vw,64px);             /* compacto */
  border-top:1px solid rgba(255,255,255,.14);
  display:flex; justify-content:space-between; align-items:center;
  box-sizing:border-box;
}

/* utilidades */
.hidden{ display:none !important }

/* ======= Responsivo ======= */
@media (max-width: 1200px){
  .hero-n-title{ font-size:clamp(34px,7.2vw,76px) }
  .hero-n-bottom{ padding:50px min(6vw,56px) 54px }
  :root{ --footer-h: 64px; }
}

@media (max-width: 992px){
  .hero-n-container{ height: calc(100dvh - var(--footer-h)); }
  .hero-n-title{ font-size:clamp(30px,8.8vw,64px) }
  .hero-n-desc{  font-size:clamp(13px,2.4vw,18px); min-height:42px; }
  .hero-n-bottom{ padding:44px min(6vw,48px) 48px }
  :root{ --footer-h: 60px; }
}

@media (max-width: 768px){
  .hero-n-container{ height: calc(100dvh - var(--footer-h)); }
  .hero-n-row{
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
  }
  .hero-n-col{ max-width:unset }
  .hero-n-title{ font-size:clamp(28px,9.6vw,54px) }
  .hero-n-desc{  font-size:clamp(12.5px,2.8vw,17px); min-height:38px; }
  .hero-n-cta{ font-size:15px }
  .hero-n-bottom{ padding:40px 18px 44px }
  :root{ --footer-h: 58px; }
}

@media (max-width: 480px){
  .hero-n-container{ height: calc(100dvh - var(--footer-h)); }
  .hero-n-title{ font-size:clamp(26px,10.5vw,46px) }
  .hero-n-desc{  font-size:clamp(12px,3.4vw,16px); min-height:34px; }
  .hero-n-bottom{ padding:34px 16px 38px }
  .hero-n-cta{ font-size:14px; border-bottom-width:2px }
  .hero-n-footer{ padding:12px 16px }
  :root{ --footer-h: 54px; }
}

/* seguridad extra contra “rubber band” */
.hero-n-container,
.hero-n-track,
.hero-n-slide{
  overscroll-behavior:contain;
}

/* feedback durante arrastre (anti selección + cursor) */
body.ic-dragging{
  user-select:none !important;
  cursor:grabbing !important;
}

/* iOS/Safari: aseguramos scroll vertical normal dentro del hero */
.hero-n-track,
.hero-n-slide{
  touch-action: pan-y;
}