@import url('https://fonts.googleapis.com/css2?family=Poltawski+Nowy:ital,wght@0,400..700;1,400..700&display=swap');

:root{

    /* Brand */
    --brand-primary: #FF6A00;
    --brand-secondary: #6A1BFF;

    /* UI */
    --ui-bg: #FFFFFF;
    --ui-surface: #F7F7F7;
    --ui-card: #FFFFFF;

    /* Text */
    --text-primary: #202020;
    --text-secondary: #666666;
    --text-white: #FFFFFF;

    /* Actions */
    --action-primary: var(--brand-primary);
    --action-secondary: var(--brand-secondary);

    /* ==========================
       COLORES PRINCIPALES
    ========================== */

    --color-primary: #F15A24;
    --color-primary-hover: #E85E00;
    --color-primary-light: #FF8A33;

    --color-secondary: #6A1BFF;
    --color-secondary-dark: #4B0FC2;

    --color-accent: #FFD200;

    /* ==========================
       FONDOS
    ========================== */

    --bg-body: #FFFFFF;

    --bg-dark: #181818;
    --bg-card: #252525;

    --bg-purple: #4603E8;
    --bg-purple-dark: #35106F;

    --bg-ocre:#645E59;
    --bg-ocre-dark:#3f3b38;

    --bg-orange: #FF6A00;
    --bg-orange-light: #FF8D32;
    --bg-orange-menu: #ff88183d;

    --bg-gray: #F5F5F5;
    --bg-gray-light: #FAFAFA;

    --bg-gradiente-orange:linear-gradient(180deg, #E52C36 0%, #FF8818 100%);
    --bg-gradiente-reverse:linear-gradient(180deg, #6A1BFF 0%, #1c0052 100%);

    /* ==========================
       BOTONES
    ========================== */

    --btn-primary-bg: #FF6A00;
    --btn-primary-text: #FFFFFF;

    --btn-secondary-bg: #6A1BFF;
    --btn-secondary-text: #FFFFFF;

    --btn-outline-bg: transparent;
    --btn-outline-border: #FFFFFF;
    --btn-outline-text: #FFFFFF;

    --btn-dark-bg: #222222;
    --btn-dark-text: #FFFFFF;

    /* ==========================
       LINKS
    ========================== */

    --link-color: #6A1BFF;
    --link-hover: #FF6A00;

    /* ==========================
       TIPOGRAFÍA
    ========================== */

    --text-title: #202020;
    --text-body: #5F5F5F;
    --text-light: #FFFFFF;
    --text-muted: #8A8A8A;

    /* ==========================
       BORDES
    ========================== */

    --border-light: #EAEAEA;
    --border-gray: #D8D8D8;

    /* ==========================
       SOMBRAS
    ========================== */

    --shadow-card: 0 8px 20px rgba(0,0,0,.12);
    --shadow-button: 0 4px 10px rgba(0,0,0,.18);

    /* ==========================
       DEGRADADOS
    ========================== */

    --gradient-hero:
        linear-gradient(
            90deg,
            #2B0A70 0%,
            #5E1EFF 45%,
            #FF6A00 100%
        );

    --gradient-card:
        linear-gradient(
            180deg,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,.75) 100%
        );

    --gradient-orange:
        linear-gradient(
            90deg,
            #FF6A00,
            #FF9A3D
        );

    /* Type */
    --mono: 'Geist Mono', ui-monospace, 'Courier New', monospace;
    --sans: 'BwModelica-Regular', Arial, Helvetica, sans-serif;
    --sans-bold: 'BwModelica-Bold', Arial, Helvetica, sans-serif;

    /* Layout */
    --max: 1240px;
    --pad: clamp(20px, 4vw, 48px);


  }

  /* ESTULOS PRONTUS */
/* =========================================================
   HEADER NP
========================================================= */

.header-np {
    width: 100%;
    position: relative;
    z-index: 100;
}


/* =========================================================
   CONTENEDOR PRINCIPAL
========================================================= */

.header-np .main-navbar {
    width: 100%;
}

.header-np .topbar-np {

    width: 100%;

    min-height: 130px;

    display: grid;

    /*
       LOGO | NAVEGACIÓN | AUSPICIOS
    */

    grid-template-columns:
        180px
        minmax(0, 1fr)
        450px;

    align-items: center;

    gap: 20px;

    padding: 10px 30px;

    box-sizing: border-box;

    position: relative;
}


/* =========================================================
   1. LOGO DEL PROGRAMA
========================================================= */

.header-np .header-logo-np {

    width: 180px;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    z-index: 20;
}


.header-np .logo-np {

    width: 180px;

    margin: 0;

    padding: 0;
}


.header-np .logo-np a {

    display: block;

    width: 100%;
}


.header-np .logo-np img {

    display: block;

    width: 180px;

    max-width: 100%;

    height: auto;

    object-fit: contain;
}


/* =========================================================
   2. NAVEGACIÓN
========================================================= */

.header-np .mobile-menu-np {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    z-index: 10;
}


.header-np .cont-links-np {/*

    width: 100%;

    margin: 0;

    padding: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    list-style: none;*/
    width: 100%;

    margin: 0;
    padding: 0;

    display: flex;

    align-items: center;
    justify-content: flex-start;

    gap: 10px;

    list-style: none;

    flex-wrap: wrap;
}


.header-np .cont-links-np > li {

    margin: 0;

    padding: 0;

    list-style: none;

    position: relative;
}


/* =========================================================
   BOTONES DEL MENÚ
========================================================= */

.header-np .cont-links-np > li > a {

    display: block;

    padding: 8px 15px;

    color: var(--text-white);

    background: var(--action-secondary);

    font-family: var(--sans-bold);
    font-weight: bold;

    text-align: center;

    text-decoration: none;

    white-space: nowrap;

    border-radius: 30px;

    transition:
        background 0.2s ease,
        transform 0.2s ease;
}


.header-np .cont-links-np > li > a:hover {

    background: var(--brand-primary);

    transform: translateY(-2px);
}


/* =========================================================
   SUBMENÚ
========================================================= */

.header-np .sub-menu {

    display: none;

    position: absolute;

    top: calc(100% + 8px);

    left: 0;

    min-width: 180px;

    margin: 0;

    padding: 10px;

    list-style: none;

    background: var(--action-secondary);

    z-index: 200;
}


.header-np .cont-links-np > li:hover > .sub-menu {

    display: block;
}


.header-np .sub-menu li {

    margin: 0;

    padding: 0;

    list-style: none;
}


.header-np .sub-menu a {

    display: block;

    padding: 8px 12px;

    text-decoration: none;
}


/* =========================================================
   3. AUSPICIADORES
========================================================= */

.header-np .header-sponsors-np {

    width: 100%;

    display: grid;

    /*
       TEXTO | LOGO | LOGO
    */

    grid-template-columns: minmax(130px, 1fr) repeat(3, minmax(60px, 100px));

    align-items: center;

    justify-content: center;

    gap: 10px;
}


/* =========================================================
   TEXTO AUSPICIADORES
========================================================= */

.header-np .header-sponsors-text-np {

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;
}


.header-np .header-sponsors-title-np {

    margin: 0;

    padding: 0;

    max-width: 120px;

    color: var(--text-white);

    font-size: 15px;

    line-height: 1.1;
    font-family: var(--sans-bold);
    font-weight: bold;
}


/* =========================================================
   LOGOS AUSPICIADORES
========================================================= */

.header-np .header-sponsor-logo-np {

    width: 95px;

    height: 95px;

    display: flex;

    align-items: center;

    justify-content: center;
}


.header-np .header-sponsor-logo-np img {

    display: block;

    width: 95px;

    height: 95px;

    max-width: 100%;

    max-height: 100%;

    object-fit: contain;
}


/* =========================================================
   BOTÓN MOBILE
========================================================= */

.header-np .topbar-right-np {

    display: none;
}


.header-np .menu-toggle-np {

    border: 0;

    background: transparent;

    padding: 8px;

    color: var(--text-white) !important;

    font-size: 28px;

    line-height: 1;

    cursor: pointer;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .header-np .topbar-np {

        grid-template-columns:
            150px
            minmax(0, 1fr)
            260px;

        gap: 12px;

        padding: 10px 15px;
    }


    /* LOGO */

    .header-np .header-logo-np,
    .header-np .logo-np {

        width: 150px;
    }


    .header-np .logo-np img {

        width: 150px;
    }


    /* MENÚ */

    .header-np .cont-links-np {

        gap: 5px;
    }


    .header-np .cont-links-np > li > a {

        padding: 7px 9px;

        font-size: 14px;
    }


    /* AUSPICIOS */

    .header-np .header-sponsors-np {

        grid-template-columns:
            minmax(80px, 1fr)
            60px
            60px;

        gap: 6px;
    }


    .header-np .header-sponsors-title-np {

        font-size: 13px;
    }


    .header-np .header-sponsor-logo-np {

        width: 55px;

        height: 55px;
    }


    .header-np .header-sponsor-logo-np img {

        width: 55px;

        height: 55px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 993px) {


    /* HEADER */

    .header-np .topbar-np {

        width: 100%;

        min-height: 75px;

        display: grid;

        grid-template-columns: 130px minmax(0, 1fr) 60px;

        align-items: center;

        justify-content: center;

        padding: 10px 15px;

        box-sizing: border-box;
    }


    /* LOGO */

    .header-np .header-logo-np {

        width: 110px;

        margin: 0 auto;
    }


    .header-np .logo-np {

        width: 180px;
    }


    .header-np .logo-np img {

        width: 180px;
    }


    /* BOTÓN */

    .header-np .topbar-right-np {

        display: block;

        position: absolute;

        top: 50%;

        right: 15px;

        transform: translateY(-50%);

        z-index: 300;
    }


    .header-np .menu-toggle-np {

        display: flex;

        align-items: center;

        justify-content: center;

        width: 45px;

        height: 45px;

        padding: 0;
    }


    /* AUSPICIOS MOBILE */

    .header-np .header-sponsors-np {
        width: 100%;
        display: grid;

        grid-template-columns: repeat(3, 55px);
        grid-template-rows: auto auto;

        align-items: center;
        justify-content: center;
        gap: 6px;
    }

    .header-np .header-sponsors-text-np {
        grid-column: 1 / -1;
        grid-row: 2;
        text-align: center;
    }
    .header-np .header-sponsor-logo-np {

            width: 50px;
            height: 50px;
    }
      .header-np .header-sponsor-logo-np img {
        width: 50px;
        height: 50px;
    }
    .header-np .header-sponsors-title-np {

        max-width: 160px;
        font-size: 8px;
    }
/* Los logos */

.header-sponsor-logo-np {
    grid-row: 1;
}


/* Primer logo */

.header-sponsor-logo-np:nth-of-type(1) {
    grid-column: 1;
}


/* Segundo logo */

.header-sponsor-logo-np:nth-of-type(2) {
    grid-column: 2;
}



    /* MENÚ MOBILE */

    .header-np .mobile-menu-np {

        display: none;

        position: absolute;

        top: 100%;

        left: 0;

        width: 100%;

        height: auto;

        padding: 15px 20px;

        box-sizing: border-box;

        background: var(--bg-gradiente-reverse);

        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);

        z-index: 200;
    }


    /* MENÚ ABIERTO */

    .header-np .mobile-menu-np.active {

        display: block;
    }


    /* LINKS MOBILE */

    .header-np .cont-links-np {

        width: 100%;

        margin: 0;

        padding: 0;

        display: flex;

        flex-direction: column;

        align-items: stretch;

        gap: 5px;
    }


    .header-np .cont-links-np > li {

        width: 100%;
    }


    .header-np .cont-links-np > li > a {

        width: 100%;

        box-sizing: border-box;

        padding: 12px 10px;

        border-radius: 0;

        white-space: normal;

        font-size: 16px;

        background: transparent;
    }


    /* SUBMENÚ MOBILE */

    .header-np .sub-menu {

        position: static;

        display: block;

        width: 100%;

        min-width: 0;

        margin: 0;

        padding: 0 0 0 15px;

        box-sizing: border-box;

        background: transparent;

        box-shadow: none;
    }
    .header-np .cont-links-np > li > a:hover {

    background: var(--brand-secondary);

}

}
/*QUITAR CUANDO VUELVAN A PEDIR LA PUBLICIDAD!!*/
.publicidad-top{
  display: none;
}
/*QUITAR CUANDO VUELVAN A PEDIR LA PUBLICIDAD!!*/
/*
body {
  font-family: 'BwModelica', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'BwModelica', sans-serif !important;
}

p, a, li, span, button {
  font-family: 'BwModelica', sans-serif !important;
}*/
/*
header.fixed {
	position: fixed !important;
	top: 0!important;
	left: 0!important;
	width: 100%!important;
	z-index: 1000!important;
}
.header .main-navbar .nav{
  display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 0 auto;
}

.header .main-navbar .nav .cont-links > li > a{*/
      /*padding: 5px 15px;
        border-radius: 20px;
        background: #6a6a6a9e;
        color: #2b4dfb;
        font-weight: 600;
    }*/
.programas .main {
  padding-bottom: 0px;
}
  
  .link-slider,
  .breadcrumbs .breadcrumb a{
    color: var(--text-muted);
    text-decoration: none;
  }
  .cta,
  .np-quotes-link,
  .np-topic-card-title-link{
    text-decoration: none;
    font-size: 24px;
  }
  /*
  .header-exponencial {
    /*background: linear-gradient(180deg, rgba(0,240,255,0.03), transparent 60%);
    background-color: #eaeaea; 
    /*background-image: var(--grad-page);
    background-image: var(--grad-exponencial);
    border-bottom: none;
    width: 90%;
    margin: 10px auto 20px;
    border-radius: 15px;
  }
  .header-exponencial .main-navbar .logo-ppal a img{
    width: 250px;
  }
    .header.sticky,
    header.fixed {
    background-color: #eaeaea; 
    /*background-image: var(--grad-page);
    background-image: var(--grad-exponencial);
    width: 90%;
    margin: 20px auto;
    border-radius: 15px;
  }*/
  .video-bg{
    background-color:transparent;
  }
  .logos-partners{
    margin: auto !important;
    max-height: 40px;
  }
  .np-hero-main .ph img,
  .np-sponsor-row .ph img{
    height: 100%;
    object-fit: contain;
  }
  @media (max-width:800px){
    .np-sponsor-row .ph{
      height: 100%;
    }
  }
  .np-highlights-main{
    position: relative;
    z-index: 2;
}
.np-highlights-main .ph img,
.np-spotlight-grid .visual img,
.np-pillar-card .ph.thumb img,
  {
    height: 100%;
    object-fit: cover;
}
.txt-cntr{
  text-align: center;
}
.np-highlights-head .title {
  max-width: 680px;
}
.np-highlights-side.item-lead,
section.np-highlights > div.np-highlights-grid > div > a > div > p.item-lead{
  overflow: hidden;

    max-height: 105px;
}
.logo-exp-tvn{
  max-width: 80px;
}
.icon{
  max-width: 50px;
  object-fit: contain;
}



/*
.header .main-navbar .auspiciador a img{
width: 100px !important;
}

.logo-exponencial img{
  width: 250px !important;
}
#header > div > div > figure > a > img
.fondo-sofisticado {
    /* Tamaño completo para cubrir la pantalla 
    width: 100%;
    margin: 0;
    
    /* Color de fondo base (por si acaso el navegador es muy antiguo) *
    background-color: #0b022b; 
    
    /* Capas de degradados radiales para imitar las luces de la imagen *
    background-image: 
        /* Resplandor violeta brillante abajo a la izquierda *
        radial-gradient(circle at 15% 95%, #4600f2 0%, transparent 60%),
        /* Resplandor morado intermedio arriba a la derecha *
        radial-gradient(circle at 95% 30%, #3100db 0%, transparent 55%),
        /* Sombra oscura profunda arriba a la izquierda *
        radial-gradient(circle at 0% 0%, #050117 0%, transparent 50%);
        
    /* Asegura que el fondo no se repita y se mantenga fijo al hacer scroll *
    background-repeat: no-repeat;
    background-attachment: fixed;
}*/
.np-highlights .label{
  margin-bottom: 10px;
}
/* =================================================
TEXTO NOTA
================================================= */
.Masterchef .img-wrap img,
.Masterchef .articulo-masterchef iframe,
.main.Masterchef.articulo-masterchef > iframe{
  border-radius: 15px;
}
.art-principal p,
.art-principal>p>span {
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 18px;
	color: var(--text-muted);
}

.articulo-masterchef > .box-dest__relacionados .cont-txt,
.articulo-masterchef > .cont-txt, 
.box-dest__relacionados .cont-txt{
  background: var(--text-muted) !important;
}

.art-principal p strong,
.art-principal>p>span>strong {
  font-family: var(--sans-bold);
	font-weight: bold;
}

.art-principal p h1,
.art-principal h1 {
	font-size: 45px;
	color: var(--text-white)!important;
	margin: 15px 0;
  font-family: var(--sans-bold);
	font-weight: bold;
}

.art-principal p h2,
.art-principal h2,
.txt-color h2, 
.txt-color_uno h2, 
.txt-color_dos h2, 
.txt-color_tres h2, 
.txt-color_cuatro h2, 
.txt-color_cinco h2, 
.txt-color_seis h2, 
.txt-color_siete h2, 
.txt-color_ocho h2, 
.txt-color_nueve h2, 
.txt-color_diez h2, 
.txt-color_once h2 {
	font-size: 35px;
	color: var(--text-white) !important;
	margin: 15px 0;
  font-family: var(--sans-bold);
	font-weight: bold;
}

.art-principal p h3,
.art-principal h3,
.txt-color .titulos, 
.txt-color_uno .titulos, 
.txt-color_dos .titulos, 
.txt-color_tres .titulos, 
.txt-color_cuatro .titulos, 
.txt-color_cinco .titulos, 
.txt-color_seis .titulos, 
.txt-color_siete .titulos, 
.txt-color_ocho .titulos, 
.txt-color_nueve .titulos, 
.txt-color_diez .titulos {
	font-size: 25px;
	color: var(--text-white)!important;
	margin: 15px 0;
  font-family: var(--sans-bold);
	font-weight: bold;
}

.art-principal>p>a,
.art-principal>p>a>span,
.art-principal>p>a>span>a,
.art-principal a,
.art-principal>p>span>a,
.art-principal>ul>li.tit,
.art-principal>ul>li.tit>a,
.art-principal>ul>li.tit>a>strong {
	font-size: 16px;
	color: var(--text-muted)!important;
	text-decoration: underline;
  font-family: var(--sans-bold);
	font-weight: bold;
}
.txt-color ul li, 
.txt-color ol li, 
.txt-color_uno ol li, 
.txt-color_dos ul li, 
.txt-color_dos ol li, 
.txt-color_tres ul li, 
.txt-color_tres ol li, 
.txt-color_cuatro ul li, 
.txt-color_cuatro ol li, 
.txt-color_cinco ul li, 
.txt-color_cinco ol li, 
.txt-color_seis ul li, 
.txt-color_seis ol li, 
.txt-color_siete ul li, 
.txt-color_siete ol li, 
.txt-color_ocho ul li, 
.txt-color_ocho ol li, 
.txt-color_nueve ul li, 
.txt-color_nueve ol li, 
.txt-color_diez ul li, 
.txt-color_diez ol li, 
.txt-color_once ul li, 
.txt-color_once ol li{
  color: var(--text-white)!important;
}
.txt-color, 
.txt-color p, 
.txt-color_uno.txt-color, 
.txt-color_uno p, 
.txt-color_dos.txt-color, 
.txt-color_dos p, 
.txt-color_tres.txt-color, 
.txt-color_tres p, 
.txt-color_cuatro.txt-color, 
.txt-color_cuatro p, 
.txt-color_cinco.txt-color, 
.txt-color_cinco p, 
.txt-color_seis.txt-color, 
.txt-color_seis p, 
.txt-color_siete.txt-color, 
.txt-color_siete p, 
.txt-color_ocho.txt-color, 
.txt-color_ocho p, 
.txt-color_nueve.txt-color, 
.txt-color_nueve p, 
.txt-color_diez.txt-color, 
.txt-color_diez p, 
.txt-color_once.txt-color, 
.txt-color_once p,
.articulo .enc-art .titular .tit,
.articulo .enc-art .titular .baj,
.articulo .toolbar .fecha,
.articulo .enc-art .titular .cont-credits p{
  color: var(--text-white)!important;
}
/*
@media(max-width:900px){
  .header .main-navbar .cont-logo{
    margin-right: 0px ;
  }
}*/
.Masterchef .media,
.Masterchef .video_art .auxi .row article .block-full .box-dest .media{
    border-radius: 15px;
}
.Masterchef .video_art .auxi .row article .block-full .box-dest .cont-txt .box-txt{
    border-radius: 15px;
}
.articulo-masterchef{
  /*background: #f7f0e8 !important;*/
    padding: 0 20px;
}

div.main.Masterchef.articulo-masterchef {
  padding: 0 70px;
}
  /* ESTILOS PRONTUS */
  /* ESTILOS NUEVO DISEÑO*/

  /* ESTILOS NUEVO DISEÑO */

/* ESTILOS DISEÑO INICIAL*/

  * { box-sizing: border-box; }
  .masterchef,
  .MasterChef,
  .articulo{
    max-width: 100%;
    background: #171612 url(https://estaticos.tvn.cl/skins/web-assets/images/masterchef/bg-header-MC.jpeg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;

    margin: auto; padding: 0;
    
    color: var(--ink)!important;
    font-family: var(--sans);
    font-size: 16px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    /*
    background: #0a50fd url(http://www.tvn.cl/tvn/site/artic/20260613/imag/foto_0000001920260613180213/Rectangle_1.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;*/
  }
  .masterchef >.main, 
.MasterChef  >.main {
max-width:1600px;
margin:auto;
}
.articulo-masterchef .main .auxi{
    
    background: rgba(0, 0, 0, 0.4);
    padding: 20px;
    border-radius: 24px;
    color: var(--text-white);
  }
  @media(min-width:1601px){
    .masterchef,
  .Masterchef,
  .articulo{

    background-size: contain;
    }
  }
  
  img { display: block; height: 100%; object-fit: contain;}

  /* ==================== NEWSLETTER STICKY TOP ==================== */
  .nl-strip {
    background: linear-gradient(90deg, rgba(0,240,255,0.06), rgba(0,240,255,0) 80%), var(--bg-elev);
    /*border-bottom: 1px solid var(--ink-10);*/
    padding: 10px var(--pad);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    font-family: var(--mono);
    font-size: 12px;
    color: var(--ink-70);
    letter-spacing: 0.04em;
  }
  .nl-strip strong { color: var(--ink); font-weight: 700; }
  .nl-strip .form { display: flex; gap: 8px; align-items: center; }
  .nl-strip .input {
    background: rgba(255,255,255,0.05);
    color: var(--ink-50);
    border: 1px solid var(--ink-20);
    padding: 6px 12px;
    width: 240px;
    font-family: var(--mono);
    font-size: 11px;
  }
  .nl-strip .btn {
    background: var(--accent);
    color: var(--bg);
    border: 0;
    padding: 7px 14px;
    font-family: var(--mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: pointer;
  }
  .nl-strip .close { color: var(--ink-50); font-size: 16px; cursor: pointer; }

  /* ==================== TOP BAR ==================== */
  .topbar {
    padding: 15px;
    /*border-bottom: 1px solid var(--ink-10);*/
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    
  }

  /* Exponencial wordmark — protagonista */
  .brand {
    font-family: var(--mono);
    font-weight: 300;
    font-size: 28px;
    letter-spacing: -0.01em;
    color: var(--ink);
    line-height: 1;
    display: flex;
    align-items: baseline;
    gap: 14px;
  }
  .brand .e-text { display: inline-block; }
  .brand .e-text .ia {
    background: var(--accent);
    color: var(--bg);
    padding: 0 4px;
  }
  .brand .tagline {
    font-family: var(--mono);
    font-size: 10px;
    color: var(--ink-50);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    border-left: 1px solid var(--ink-20);
    padding-left: 14px;
    font-weight: 400;
  }

  .topbar-right {
    display: flex;
    align-items: center;
    gap: 18px;
  }

  /* TVN — segunda jerarquía, white wordmark */
  .tvn-mark {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    border-left: 1px solid var(--ink-10);
    padding-left: 18px;
    cursor: pointer;
  }
  .tvn-mark .label {
    font-family: var(--mono);
    font-size: 8px;
    color: var(--ink);
    text-transform: uppercase;
    letter-spacing: 0.18em;
  }
  /* Zona reservada para SVG oficial del logo TVN — placeholder dashed */
  .tvn-mark .logo {
    width: 56px;
    height: 28px;
    border: 1px dashed var(--ink-30);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--mono);
    font-size: 9px;
    color: var(--ink-50);
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }

  /* CENIA — tercera jerarquía, partner editorial */
  .partner {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    border-left: 1px solid var(--ink-10);
    padding-left: 18px;
  }
  .partner .label {
    font-family: var(--mono);
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: var(--ink);
  }
  /* Zona reservada para SVG oficial de CENIA — sin chip blanco.
     Placeholder texto con colores adaptados para fondo oscuro. */
  .cenia-chip {
    background: transparent;
    padding: 0;
    display: inline-flex;
    align-items: baseline;
    font-family: var(--sans);
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1;
    /* Borde dashed sutil para indicar zona reservada */
    outline: 1px dashed var(--ink-20);
    outline-offset: 6px;
  }
  .cenia-chip .cen { color: var(--cenia-pink); }
  /* Navy original no se ve sobre fondo oscuro — usar versión clara para placeholder */
  .cenia-chip .ia  { color: #A9B3F0; }

  .icon-btn {
    width: 32px;
    height: 32px;
    border: 1px solid var(--ink-20);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ink-50);
    font-size: 14px;
    cursor: pointer;
  }
  /* ==================== HELPERS ==================== */
  .container { max-width: var(--max); margin: 0 auto; padding: 0 var(--pad); }
  .eyebrow {
    display: none;
    font-family: var(--mono);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--ink-50);
  }
  .eyebrow .num { color: var(--ink); margin-right: 8px; }
  .eyebrow.accent { color: var(--accent); }

  .section-head {
    display: flex;
    align-items: center;
    margin-bottom: 0px; 
    padding-bottom: 0px;
    /*border-bottom: 1px solid var(--ink-10);*/
  }
  .section-head .lhs { 
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 20px;
    margin: 20px 0;
  }
  .section-head .lhs-center { 
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 20px;
  }
  .section-head .num {
    font-family: var(--mono);
    font-weight: 300;
    font-size: clamp(40px, 5vw, 64px);
    line-height: 0.9;
    color: var(--accent);
    letter-spacing: -0.02em;
  }
  .section-head .title {
    font-family: var(--sans-bold);
    font-weight: 700;
    font-size: clamp(22px, 2.4vw, 32px);
    line-height: 1.15;
    letter-spacing: -0.01em;
    max-width: 620px;
    color: var(--bg-orange);
  }
  .section-head .subtitle {
    font-family: var(--mono);
    font-size: 11px;
    color: var(--ink-50);
    text-transform: uppercase;
    letter-spacing: 0.12em;
  }
  .section-head .cta {
    font-family: var(--mono);
    font-size: 12px;
    color: var(--ink-50);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    cursor: pointer;
    white-space: nowrap;
  }
  .section-head .cta:hover { color: var(--accent); }

  .text-line {
    height: 10px;
    background: var(--ink-10);
    margin: 4px 0;
    border-radius: 0;
  }
  .text-line.short { width: 40%; }
  .text-line.med   { width: 70%; }
  .text-line.long  { width: 92%; }
  .text-line.full  { width: 100%; }
  .text-line.title { height: 14px; background: var(--ink-20); }

  .ph {
    /*background: var(--ink-05);
    border: 1px solid var(--ink-10);*/
    color: var(--ink-30);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: var(--mono);
    font-size: 11px;
    letter-spacing: 0.06em;
  }
