/* Negocios TV — listado de intervenciones y ficha de cada una.
   Hoja aparte para no engordar site.css, que carga en todas las páginas.
   Usa las variables de :root definidas en site.css. */

/* Los titulares de Negocios TV son largos (son los del propio canal) y con
   el max-width de 18ch de .sub-hero se partian en cinco lineas estrechas.
   Aqui ocupan el ancho util. */
.sub-hero h1{max-width:none;}

.ntv-list{
  list-style:none;margin:0;padding:0;
  display:grid;gap:8px;
}
.ntv-item{
  display:grid;grid-template-columns:300px 1fr;gap:28px;
  padding:26px 0;border-top:1px solid var(--line-soft);
  align-items:start;
}
.ntv-item:first-child{border-top:none;}

.ntv-thumb{
  position:relative;display:block;border-radius:12px;overflow:hidden;
  background:var(--bg-raised);border:1px solid var(--line-soft);
  aspect-ratio:16/9;
}
.ntv-thumb img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .35s ease,opacity .35s ease;
}
.ntv-thumb:hover img{transform:scale(1.03);opacity:.85;}
.ntv-dur{
  position:absolute;right:8px;bottom:8px;
  background:rgba(9,12,16,.86);color:var(--ink);
  font-size:.72rem;letter-spacing:.02em;
  padding:3px 8px;border-radius:6px;
}

.ntv-fecha{
  display:block;color:var(--ink-faint);
  font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;
  margin-bottom:10px;
}
.ntv-body h2{
  font-family:var(--serif);font-weight:480;font-size:1.28rem;
  line-height:1.35;margin:0 0 12px;
}
.ntv-body h2 a{text-decoration:none;}
.ntv-body h2 a:hover{color:var(--green);}
.ntv-body p{
  margin:0;color:var(--ink-dim);font-size:.95rem;line-height:1.7;
}

/* ficha de una intervención */
.ntv-player{
  position:relative;aspect-ratio:16/9;margin:0 0 34px;
  border-radius:14px;overflow:hidden;
  border:1px solid var(--line);background:#000;
  box-shadow:0 20px 50px -24px rgba(0,0,0,.8);
}
.ntv-player iframe{
  position:absolute;inset:0;width:100%;height:100%;border:0;
}
.ntv-prose{font-size:1.05rem;max-width:none;}
.ntv-meta{
  color:var(--ink-faint);font-size:.88rem;
  padding-top:18px;border-top:1px solid var(--line-soft);
}
.ntv-meta a{color:var(--green);text-decoration:none;}
.ntv-meta a:hover{text-decoration:underline;}

.ntv-nav{
  display:flex;justify-content:space-between;gap:24px;
  margin-top:44px;padding-top:22px;border-top:1px solid var(--line-soft);
  font-size:.88rem;color:var(--ink-dim);
}
.ntv-nav a{text-decoration:none;max-width:45%;}
.ntv-nav a:hover{color:var(--green);}

@media (max-width:760px){
  .ntv-item{grid-template-columns:1fr;gap:16px;}
  .ntv-nav{flex-direction:column;gap:12px;}
  .ntv-nav a{max-width:100%;}
}