.bg-degradado-vertical{

    background: linear-gradient(90deg, rgba(0, 0, 0, 20%) 0%, rgba(26, 12, 2, 1) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 24px;
}
  /* ==================== HERO ==================== */
  .np-hero {
    position: relative;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 32px;
    padding: 56px var(--pad);
    /*border-bottom: 1px solid var(--ink-10);*/
    /*
    background: var(--grad-hero);
    background:var(--grad-exponencial);*/
  }
  @media (max-width: 900px) { .np-hero { grid-template-columns: 1fr; } }
  .np-hero-main .ph { /*height: 420px;*/ font-size: 13px; /*background: rgba(0,0,0,0.25); */}
  .np-hero-eyebrow { margin-top: 18px; margin-bottom: 12px; }
  .np-hero-title,
  .item-title {
    font-family: var(--sans-bold);
    font-weight: 700;
    color: var(--bg-orange);
    font-size: clamp(28px, 3.4vw, 44px);
    line-height: 1.1;
    letter-spacing: -0.015em;
    margin-bottom: 14px;
  }
  .np-hero-lead, .item-lead { color: var(--text-white); font-size: 17px; max-width: 720px; }
  .np-hero-side { display: flex; flex-direction: column; }
  .np-hero-side .item { /*border-bottom: 1px solid var(--ink-10);*/ padding: 18px 0; }
  .np-hero-side .item:first-child { padding-top: 0; }
  .np-hero-side .item:last-child { /*border-bottom: none; */}
  .np-hero-side .item-title {
    font-family: var(--sans);
    color: var(--bg-orange);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
    margin-top: 8px;
  }
  .np-hero-side .item-lead { color: var(--text-white); font-size: 13px; margin-top: 6px; }

  /* ==================== PODCAST BLOCK ==================== */
  .np-logos-auspiciadores{
    position: relative;
    padding: 0px 60px 20px;
  }
  @media(max-width:900px){
    .np-logos-auspiciadores{
    
    padding: 10px;
  }
  }
  .np-highlights {
    /*background: var(--grad-podcast);
    background: var(--grad-exponencial);*/
    /*border-bottom: 1px solid var(--ink-10);*/
    padding: clamp(40px, 7vh, 80px) var(--pad);
    position: relative;
  }
  .np-highlights-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 32px;
    padding-bottom: 16px;
    /*border-bottom: 1px solid var(--ink-20);*/
  }
  .np-highlights-head .lhs { display: flex; align-items: center; gap: 18px; }
  .np-highlights-head .title {
    font-family: var(--sans-bold);
    font-weight: 700;
    font-size: clamp(24px, 2.6vw, 36px);
    color: var(--bg-orange);
  }
  .np-highlights-head .title .accent { color: var(--accent); }
  .np-highlights-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    background-size: cover;
    background-position: center;
    border-radius: 24px;
    align-items: self-end;
    padding: 20px;
    position: relative;
    border: 2px solid var(--bg-orange);
  }
  @media (max-width: 900px) { .np-highlights-grid { grid-template-columns: 1fr; } }
  .np-highlights-main .ph {
    aspect-ratio: 16 / 9;
    height: 100%;
    max-height: 550px;
    background: rgba(0,0,0,0.35);
    font-size: 13px;
  }
  .just-mobile{
    display: none;
  }
  @media (max-width:900px){
    .just-mobile{
    display: block;
  }
  .just-mobile img{
    border: 2px solid var(--bg-orange);
        border-radius: 24px;
        object-fit: cover;
      }
  }
  .np-highlights-main .play-overlay { position: relative; }
  .np-highlights-main .play-overlay::after {
    content: "▶";
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 64px; height: 64px;
    background: var(--accent);
    color: var(--bg);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    padding-left: 4px;
    box-shadow: 0 0 40px rgba(0,240,255,0.45);
  }
  .np-highlights-main .meta { margin-top: 18px; }
  .np-highlights-side { display: flex; flex-direction: column; position: relative; z-index: 2;}
  .ep {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 14px;
    align-items: center;
    padding: 12px 0;
    /*border-bottom: 1px solid var(--ink-10);*/
  }
  .ep:first-child { padding-top: 0; }
  .ep:last-child { /*border-bottom: none;*/ padding-bottom: 0; }
  .ep .ph { height: 180px; background: rgba(0,0,0,0.3); font-size: 9px; }
  .ep .ph img{object-fit: cover;border: 2px solid var(--bg-orange);border-radius: 24px;}
  .ep .num-ep {
    font-family: var(--mono);
    color: var(--ink-50);
    font-size: 11px;
    letter-spacing: 0.1em;
  }
  .ep .ep-title {
    font-family: var(--sans-bold);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3;
    margin-top: 4px;
    color: var(--bg-orange);
  }
  @media(max-width:800px){
    .ep{
      grid-template-columns: 1fr;
    }
  }
  .np-sponsor-strip {
    margin-top: 36px;
    padding-top: 24px;
    border-top: 1px solid var(--ink-10);
  }
  .np-sponsor-strip .label {
    font-family: var(--mono);
    font-size: 10px;
    color: var(--ink-50);
    text-transform: uppercase;
    letter-spacing: 0.18em;
    margin-bottom: 16px;
  }
  .exp-label-logos{
    font-family: var(--sans-bold);
    font-weight: 800;
  }
  /* agregar si es que se necesitan mas logos!*/
  .np-sponsor-row {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 180px));
      justify-content: center;
      gap: 25px;
  }
  /*BORRAR SI ES QUE HAY MAS LOGOS
  .np-sponsor-row {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-content: space-around;
    align-items: center;
    justify-content: center;
}

.np-sponsor-row a {
    flex: 1 1 180px;
    max-width: calc((100% - 64px) / 5); /* 5 logos máximo 
}*/
@media (max-width: 600px) {
    .np-sponsor-row a{
        grid-template-columns: repeat(3, 180px);
        justify-content: center;
        gap: 20px;
    }
}
/*BORRAR SI ES QUE HAY MAS LOGOS*/
  @media (max-width: 700px) { .np-sponsor-row { grid-template-columns: repeat(3, 1fr); } }
  .np-sponsor-row .ph {
    height: 200px;
    border-radius: 50%;
  }

  /* BLOQUE INFO 
  .np-info{
    max-width: 80%;
    margin: 40px auto;
    background: var(--bg-gradiente-orange);
    padding: 20px;
    border: 2px solid var(--bg-orange);
    border-radius: 24px;
  }
  .np-info-grid{
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 48px;
    align-items: self-start;
    height: 200px;
    }
    .np-info-visual{
      position: relative;
      top: -70px;
    }
    .np-info-txt-title{
      font-size: 28px;
      font-weight: bold;
      color: var(--text-white);
    }
    .np-info-txt-lead{
      font-size: 20px;
      color: var(--text-white);
    }*/
    /* =========================================================
   MINI INFO
========================================================= */

.np-info {
  padding: clamp(40px, 7vh, 80px) var(--pad);
  position: relative;

  }


/* =========================================================
   CONTENEDOR PRINCIPAL
========================================================= */

.np-info-grid {
  position: relative;

  display: grid;
  grid-template-columns: 34% 66%;

  /*
   * No ponemos height fija.
   * La altura se adapta al contenido del texto.
   */
  min-height: 285px;

  align-items: stretch;

  border-radius: 24px;

  background: var(--bg-gradiente-orange);

  /*
   * Importante:
   * permitimos que la imagen sobresalga del bloque.
   */
  overflow: visible;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}


/* =========================================================
   IMAGEN
========================================================= */

.np-info-visual {
  position: relative;

  display: flex;
  align-items: flex-end;
  justify-content: center;

  min-width: 0;

  /*
   * Permitimos que la imagen salga del contenedor.
   */
  overflow: visible;

  text-decoration: none;
}


.np-info-visual img {
  position: absolute;

  left: 50%;
  bottom: 0;

  transform: translateX(-50%);

  /*
   * La imagen crece junto con la altura del bloque.
   * El 105% hace que sobresalga ligeramente.
   */
  height: 105%;
  width: auto;

  max-width: none;

  object-fit: contain;

  display: block;

  z-index: 2;
}


/* =========================================================
   TEXTO
========================================================= */

.np-info-txt {
  position: relative;
  z-index: 3;

  min-width: 0;

  /*
   * Arriba / derecha / abajo / izquierda
   */
  padding: 28px 40px 28px 0;

  align-self: center;
}


.np-info-txt-title {
  margin: 0 0 8px;

  color: #fff;
  
  font-size: clamp(28px, 3vw, 36px);
  line-height: 1.1;
  font-family: var(--sans-bold);
  font-weight: 700;
}


.np-info-txt-lead {
  margin: 0;

  color: #fff;

  font-size: clamp(17px, 1.8vw, 24px);
  line-height: 1.35;
  font-weight: 400;

  /*
   * Evita que palabras extremadamente largas
   * rompan el layout.
   */
  overflow-wrap: break-word;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

  .np-info-grid {
    grid-template-columns: 32% 68%;

    min-height: 270px;
  }


  .np-info-txt {
    padding: 24px 28px 24px 0;
  }


  .np-info-txt-title {
    font-size: clamp(26px, 4vw, 32px);
  }


  .np-info-txt-lead {
    font-size: clamp(16px, 2.2vw, 20px);
  }


  .np-info-visual img {
    height: 103%;
  }

}
/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {


  /* -------------------------------------------------------
     CONTENEDOR
  ------------------------------------------------------- */

  .np-info-grid {
    display: flex;
    flex-direction: column;

    min-height: 0;

    border-radius: 20px;
  }


  /* -------------------------------------------------------
     IMAGEN MOBILE
  ------------------------------------------------------- */

  .np-info-visual {
    position: relative;

    width: 100%;
    height: auto;
    min-height: 0;

    /*
     * La proporción de tu imagen es 600x338.
     * Esto hace que el espacio se adapte al ancho
     * disponible sin cortar la imagen.
     */
    aspect-ratio: 600 / 338;

    display: flex;
    align-items: flex-end;
    justify-content: center;

    overflow: visible;

    flex: none;
  }


  .np-info-visual img {
    position: absolute;

    left: 50%;
    bottom: 0;

    transform: translateX(-50%);

    /*
     * Ahora la imagen se adapta al ancho
     * y mantiene TODA su proporción.
     */
    width: auto;
    height: 105%;

    max-width: 600px;
    max-height: none;

    object-fit: contain;

    display: block;

    z-index: 2;
  }


  /* -------------------------------------------------------
     TEXTO MOBILE
  ------------------------------------------------------- */

  .np-info-txt {
    position: relative;
    z-index: 3;

    width: 100%;

    padding: 20px 22px 25px;

    align-self: auto;
  }


  .np-info-txt-title {
    margin: 0 0 8px;

    font-size: 28px;
    line-height: 1.1;
  }


  .np-info-txt-lead {
    margin: 0;

    font-size: 17px;
    line-height: 1.4;
  }

}
/* =========================================================
   MOBILE PEQUEÑO
========================================================= */

@media (max-width: 380px) {



  .np-info-visual {
    /*
     * Mantiene siempre la proporción de la imagen.
     */
    aspect-ratio: 600 / 338;
  }


  .np-info-txt {
    padding: 18px 18px 22px;
  }


  .np-info-txt-title {
    font-size: 25px;
  }


  .np-info-txt-lead {
    font-size: 16px;
    line-height: 1.4;
  }

}
  /* ==================== NEWSLETTER BANNER — VISIBLE CARD ==================== */
  .nl-banner {
    padding: clamp(56px, 10vh, 96px) var(--pad);
    /*background: var(--grad-nl);
    background: var(--grad-exponencial);*/
    /*border-top: 1px solid var(--accent-b);
    border-bottom: 1px solid var(--accent-b);*/
    text-align: center;
    position: relative;
  }
  .nl-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(circle 200px at 10% 50%, rgba(110,60,255,0.18), transparent 70%),
      radial-gradient(circle 250px at 90% 50%, rgba(0,240,255,0.20), transparent 70%);
    pointer-events: none;
  }
  .nl-banner > * { position: relative; z-index: 1; }
  .nl-banner .eyebrow { color: var(--accent); margin-bottom: 18px; }
  .nl-banner h2 {
    font-family: var(--sans-bold);
    font-weight: 700;
    font-size: clamp(28px, 3.6vw, 48px);
    line-height: 1.1;
    margin: 0 0 14px;
    letter-spacing: -0.015em;
  }
  .nl-banner .lead {
    color: var(--ink-70);
    max-width: 640px;
    margin: 0 auto 32px;
    font-size: 17px;
  }
  /* Form ahora vive en una caja visible con borde claro */
  .nl-banner .form-card {
    background: rgba(255,255,255,0.06);
    border: 1px solid var(--accent-b);
    backdrop-filter: blur(8px);
    padding: 24px;
    max-width: 560px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .nl-banner .form-card .small {
    font-family: var(--mono);
    font-size: 10px;
    color: var(--ink-50);
    text-transform: uppercase;
    letter-spacing: 0.14em;
  }
  .nl-banner .form {
    display: flex;
    gap: 0;
  }
  .nl-banner .input {
    flex: 1;
    background: rgba(255,255,255,0.08);
    color: var(--ink);
    border: 1px solid var(--ink-30);
    padding: 14px 18px;
    font-family: var(--mono);
    font-size: 13px;
  }
  .nl-banner .input::placeholder { color: var(--ink-50); }
  .nl-banner .btn {
    background: var(--accent);
    color: var(--bg);
    border: 1px solid var(--accent);
    padding: 14px 26px;
    font-family: var(--mono);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    cursor: pointer;
  }
  .nl-banner .btn:hover {
    background: transparent;
    color: var(--accent);
  }
.icon-title{
    width: 35px;
    display: inline-block;
    margin-right: 5px;
}
 .title{
    display: flex;
  }
  /* ==================== EPISODE SPOTLIGHT ==================== */
  .np-spotlight {
    padding: clamp(10px, 8vh, 96px) var(--pad);
    border-bottom: 1px solid var(--ink-10);
    
      background-repeat: no-repeat;
      background-size: cover;
  }
  .np-spotlight-eyebrow {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .np-spotlight-eyebrow .badge {
    background: var(--accent);
    color: var(--bg);
    padding: 5px 12px;
    font-family: var(--mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    box-shadow: 0 0 20px rgba(0,240,255,0.4);
  }
  .np-spotlight-grid {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 48px;
    align-items: self-start;
    /*
    align-items: center;*/
  }
  @media (max-width: 900px) { .np-spotlight-grid { grid-template-columns: 1fr; } }
  .np-spotlight-grid .visual {
    background: rgba(0,0,0,0.3);
    /*
    border: 1px solid var(--ink-10);*/
    border:2px solid  var(--color-primary);
    position: relative;
    color: var(--ink-30);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--mono);
    font-size: 12px;
    border-radius: 15px;
  }

  .np-spotlight-grid .visual img{border-radius: 15px;}

  .np-spotlight-grid .visual::after {
    content: "▶";
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 70px; height: 70px;
    background: var(--btn-primary-bg);
    color: var(--text-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    padding-left: 6px;
    box-shadow: 0 0 60px rgba(246, 158, 16, 0.5);
  }
  .np-spotlight h3 {
    font-family: var(--sans-bold);
    font-weight: 700;
    font-size: clamp(28px, 3.4vw, 44px);
    line-height: 1.1;
    letter-spacing: -0.015em;
    margin: 12px 0 18px;
    color: var(--text-white);
  }
  .np-spotlight .lead { color: var(--text-white); margin-bottom: 28px; }
  .play-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--bg-purple);
    color: var(--text-white);
    padding: 8px 16px;
    font-family: var(--sans-bold);
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    border-radius: 35px;
  }
  .play-cta:hover { background: var(--bg-purple-dark); }
.go-list{
    display: inline-flex;
      align-items: center;
      gap: 10px;
      background: var(--bg-ocre);
      color: var(--text-white);
      padding: 8px 16px;
      font-family: var(--sans-bold);
      font-size: 16px;
      font-weight: 700;
      cursor: pointer;
      border-radius: 35px;
  }
  .go-list:hover { background: var(--bg-ocre-dark); }

  .np-capitulos-podcast{
    padding: 0px 48px;
    position: relative;
  }
 .np-capitulos-podcast-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    /*margin-bottom: 32px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--ink-10);*/
  }
  .np-capitulos-podcast-head .lhs {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
  }
  .np-capitulos-podcast-head .title {
    font-family: var(--sans-bold);
    font-weight: 800;
    font-size: 28px;
    color: var(--text-white);
    margin-bottom: 20px;    
  }

  .np-capitulos-podcast-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
  }
  @media (max-width: 1000px) { .np-capitulos-podcast-grid { grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 600px) { .np-capitulos-podcast-grid { grid-template-columns: 1fr; } }
  
   .np-destacados {
    padding: 48px 48px 0;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .np-destacados-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    /*margin-bottom: 32px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--ink-10);*/
  }
  
  .np-destacados-head .lhs {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
  }
  .np-destacados-head .title {
    font-family: var(--sans-bold);
    font-weight: 800;
    font-size: clamp(24px, 2.6vw, 36px);    
  }
  @media(max-width:900px){

    .np-destacados {
      padding: 40px 20px;
    }
    .np-capitulos-podcast-head{
      padding: 0 20px;
    }
  }
  /* ==================== ACADEMIA ==================== */
  .np-4destacados {
    padding: clamp(48px, 8vh, 96px) var(--pad);
    /*border-bottom: 1px solid var(--ink-10);*/
    background:
      radial-gradient(900px 400px at 80% 0%, rgba(110,60,255,0.08), transparent 60%);
      background-size: cover;
  }
  .np-4destacados-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    /*margin-bottom: 32px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--ink-10);*/
  }
  .np-4destacados-head .lhs {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
  }
  .np-4destacados-head .title {
    font-family: var(--sans-bold);
    font-weight: 800;
    font-size: clamp(24px, 2.6vw, 36px);    
  }
  .partner-tag {
    border: 1px solid var(--accent);
    color: var(--accent);
    padding: 6px 12px;
    font-family: var(--mono);
    font-size: 10px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }
  .np-4destacados-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
  }
  @media (max-width: 1000px) { .np-4destacados-grid { grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 600px) { .np-4destacados-grid { grid-template-columns: 1fr; } }
  
  .workshop {
    padding: 0px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 380px;
  }
  .workshop:nth-child(4n) { border-right: none; }
  
  .bg-card{
    background: linear-gradient(180deg,rgba(254, 24, 89, 1) 70%, rgba(254, 52, 54, 1) 100%);
    border-radius: 15px;
    padding: 0;
    margin: 10px;
  }
  .workshop .ph.thumb { 
    height: 230px;
    border-radius: 15px 15px 0 0;
    }
    .workshop .ph.thumb img {
    height: 100%;
    object-fit: cover;
    border-radius: 15px 15px 0 0;
}

.brdr-15 {
    border-radius: 15px !important;
    border: 1px solid #FC5454;
}
.content-info-card {
    padding: 10px;
    color: #fff;
}
.w-title{
  font-family: var(--sans-bold);
    font-weight: bold;
    font-size: 18px;
    line-height: 1.3;
}
.w-lead{
font-size: 13px; 
line-height: 1.5;
height: 60px;
overflow: hidden;
text-overflow: ellipsis;
}
.w-date{
  font-size: 12px; 
    margin: 10px 0;
}
  /*
  @media (max-width: 1000px) {
    .workshop:nth-child(4n) { border-right: 1px solid var(--ink-10); }
    .workshop:nth-child(2n) { border-right: none; }
  }
  @media (max-width: 600px) { .workshop { border-right: none !important; } }
  .workshop .ph.thumb { height: 130px; background: rgba(0,0,0,0.2); }
  .workshop .tags { display: flex; gap: 6px; flex-wrap: wrap; }
  .workshop .tag {
    font-family: var(--mono);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border: 1px solid var(--ink-20);
    color: var(--ink-70);
    padding: 3px 8px;
  }
  .workshop .tag.cenia {
    border-color: var(--accent);
    color: var(--accent);
  }
  .workshop .w-title {
    font-family: var(--sans);
    font-weight: 700;
    font-size: 16px;
    line-height: 1.3;
    color: var(--ink);
  }
  .workshop .w-lead { color: var(--ink-50); font-size: 13px; line-height: 1.5; }
  .workshop .cta {
    margin-top: auto;
    border: 1px solid var(--ink-30);
    color: var(--ink);
    padding: 8px 14px;
    text-align: center;
    font-family: var(--mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    cursor: pointer;
  }
  .workshop .cta:hover { border-color: var(--accent); color: var(--accent); }
*/
  /* ==================== PILAR SECTIONS ==================== */
  .np-pillar {
    padding: clamp(48px, 8vh, 96px) var(--pad);
    /*border-bottom: 1px solid var(--ink-10);*/
  }/*
  .np-pillar.tinted {
    background: var(--grad-pillar), var(--bg-elev);
    background:var(--grad-exponencial);
  }*/
  .np-pillar-body {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 40px;
  }
  @media (max-width: 1000px) { .np-pillar-body { grid-template-columns: 1fr; } }
  .np-pillar-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; }
  .np-pillar-card { display: flex; flex-direction: column; gap: 10px; }
  .np-pillar-card .ph.thumb { height: 180px; background: rgba(0,0,0,0.2); }
  .np-pillar-card .eyebrow { margin-top: 6px; }
  .np-pillar-card .title {
    font-family: var(--sans-bold);
    font-weight: 700;
    font-size: 17px;
    line-height: 1.3;
    margin-top: 4px;
    color: var(--ink);
  }
  .np-pillar-card .lead { color: var(--ink-50); font-size: 13px; margin-top: 4px; }
  .np-pillar-list { display: flex; flex-direction: column; }
  .np-pillar-list .item { padding: 16px 0; /*border-bottom: 1px solid var(--ink-10); */}
  .np-pillar-list .item:first-child { padding-top: 0; }
  .np-pillar-list .item:last-child { /*border-bottom: none; */}
  .np-pillar-list .item-title {
    font-family: var(--sans);
    color: var(--bg-orange);
    font-weight: 400;
    font-size: 15px;
    line-height: 1.35;
    margin-top: 6px;
  }

  /* ==================== Info Caps SECTIONS ==================== */
  .np-info-caps {
    padding: clamp(48px, 8vh, 96px) var(--pad);
    /*border-bottom: 1px solid var(--ink-10);*/
  }/*
  .np-info-caps.tinted {
    background: var(--grad-pillar), var(--bg-elev);
    background:var(--grad-exponencial);
  }*/
  .np-info-caps-body {
    display: grid;
    grid-template-columns: 1fr 5fr;
    gap: 5px;
    background: var(--bg-dark);
    padding: 10px;
    border-radius: 24px;
  }
  .np-info-caps-card-logo{
    background: url(../../imag/v1/ntv/h25/assets/icons/bg-caps.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 24px;
  }
  .np-info-caps-card-logo img{
    width: 100%;
    margin: auto;
    padding: 10px 40px;
  }
  .np-info-caps-card:first-child{
    background: var(--bg-gradiente-orange);
  }
  @media (max-width:700px){

    .masterchef, .MasterChef {
    background-size: cover;
    }
    .np-info-caps-card-logo{
    max-height: 100px;
    }
}
@media (min-width:1600px){

.masterchef, .MasterChef {
    background-size: 100% 15%;
}
}

@media (min-width:2000px){

.masterchef, .MasterChef {
    background-size: contain;
}
}

@media (max-width:1000px){

.masterchef, .MasterChef {
    background-size: 330%;
}
}
  @media (max-width: 1000px) { .np-info-caps-body, .np-info-caps-grid { grid-template-columns: 1fr !important;} }
  .np-info-caps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
  .np-info-caps-card { 
    padding: 10px 20px; display: flex; flex-direction: column; gap: 10px; background: var(--bg-ocre);color: var(--text-white); border-radius: 24px;}
  .np-info-caps-card .ph.thumb { height: 180px; background: rgba(0,0,0,0.2); }
  .np-info-caps-card .eyebrow { margin-top: 6px; }
  .np-info-caps-card .title {
    font-family: var(--sans-bold);
    font-weight: 700;
    font-size: 17px;
    line-height: 1.3;
    margin-top: 4px;
    color: var(--ink);
  }
  .np-info-caps-card .lead { 
    color: var(--text-white); 
    font-size: 13px; 
    margin-top: 4px;
    max-height: 80px;
    overflow: hidden;
  }
  .np-info-caps-list { display: flex; flex-direction: column; }
  .np-info-caps-list .item { padding: 16px 0; /*border-bottom: 1px solid var(--ink-10); */}
  .np-info-caps-list .item:first-child { padding-top: 0; }
  .np-info-caps-list .item:last-child { /*border-bottom: none; */}
  .np-info-caps-list .item-title {
    font-family: var(--sans);
    color: var(--bg-orange);
    font-weight: 400;
    font-size: 15px;
    line-height: 1.35;
    margin-top: 6px;
  }

  /* ==================== CLIPS ==================== */
  .np-clips{
    padding: clamp(48px, 8vh, 96px) var(--pad);
    /*border-bottom: 1px solid var(--ink-10);*/
    background: radial-grandient(900px 400px at 50% 100%, rgba(0,240,255,0.06), transparent 60%);
    position: relative;
  }
  .np-clips-rail {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
  @media (max-width: 900px) { .np-clips-rail { grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 500px) { .np-clips-rail { grid-template-columns: repeat(2, 1fr); } }
  .np-clip {  
    position: relative;
    background: url('https://estaticos.tvn.cl/skins/web-assets/images/masterchef/FONDO-MC-SITIO-participantes.png');
    border-radius: 25px;
    height: 450px !important;
  }
  .np-clip-content-ph{
      position: absolute;
  }
  .np-clip .ph {
    font-size: 10px;
  }
  .np-clip-title{
    font-size: 36px;
    color: var(--text-white);
    font-family: var(--sans-bold);
    font-weight: bold;
  }

  .np-clip .ph::after {
    content: "▶";
    position: absolute;
    bottom: 12px; left: 12px;
    width: 28px; height: 28px;
    background: var(--accent);
    color: var(--bg);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    padding-left: 2px;
  }
  .np-clip .duration {
    font-family: var(--mono);
    font-size: 10px;
    color: var(--ink-50);
    letter-spacing: 0.08em;
  }
  .np-clip .ctitle {
    font-family: var(--sans);
    font-size: 13px;
    line-height: 1.3;
    color: var(--ink-70);
  }
@media(max-width:900px){
.np-clip{
height: 250px !important;
}
    
}
  /* -------------------------------------------------------
     HEADER
  ------------------------------------------------------- */

  .np-clips .section-head {
    align-items: flex-start;
    flex-direction: column;

    gap: 15px;

    margin-bottom: 20px;
    padding-top: 20px;
  }


  /* -------------------------------------------------------
     SWIPER
  ------------------------------------------------------- */

  .np-clips .contentslider {
    width: 100%;

    /*
     * Importante para que no aparezca
     * un pedazo extraño del siguiente card.
     */
    overflow: hidden;
  }


  .np-clips .swiper {
    width: 100%;

    overflow: visible;
  }


  .np-clips .swiper-wrapper {
    align-items: stretch;
  }


  .np-clips .swiper-slide {
    height: auto;
  }


  /* -------------------------------------------------------
     CARD MOBILE
  ------------------------------------------------------- */

  .np-clip-card {
    width: 100%;
    height: 440px;

    border-radius: 20px;
  }


  /* -------------------------------------------------------
     IMAGEN
  ------------------------------------------------------- */

  .np-clip-content-ph {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    overflow: hidden;
  }


  .np-clip-content-ph img {
    width: 100%;
    height: 100%;

    object-position: center bottom;
  }


  /* -------------------------------------------------------
     GRADIENTE
  ------------------------------------------------------- */

  .np-clip-overlay {
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 30%,
      rgba(0, 0, 0, 0.15) 50%,
      rgba(0, 0, 0, 0.75) 78%,
      rgba(0, 0, 0, 0.98) 100%
    );
  }


  /* -------------------------------------------------------
     INFO
  ------------------------------------------------------- */

  .np-topic-card-info {
    padding: 18px 20px;
  }

  @media(max-width:900px){
    .np-topic-card-info{
      padding: 8px !important;
      gap: 2px!important;
    }
    .np-topic-card-link{
      padding: 5px 10px!important;
      font-size: 10px !important;
    }
    .np-clip-title{
        font-size: 15px !important;
    }
  }


  .np-topic-card-link-box {
    margin-bottom: 8px;
  }


  .np-topic-card-link {
    padding: 7px 14px;

    font-size: 15px;
  }


  .np-clip-title {
    font-size: clamp(26px, 8vw, 34px);

    line-height: 1.05;
  }


  /* -------------------------------------------------------
     FLECHAS
  ------------------------------------------------------- */

  .np-clips .swiper-buttons {
    justify-content: center;

    margin-top: 16px;
  }


  .np-clips .swiper-button-prev,
  .np-clips .swiper-button-next {
    width: 40px;
    height: 40px;
    top: 65% !important;
  }




/* =========================================================
   MOBILE PEQUEÑO
========================================================= */

@media (max-width: 380px) {

  .np-clips {
    padding: 0 12px;
  }


  .np-clip-card {
    height: 400px;

    border-radius: 18px;
  }


  .np-topic-card-info {
    padding: 8px;
  }


  .np-topic-card-link {
    font-size: 14px;

    padding: 6px 13px;
  }


  .np-clip-title {
    font-size: 25px;
  }

}
  /* ==================== FOOTER ==================== */
  .exp-footer {
    /*background: var(--grad-footer);
    background: var(--grad-exponencial);*/    
    background: #e52c36 url(https://estaticos.tvn.cl/skins/web-assets/images/masterchef/footer-MC.png);
    background-repeat: no-repeat;
    padding: 64px var(--pad) 32px;
    color: var(--text-white);
  }
  .exp-footer-content{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap: 24px;
    max-width: 1000px;
    margin: auto;
  }
  .exp-footer-title{
    color: var(--ink);
    font-size: 18px;
    font-family: var(--sans-bold);
    font-weight: bold;
    margin-bottom: 10px;
  }
  @media (max-width: 400px) {
    .exp-footer-content {
        grid-template-columns: repeat(1, 1fr)!important;
    }
}

    /*RR SS lINKS */
  .exp-footer .exp-footer-links { display: flex; flex-direction: column; gap: 12px; }
  .exp-footer .exp-footer-links a,
  .exp-footer .exp-footer-label a,
  .exp-footer-label {
    color: var(--ink-70);
    font-size: 13px;
    text-decoration: none;
    text-transform: capitalize;
    list-style: none;
  }
  .exp-footer .exp-footer-links a:hover,
  .exp-footer .exp-footer-label a:hover { color: var(--accent); }
  .exp-footer .exp-footer-label {
    list-style:none;
    font-size: 13px;
    color: var(--ink-30);
    text-transform: capitalize;
    letter-spacing: 0.14em;
    margin-bottom: 12px;
  }
  /*RR SS FOOTER*/
  .exp-footer .exp-footer-socials { display: flex; gap: 8px; }
  .exp-footer .exp-footer-socials .ph {
    width: 32px; height: 32px;
    background: transparent;
    border-color: var(--ink-20);
    color: var(--ink-50);
    font-size: 10px;
  }

  .exp-footer .exp-footer-meta {
    padding-top: 28px;
    display: flex;
    justify-content: space-between;
    font-family: var(--mono);
    font-size: 10px;
    color: var(--ink-30);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    flex-wrap: wrap;
    gap: 12px;
  }
@media(max-width:768px){
    .exp-footer-content{
        grid-template-columns:repeat(2,1fr);
    }
}

  /* ==================== MENÚ ==================== */
  /* Desktop */
.menu-toggle-exponencial,
.mobile-menu-exponencial{
    display:none;
}

@media (max-width: 900px) {
    .mobile-menu-exponencial .cont-links{
        display: block !important;
    }

    .mobile-menu-exponencial li{
        display: block !important;
        width: 100%;
        flex: none !important;
    }

    .mobile-menu-exponencial a{
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    /* MOBILE */
    .menu-toggle-exponencial,
    .mobile-menu-exponencial{
        display:block;
    }
    .menu-toggle-exponencial{
        background:none;
        border:none;
        font-size:32px;
        cursor:pointer;
        color:#db0b6a;
    }

    .mobile-menu-exponencial{
        display:none!important;
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background:#fff;
        box-shadow:0 4px 10px rgba(0,0,0,.1);
    }

    .mobile-menu-exponencial.active{
        display:block!important;
    }

    .mobile-menu-exponencial ul{
        margin:0;
        padding:0;
        list-style:none;
    }

    .mobile-menu-exponencial a{
        display:block;
        padding:16px 20px;
        text-decoration:none;
        color:#000;
        border-bottom:1px solid #eee;
    }

    .mobile-menu-exponencial{
        position:fixed;
        top: 70px;
        right:-100%;
            width: 90%;
            height: 100vh;
            background: #eaeaea;
            transition: .3s;
            z-index: 999;
            margin: auto;
    }

    .mobile-menu-exponencial.active{
        right:0;
    }
}

  /* ==================== BLOQUE QUOTES ==================== */
/*BLOQUE QUOTES*/
.np-quotes{
  background-size: cover;
  padding: clamp(48px, 8vh, 96px) var(--pad);
}
.np-quotes-right-box{
   display:flex;
    flex-direction:row-reverse;
    margin: 20px 0px;
    text-align: right;
}
.np-quotes-left-box{
  display:flex;
    margin: 20px 0px;
}
.np-quotes-head,
.np-topic-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    color: var(--cenia-pink);
}
.np-quotes-title,
.np-topic-card-title,
.np-clip-title {
    font-family: var(--sans-bold);
    font-weight: 700;
    font-size: 30px;
    max-width: 700px;
}
.np-quotes-box{
    display:flex;
    gap:40px;
    align-items: center;
}
.bg-grad-quotes{
  background: linear-gradient(130deg,rgba(137, 137, 137, 0.52) 85%, rgba(44, 77, 251, 1) 100%);
}
.np-quotes-photo{
    width: 300px;
    filter: grayscale(100%); 
}
.np-quotes-photo img{
    border-radius: 15px;
    height: 300px;
    object-fit: cover;
}
.np-quotes-txt{
    flex:60%;
    max-width: 700px;
    vertical-align: top;
}
.np-quotes-ppal{
    font-family: "Poltawski Nowy", serif;
    font-weight: 700;
    font-size: clamp(24px, 2.6vw, 36px);
    font-style: italic;
    color: var(--cenia-pink);
}
.np-quotes-autor{
  font-family: var(--sans-bold);
    font-weight: 700;
    font-size: 16px;
    color: var(--cenia-navy);
    margin-top: 15px;
}
.np-quotes-info{
  font-family: var(--sans);
    font-size: 13px;
    color: var(--cenia-navy);
    text-transform: uppercase;
    
}
@media(max-width:900px){
  .np-quotes-right-box,
  .np-quotes-left-box{
    text-align: left;
      margin: 20px 0px;
  }
  .np-quotes-photo,
  .np-quotes-txt{
    width: 100%;
    display: block;
  }
  .np-quote-box{
    align-items: normal;

    flex-direction: column;
  }
  .cta, .np-quotes-link, .np-topic-card-title-link{
    font-size: 15px;
  }

  .np-capitulos-podcast {
    padding: 10px;
  }
}
/* ==========================================
   PILARES DE DISCUSIÓN
========================================== */

.np-topic-card{
    padding: 80px 0;

    background-size: cover;
    padding: clamp(48px, 8vh, 96px) var(--pad);

}

.np-topic-card-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom:50px;
}

.np-topic-card-head h2{
    font-family: var(--sans-bold);
    font-weight: 700;
    font-size: 30px;
    max-width: 700px;
}

.np-topic-card-content{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:24px;
    justify-items: center;
}

/* TARJETA */

.np-topic-card-box{
  /*
    background: linear-gradient(180deg,rgba(44, 75, 249, 1) 42%, rgba(50, 2, 174, 1) 100%);*/
    background: url(https://www.tvn.cl/tvn/site/artic/20260803/imag/foto_0000000420260803132147/Rectangle_54.png);
    background-size: cover;
    border-radius:24px;
    /*overflow:hidden;*/
    display:flex;
    flex-direction:column;
    height:100%;
    transition:.3s ease;
    max-height: 315px;
}

.np-topic-card-box:hover{
    transform:translateY(-4px);
}

/* FOTO */

.np-topic-card-photo{
    /*aspect-ratio:16/9;
    overflow:hidden;
    height: 300px;*/
    position: relative;
    top: -30px;
}

.np-topic-card-photo img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
    max-height: 345px;
    border-radius: 25px;
}

@media(max-width:800px){
  .np-topic-card-box{max-height: 100%;min-width: 365px;}
  .np-topic-card-photo{top:0;
  }
  
}
@media(max-width:364px){
  .np-topic-card-box{min-width: 100%;}
}
/* CONTENIDO */

.np-topic-card-info{
  position: absolute;
  bottom: 0;
    padding:24px;
    display:flex;
    flex-direction:column;
    gap:16px;
    flex:1;
    text-align: center;
    width: 100%;
    background:linear-gradient(180deg,rgba(0, 0, 0, 0) 3%, rgba(0, 0, 0, 1) 100%);
    border-radius: 24px;

}
.np-topic-card-title.title{
    margin:0;
    color:var(--bg-orange);
    font-size:36px;
    line-height:1.15;
    font-weight:700;
}
.np-topic-card-title{
    margin:0;
    color:var(--text-white);
    font-size: 21px;
    line-height:1.15;
    font-weight:700;
}

/* LINK */

.np-topic-card-link{
    margin-top:auto;
    color:var(--text-white); /* amarillo del diseño aprox */
    text-transform:uppercase;
    font-size:13px;
    font-weight:700;
    letter-spacing:.08em;
    background: var(--bg-purple);
    padding: 10px 20px;
    border-radius: 40px;
    display: inline-block;
}

/* FLECHITA 

.np-topic-card-link::after{
    content:" →";
}
*/
/* ==========================================
   TABLET
========================================== */

@media (max-width:1024px){

    .np-topic-card-content{
        grid-template-columns:repeat(2,1fr);
    }

}

/* ==========================================
   MOBILE
========================================== */

@media (max-width:768px){

    .np-topic-card-content{
        grid-template-columns:1fr;
        gap: 40px;
    }

    .np-topic-card-title{
        font-size:24px;
    }

}
/* ==========================================
   Slider
========================================== */
.np-slider-principal{
    max-height: 550px;
    text-align: center;
    z-index: 10;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    padding: 20px 0;
  }
  .mainSlider{
    width: 90%;
    max-width: 1200px;
    max-height: 500px;
    border-radius: 15px;
    position: relative;
  }
  .bg-gradient-slider {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: #133DFF;
    background: linear-gradient(180deg, rgba(19, 61, 255, 0) 0%, rgba(0, 11, 71, 1) 100%);
    pointer-events: none;
}
.np-slider-card-media img,
 .np-swiper-slide,
 .np-slider-card-media{
    height: 100% !important;
    object-fit: cover;
    object-position: top center;
    display: block;
    max-height: 500px;
}
.swiper-slide .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    /* padding: 10px; */
    padding: 100px 20px 30px;
    background: linear-gradient(180deg, rgba(19, 61, 255, 0) 0%, rgba(0, 11, 71, 1) 100%);
}
.np-slider-card--hero {
    width: 70%;
    margin: auto;
    color: var(--color-text-main);
    border-radius: 12px;
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
}

.np-slider-card-title{
  font-size: 40px;
  font-family: var(--sans-bold);
  font-weight: 800;
  color: #D7FFFE;
}
.np-slider-card-lead{
  font-size: 15px;
  color: var(--ink);
  font-family: var(--sans-bold);
  font-weight: 800;
  margin: 15px;
}
.np-btn-pill{
  color:#D7FFFE;
  border-radius: 30px;
  border: 2px solid #D7FFFE;
  padding: 3px 15px;
}
.content-logo-slider {
    max-width: 400px;
    margin: auto;
}
@media(max-width:900px){
  .swiper-slide .overlay{
    padding: 5px;
  }
  .np-swiper-slide{
    height: 400px !important;
    
  }
  .np-slider-card--hero {
    width: 100%;
  }
  .np-slider-card-title{
    font-size: 20px;
  }
  .np-slider-card-lead {
    font-size: 11px;}
}
.content-img-ppal,
.content-info-ppal {
	flex: 1;
	/* 👈 se reparten el espacio */
	padding: 20px 20px 20px 0;
}
.np-content-sliders{
    background-size: cover;
    padding: clamp(48px, 8vh, 96px) var(--pad);
    position: relative;
}
/*
.content-img-ppal,
.content-info-ppal{
    width: 540px;
    display: inline-block;
    vertical-align: top;
    padding: 20px;
}*/
.content-img-ppal img {
	width: 100%;
	height: 340px;
	object-fit: cover;
}

.card-noticia {
	width: 340px;
	height: 255px;
	position: relative;
}

.card-noticia img {
	width: 100%;
	height: 255px;
	object-fit: cover;
}

.card-noticia .overlay {
	position: absolute;
	bottom: 0;
	width: 100%;
	/*
	padding: 10px;*/
	padding: 130px 15px 10px;
	background: var(--gradient-overlay);
}
.np-content-info-slider-notas{
  color: var(--cenia-navy);
    padding: 10px;
    border: 1px solid var(--cenia-navy);
    border-radius: 15px;
    margin: 10px 0;
    background: #1b1f5030;
    min-height: 250px;
}
.np-link-notas-slider{
  color: #7b7c93b8;
}
  .np-notas-slide .ph.thumb{
    height: 170px;
    border-radius: 15px 15px 0 0;
  }
@media(max-width:900px) {
  .np-notas-slide .ph.thumb{
  height: 130px;
    border-radius: 15px 15px 0 0;
  }
}
.mg-btm-10{
  margin-bottom: 10px;
}
  .np-notas-slide .ph.thumb img{
    object-fit: cover;
  }
/* =================================================
   SWIPER NAVIGATION
================================================= */

.swiper-button-prev,
.swiper-button-next {
	width: 40px !important;
	height: 40px !important;
	background: #4d03ff !important;
	border: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: .2s;
	color: transparent !important;
}

.swiper-button-prev::after,
.swiper-button-next::after {
	display: none !important;
}

.swiper-button-prev {
	background-image: url('../../imag/v1/ntv/h25/assets/icons/al-mc.png') !important;
	background-size: 25px 25px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.swiper-button-next {
	background-image: url('../../imag/v1/ntv/h25/assets/icons/ar-mc.png') !important;
	background-size: 25px 25px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
	background-color: rgba(255, 255, 255, .3) !important;
	transform: scale(1.1) !important;
}

.swiper-buttons {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-top: 12px;
}/* =========================================================
   MODAL TOPIC
========================================================= */

.modal-np {
    display: none;

    position: fixed;

    inset: 0;

    width: 100vw;
    height: 100vh;

    z-index: 99999;

    box-sizing: border-box;

    align-items: flex-start;
    justify-content: center;
}


/* =========================================================
   MODAL ABIERTO
========================================================= */

.modal-np.active {
    display: flex;
}


/* =========================================================
   FONDO OSCURO
   ESTE SÍ OCUPA TODA LA PANTALLA
========================================================= */

.modal-backdrop-np {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, 0.65);

    cursor: pointer;
}


/* =========================================================
   CAJA DEL MODAL
========================================================= */

.modal-inner-np {

    position: relative;

    z-index: 2;

    width: 800px;

    max-width: calc(100vw - 40px);

    height: 380px;

    box-sizing: border-box;

    padding: 20px;

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            #ed1c2b 0%,
            #f52c25 45%,
            #ff8a16 100%
        );

    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.40);

    overflow: hidden;

    /*
     * IMPORTANTE:
     * JS modifica este valor.
     */
    margin-top: var(--modal-top, 20px);

}


/* =========================================================
   CONTENIDO
========================================================= */

.modal-scroll-np {

    display: grid;

    grid-template-columns: 172px minmax(0, 1fr);

    gap: 20px;

    width: 100%;
    height: 100%;

    min-width: 0;

    overflow: hidden;

}


/* =========================================================
   IMAGEN
========================================================= */

.modal-image-np {

    width: 172px;
    height: 100%;

    min-height: 0;

    overflow: hidden;

    border-radius: 10px;

}


.modal-image-np img {

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    background: url(https://www.tvn.cl/tvn/site/artic/20260803/imag/foto_0000000420260803132147/Rectangle_54.png);
    background-repeat: no-repeat;
    background-size: cover;

}
@media(max-width:900px){
  .modal-image-np img{
    object-fit: contain;
  }
}


/* =========================================================
   INFORMACIÓN
========================================================= */

.modal-info-np {

    min-width: 0;

    height: 100%;

    padding: 5px 12px 5px 0;

    box-sizing: border-box;

    overflow-y: auto;

    overflow-x: hidden;

    scrollbar-width: thin;

    scrollbar-color:
        rgba(255,255,255,.9)
        rgba(255,255,255,.15);

}


/* Scroll Chrome / Edge */

.modal-info-np::-webkit-scrollbar {
    width: 4px;
}

.modal-info-np::-webkit-scrollbar-track {
    background: rgba(255,255,255,.15);
}

.modal-info-np::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.9);
    border-radius: 10px;
}


/* =========================================================
   BADGE
========================================================= */

.modal-badge-np {

    display: inline-block;

    margin-bottom: 5px;

    padding: 3px 9px;

    border-radius: 10px;

    background: #4d19e8;

    color: #fff;

    font-size: 9px;
    line-height: 1;
    font-family: var(--sans-bold);
    font-weight: 700;

}


/* =========================================================
   TÍTULO
========================================================= */

.modal-title-np {

    margin: 0 0 12px;

    padding: 0;

    color: #fff;

    font-size: 20px;
    line-height: 1.1;
    font-family: var(--sans-bold);
    font-weight: 800;

}


/* =========================================================
   TEXTO
========================================================= */

.modal-text-np {

    color: #fff;

    font-size: 15px;

    line-height: 1.45;

}

.modal-text-np p {
    margin-top: 0;
    margin-bottom: 15px;
}


/* =========================================================
   CERRAR
========================================================= */

.close-modal-np {

    position: absolute;

    top: 8px;
    right: 10px;

    z-index: 50;

    width: 35px;
    height: 35px;

    display: flex;

    align-items: center;
    justify-content: center;

    padding: 0;

    border: 0;

    background: transparent;

    color: #fff;

    font-size: 30px;
    line-height: 1;
    font-weight: 300;

    cursor: pointer;

}


/* =========================================================
   BLOQUEAR SCROLL
========================================================= */

body.modal-open-np {
    overflow: hidden;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .modal-inner-np {

        width: calc(100vw - 20px);

        max-width: none;

        height: auto;

        max-height: calc(100vh - 20px);

        padding: 15px;

        border-radius: 18px;

    }


    .modal-scroll-np {

        grid-template-columns: 1fr;

        gap: 15px;

        height: auto;

        max-height: calc(100vh - 50px);

        overflow-y: auto;

    }


    .modal-image-np {

        width: 100%;

        height: 250px;

    }


    .modal-info-np {

        height: auto;

        overflow: visible;

    }


    .modal-title-np {

        font-size: 24px;

        padding-right: 30px;

    }


    .modal-text-np {

        font-size: 14px;

        line-height: 1.5;

    }

}
.np-topic-card .open-modal-np {
    cursor: pointer;
    transition: transform 0.2s ease;
}

.np-topic-card .open-modal-np:hover {
    transform: translateY(-3px);
}
/*NUEVO PRONTUS*/
@media (max-width: 426px) {
    .breadcrumbs {
        display: block;
        padding: 0px;
    }
}
@media (max-width: 990px) {
    .articulo-masterchef {    background-size: inherit;}
   
}

.player__full{
    background-color: #19162000;
}
.player__content{

    background-color: #251e39a1;
    
}
 .card__fill .card__content{
    background-color: #5858587a;
    }