/* --- Estilos Generales --- */
body {
    background-color: #001E36;
    margin: 0;
    min-width: 360px;
    font-family: 'Open Sans', sans-serif;
    color: white;
}

#ad_middle1 {
    margin: 0 auto;
    text-align: center;
}
.adMessage{
    z-index: 1 !important;
}

.search-container {
    display: flex;
    align-items: center;
}

.search-button {
    background: transparent;
    border: none;
}

img {
    object-fit: cover;
}

.search-input {
    width: 0;
    opacity: 0;
    border: none;
    background: transparent;
    border-bottom: 2px solid white;
    color: white;
    padding: 5px 0;
    font-size: 16px;
    pointer-events: none;
    transition: width 0.4s ease, opacity 0.4s ease, padding 0.4s ease;
}

.search-input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.search-container.is-open .search-input {
    width: 200px;
    opacity: 1;
    padding: 5px 10px;
    pointer-events: auto;
}



a {
    text-decoration: none;
    color: white;
}

a:hover {
    text-decoration: none;
    color: white;
}


section {
    margin-bottom: 0;
}

.slice-title {
    word-break: break-word;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0px;
    margin-bottom: 12px;
    text-align: left;
    width: 282px;
    margin-top: 12px;
}

.ad-lateral-carrusel-middle-container {
    display: none;
}

.image-container {
    width: 282px;
}

.expreso-biobio-section img {
    max-height: 190px;
    max-width: 282px;
}

.destacados-section img {
    max-height: 190px;
    max-width: 282px;
}

.la-entrevista-de-tomas img {
    max-height: 190px;
    max-width: 282px;
}

.radiograma-section img {
    max-height: 190px;
    max-width: 282px;
}

.podria-ser-peor-section img {
    max-height: 190px;
    max-width: 282px;
}
.podria-ser-peor-section .podria-ser-peor-content .section-header{
    padding-right: 57px;
}

.otras-noticias-section img {
    max-height: 190px;
    max-width: 280px;
}


.programas-section .swiper-button-next {
    display: none;
}

.destacados-section .swiper-button-next {
    display: none;
}

.ver-programa-desktop {
    display: none;
}


.video-iframe {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    place-content: center;
}

.expreso-biobio-section .section-header::after,
.la-entrevista-de-tomas .section-header::after,
.radiograma-section .section-header::after,
.podria-ser-peor-section .section-header::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 53px;
    z-index: 10;

    background: linear-gradient(to top,
            #001E36 0%,
            rgba(0, 30, 54, 0) 100%);
    pointer-events: none;
}

.section-header {
    background: radial-gradient(circle, rgba(91, 0, 148, 0.58) 15%, rgba(0, 80, 138, 0) 51%, rgba(1, 59, 107, 0) 100%);
    margin: auto;
    max-width: 384px;
    padding-right: 16px;
    position: relative;
}

.section-header .ver-programa-container-desktop {
    display: none !important;
}

/* --- Header Principal --- */
.main-header {
    background-color: rgba(0, 30, 54, 1);
    height: 70px;
    width: 100%;
    padding: 0 24px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    left: 0;
    z-index: 1000;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.main-header.fijo {
    top: 0;

}

#contenedor-scroll-mobile {
    background-color: transparent !important;
}

#scroll_mobile_cerrar {
    width: 250px !important;
    margin: 0 auto !important;
}


/*--- Opciones del navbar ---*/
.mobile-nav-menu {
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    width: 100%;
    max-height: 0;
    transition: max-height 0.3s ease-in-out;
    z-index: 1000;
    max-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background: #001E36;
}


.mobile-nav-menu.is-open {
    max-height: calc(100vh - 70px);

}

.mobile-nav-menu .nav-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
}

.mobile-nav-menu .nav-links li {
    padding: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    list-style: none;
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: 0px;

}

.nav-item-programas {

    padding: 0 !important;
}

.programas-trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 15px;
    cursor: pointer;
}


.nav-item-programas .mega-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out;
    background-color: rgba(0, 20, 36, 0.5);
    padding: 0;
}


.nav-item-programas.is-open .mega-menu {
    max-height: 1000px;
}

.nav-item-programas .mega-menu-content {
    display: block;
    padding: 10px 0;
}

.nav-item-programas .mega-menu ul {
    padding-left: 0px;
}

.nav-item-programas .mega-menu a {
    text-transform: none;
    font-size: 14px;
    padding: 10px 15px;
}

.programas-trigger::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    border-color: transparent transparent transparent #ffffff;
    transition: transform 0.3s ease;
}

.nav-item-programas.is-open .programas-trigger::after {
    transform: rotate(90deg);
}


/*itinerario de programas*/

.live-itinerary {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 16px;
    color: #FFFFFF;
    font-family: "Open Sans", sans-serif;
}


.live-status {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
}

.live-dot {
    width: 8px;
    height: 8px;
    background-color: #E50914;
    border-radius: 50%;
    animation: pulse 1.5s infinite;
}

.live-text {
    font-weight: 600;
    font-size: 10px;
    letter-spacing: 2px;
}

.program-timeline {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    width: 100%;
    overflow: hidden;
    padding-left: 15px;
}

.program-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    position: relative;
    flex: 1;
    min-width: 0;
}

.program-item:nth-child(n+3) {
    display: none;
}

.program-item.active::before {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #E50914;
    border-radius: 50%;
    position: absolute;
    left: -14px;
    top: 6px;
    animation: pulse 1.5s infinite;
}

.program-item .program-title {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    margin: 0;
}

.program-item .program-time {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 2px;
}

.program-progress {
    width: 100%;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.15);
    margin-top: 4px;
    border-radius: 2px;
    overflow: hidden;
}

.progress-bar {
    height: 100%;
    background-color: #E50914;
    transition: width 0.8s linear;
}

/* --- Pulso del punto rojo --- */
@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(229, 9, 20, 0.4);
    }

    70% {
        transform: scale(1.4);
        box-shadow: 0 0 0 8px rgba(229, 9, 20, 0);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(229, 9, 20, 0);
    }
}


/* --- Logo --- */
.header-logo {
    display: block;
    height: 33px;
    width: 39px;
}

/* --- Botón de Menú --- */
.menu-toggle {
    display: block;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    margin-right: 28px;
}

.menu-icon {
    display: block;
    width: 19px;
    height: 15px;
}


/* --- Video superior --- */
.video-iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}
/* .video-placeholder::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;                    
    transform: translateX(-50%) translateY(80%);
    width: 1400px;                
    height: 60%;
    border-radius: 17%;
    background: url(/biobiotv/assets/img/blur_escritorio.jpg) center center no-repeat;
    background-size: cover;       
    z-index: -1;
    opacity: 50%;
    filter: blur(25px);
} */




.program-time,
.program-title.next {
    color: #A9B7C3;
    font-size: 15px;
}

.ad-top-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #00182c;
    transition: opacity 0.4s ease;
}

.ad-top-container-desk {
    display: none;
}

/*--- Estilo de seccion programa ---*/
.programas-section {
    color: #FFFF;
    margin-left: 16px;
}

.programas-section .title-container {
    border-bottom: 1px solid #4E50B4;
    width: 143px;
    padding-bottom: 13px;
}

.programas-section .section-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.programas-section .slice-title {
    max-width: 180px;
}

/*-- Estilo de carrusel de programa --*/
.programas-section .programas-carrusel {
    display: flex;
    width: 100%;
    height: auto;
    padding-top: 20px;
}

.programas-section .slice {
    overflow: hidden;
}

.programas-section .slice-image {
    width: 163px;
    height: 290px;

}
.programas-section img{
    width: 163px;
}

.programas-section .tags {
    overflow: hidden;
    height: 40px;
}

.programas-section .tags .btn-tag {
    color: #FFFFFF;
    border-radius: 5px;
    background-color: #19344A;
    border: none;
    margin-left: 16px;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ad-middle-container {
    color: white;
    margin: 32px auto 38px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*--- Seccion destacados */
.destacados-section {
    color: #FFFF;
}

.destacados-grid {
    padding-left: 16px;
}

.destacados-section .carrusel-destacados {
    margin-top: 32px;
}


.destacados-section .title-container {
    border-bottom: 1px solid #0284C7;
    width: 143px;
    padding-bottom: 13px;
    margin-left: 16px;
}

.destacados-section .section-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 14px;
    letter-spacing: 0px;

}

.image-container {
    position: relative;

}


.video-minutes-duration {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 5;
    background-color: #001E36;
    color: white;
    padding: 3px 6px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
}



.fecha-container {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    letter-spacing: 0px;
}

.destacadas-section .fecha-article {
    border-right: 1px solid #E2E8EF;
}

/* Ad middle2 container */
.ad-middle2-container {
    margin: 38px auto 32px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}


.ad-middle3-container {
    margin: 38px auto 32px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ad-middle4-container {
    margin: 38px auto 32px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*expreso bio bio section*/
.expreso-biobio-section {
    position: relative;
    overflow: hidden;
    color: #fff;
    display: block;
    margin-bottom: 24px;
    padding-left: 16px;
}

/* .expreso-biobio-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 190px;
    mask: linear-gradient(to bottom, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0));
    background: url("/biobiotv/assets/img/exbb-2.png"), radial-gradient(circle, rgba(91, 0, 148, 0.58) 28%, rgba(0, 80, 138, 0) 70%, rgba(1, 59, 107, 0) 90%);
    background-size: 241px auto, cover;
    background-repeat: no-repeat, no-repeat;
    background-position: left 16px center, center center;
    z-index: 1;
} */



.expreso-biobio-content {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    margin: 0 auto;
}

.expreso-biobio-section .section-header {
    height: 190px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0;
    background: radial-gradient(circle, rgba(91, 0, 148, 0.58) 15%, rgba(0, 80, 138, 0) 51%, rgba(1, 59, 107, 0) 100%);
    padding-right: 16px;
}


.expreso-biobio-section .expreso-bio-bio-text-container {
    max-width: 200px;
    text-align: right;
}

.expreso-biobio-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0px;
    margin: 0 0 20px 0;
}


.expreso-biobio-schedule {
    margin: 4px 0;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
}

.expreso-biobio-section .expreso-biobio-carrusel {
    text-align: left;
    margin: 0;
}

.ver-programa-container {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 200px;
    height: 40px;
    margin: 0 auto 80px;
    cursor: pointer;

}

.btn-ver-programa {
    background-color: #0284C7;
    color: white;
    border-radius: 8px;
    place-content: center;
    padding: 13px 54px;
    border: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0px;

}

/* la entrevista section */
.la-entrevista-de-tomas {
    position: relative;
    overflow: hidden;
    color: #fff;
    min-height: 241px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    padding-left: 16px;
}

/* Imagen de fondo (derecha) */
/* .la-entrevista-de-tomas::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 190px;
    mask: linear-gradient(to bottom, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0));
    background: url("/biobiotv/assets/img/tomas-mosciatti.png"), radial-gradient(circle, rgba(91, 0, 148, 0.58) 28%, rgba(0, 80, 138, 0) 70%, rgba(1, 59, 107, 0) 90%);
    background-size: 132px auto, cover;
    background-repeat: no-repeat;
    background-position: right 16px center;
    z-index: 1;
} */


.la-entrevista-de-tomas-content {
    position: relative;
    z-index: 2;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    overflow: hidden;
}

.la-entrevista-de-tomas .section-header {
    height: 190px;
    margin-bottom: 0px;
    display: flex;
}


.la-entrevista-de-tomas-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0px;
    width: 193px;
    height: 48px;
    margin-bottom: 20px;
    margin-top: 50px
}


.la-entrevista-de-tomas-schedule {
    margin: 4px 0;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
}

.la-entrevista-de-tomas .la-entrevista-de-tomas-carrusel {
    width: 100%;
    text-align: left;
    margin-right: 0;
    overflow: hidden;
}



.la-entrevista-de-tomas .fecha-article {
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    letter-spacing: 0px;
    color: #E2E8EF;
}

/* Imagen de fondo (Izquierda) y color de fondo */
/* .radiograma-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 190px;
    mask: linear-gradient(to bottom, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0));
    background: url("/biobiotv/assets/img/nestor-3.png"), radial-gradient(circle, rgba(91, 0, 148, 0.58) 28%, rgba(0, 80, 138, 0) 70%, rgba(1, 59, 107, 0) 90%);
    background-size: 125px auto, cover;
    background-repeat: no-repeat, no-repeat;
    background-position: left 16px center, center center;
    z-index: 1;
} */

.radiograma-section {
    margin-bottom: 24px;
    padding-left: 16px;
}

.radiograma-content {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
}

.radiograma-section .section-header {
    height: 190px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0;
}


.radiograma-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0px;
    width: 146px;
    height: 24px;
    margin-bottom: 20px;
}


.radiograma-schedule {
    margin: 4px 0;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
}


.radiograma-carrusel {
    margin: 0;
}



.podria-ser-peor-section {
    position: relative;
    overflow: hidden;
    color: #fff;
    display: block;
    margin-bottom: 24px;
    padding-left: 16px;
}

/* Imagen de fondo (Derecha) y color de fondo */
/* .podria-ser-peor-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 190px;
    mask: linear-gradient(to bottom, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0));
    background: url("/biobiotv/assets/img/psp-1.png"), radial-gradient(circle, rgba(91, 0, 148, 0.58) 28%, rgba(0, 80, 138, 0) 70%, rgba(1, 59, 107, 0) 90%);
    background-size: 175px 190px, cover;
    background-repeat: no-repeat, no-repeat;
    background-position: right center, center center;
    z-index: 1;
} */


.podria-ser-peor-content {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;

}


.podria-ser-peor-section .section-header {
    height: 190px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;

}


.podria-ser-peor-section .podria-ser-peor-text-container {
    width: 50%;
    max-width: 200px;
    text-align: left;
}

/* Estilos del Título */
.podria-ser-peor-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0px;
    margin: 0 0 20px 0;
    width: 189px;
}

/* Estilos del horario */
.podria-ser-peor-schedule {
    margin: 4px 0;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
}


.podria-ser-peor-carrusel {
    padding-bottom: 30px;
    margin: 0;
}

/* --- Sección OTRAS NOTICIAS --- */
.otras-noticias-section {
    margin-left: 16px;
}

.otras-noticias-section .title-container {
    padding-top: 24px;
    border-top: 1px solid rgba(147, 163, 182, 0.2);
    width: 100%;
    margin-bottom: 20px;
}

.otras-noticias-section .section-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0px;
    text-transform: uppercase;
}

/* Estilos para el carrusel de artículos */
.otras-noticias-section .carrusel-otras-noticias {
    padding-bottom: 10px;
    margin: 0;
}

/* Estilo de cada artículo (slice) */
.otras-noticias-section .slice {
    min-width: 282px;
}

.otras-noticias-section .slice-image img {
    width: 282px;
    height: 160px;
    display: block;
}

.ver-programa-mas-noticias-container {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0px;
    place-content: end;
    text-align: right;
    margin-top: 32px;
    margin-bottom: 64px;
    margin-right: 16px;
    margin-left: auto;
    display: flex;
}

.ver-programa-mas-noticias-container a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #ffffff;
}

.ver-programa-mas-noticias-container a::after {
    content: '';
    margin-left: 5px;
    font-weight: bold;
    font-size: 16px;
    background-image: url('/biobiotv/assets/img/flecha-navegacion.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 5px;
    height: 9px;
    vertical-align: center;
}

.otras-noticias-section .carrusel-otras-noticias .slice article .image-container .slice-image img {
    border-radius: 8px;
}





/* Estilos para escritorio */
@media (min-width: 992px) {
    main {
        max-width: 1280px;
        margin: 0 auto 0 auto;
    }

    .main-header {
        background-color: rgba(0, 30, 54, 0.8);
        justify-content: flex-start;
        gap: 30px;
        margin: 0 auto 0;
    }

    .section-header .ver-programa-container-desktop {
        display: flex !important;
        cursor: pointer;

    }

    .section-header .ver-programa-container-desktop,
    .section-header .ver-programa-container-desktop a,
    .section-header .ver-programa-container-desktop button {
        cursor: pointer;
    }

    .menu-toggle {
        display: none;
    }

    .mobile-nav-menu {
        position: static;
        max-height: none;
        overflow: visible;
        width: auto;
        top: 0;
    }

    .mobile-nav-menu .nav-links {
        display: flex;
        align-items: center;
        gap: 25px;
    }

    .mobile-nav-menu .nav-links li {
        border-bottom: none;
        padding: 0;
    }

    .mobile-nav-menu .nav-links a {
        padding: 0;
        font-size: 14px;
        text-decoration: none;
    }

    .mobile-nav-menu {
        background: none;
    }

    .imagen-programa-container img {
        max-width: 1280px;
        height: 320px;
    }

    .live-itinerary {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        padding: 10px 0;
    }

    .program-timeline {
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 20px;
        overflow: visible;
    }

    .program-item {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        width: auto;
        min-width: 160px;
        display: flex;
    }

    .program-item:nth-child(n+3) {
        display: flex;
    }

    .program-item.active::before {
        left: -15px;
        top: 8px;
        width: 8px;
        height: 8px;
    }

    .program-item .program-title {
        font-size: 15px;
    }

    .program-item .program-time {
        font-size: 13px;
    }

    .program-progress {
        height: 2px;
        margin-top: 6px;
    }



    .programa-header {
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }

    .programa-header .programa-nombre {
        font-size: 28px;
        line-height: 27px;
        margin-bottom: 20px;
    }

    .programa-header .programa-descripcion {
        font-size: 15px;
        line-height: 15px;

    }

    .nav-item-programas {
        position: static;
    }

    .nav-item-programas .mega-menu a {
        text-transform: uppercase;
    }

    .nav-item-programas .mega-menu {
        display: none;
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        background-color: rgba(0, 30, 54, 0.9);
        padding: 30px 0;
        z-index: 999;
    }

    .nav-item-programas.is-open .mega-menu {
        display: block;
    }

    .nav-item-programas .mega-menu-content {
        max-width: 1280px;
        margin: 0 auto;
        display: flex;
        gap: 24px;
    }

    .nav-item-programas .mega-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
        flex: 1;
    }

    .nav-item-programas .mega-menu a {
        display: block;
        padding: 8px 10px;
        font-size: 14px;
        color: rgba(226, 232, 239, 0.8);
        border-radius: 4px;
        transition: background-color 0.2s ease, color 0.2s ease;
    }

    .nav-item-programas .mega-menu a:hover {
        background-color: rgba(255, 255, 255, 0.1);
        color: #FFFFFF;
    }

    .programas-trigger {
        display: flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
    }

    .programas-trigger::after {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 5px 0 5px;
        border-color: #ffffff transparent transparent transparent;
        transition: transform 0.3s ease;
    }

    .nav-item-programas.is-open .programas-trigger::after {
        transform: rotate(180deg);
    }


    .ad-middle-container {
        display: none;
    }

    /*---Destacados---*/
    .destacados-section {
        margin: 64px auto 32px;
        max-width: 1280px;
        padding-left: 16px;
    }

    .destacados-section .slice {
        width: 364px;
    }

    .destacados-section article {
        width: 364px;
        padding-left: 50px;

    }

    .destacados-section .image-container {
        width: 364px;
        height: 180px;
    }

    .destacados-section .slice-image img {
        width: 364px;
        height: 180px;
        max-width: none;
    }


    .destacados-section .title-container {
        margin-left: 0;
    }

    .destacados-section .ad-lateral-carrusel-middle-container {
        display: grid;
        margin-top: 32px;
    }

    .destacados-section .carrusel-destacados {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%;
        position: relative;
    }

    .carrusel-destacados::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right,
                #001E36 5%,
                rgba(0, 30, 54, 0) 0%,
                rgba(0, 30, 54, 0) 75%,
                #001E36 95%);
        z-index: 2;
        pointer-events: none;
    }

    .destacados-section .swiper-button-next {
        display: flex;
        position: absolute;
        top: 50%;
        right: 60px;
        transform: translateY(-50%);
        z-index: 3;
        cursor: pointer;
        width: 11px;
        height: 21px;
        background-image: url('/biobiotv/assets/img/flecha-navegacion.png');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .destacados-section .swiper-button-next::after {
        content: '';
    }

    .destacados-section .destacados-grid {
        display: grid;
        grid-template-columns: 300px 1fr;
        max-width: 1280px;
        padding-left: 0;

    }

    .destacados-section .fecha-article {
        font-size: 13px;
        margin-top: 8px;

    }

    .ad-lateral-carrusel-middle-container {
        width: 300px;
        height: 250px;
    }

    /*--- Programas Section ---*/
    .programas-section {
        margin-left: auto;
        margin-right: auto;
        margin-top: 36px;
        max-width: 1280px;
        position: relative;
        padding-left: 16px;

    }

    .programas-section::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100px;
        z-index: 2;
        pointer-events: none;
        background: linear-gradient(to left, #001E36 20%, transparent);
    }

    .programas-section .swiper-button-next {
        display: flex;
        position: absolute;
        top: 50%;
        right: 60px;
        transform: translateY(-50%);
        z-index: 3;
        cursor: pointer;
        width: 11px;
        height: 21px;
        background-image: url('/biobiotv/assets/img/flecha-navegacion.png');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;

    }


    .programas-section .swiper-button-next::after {
        content: '';
    }

    .programas-section .btn-tag {
        max-width: 150px;
    }

    .programas-section .section-title {
        font-weight: 400;
    }

    .programas-section .slice-title {
        margin-bottom: 0;
        max-width: 163px;
    }

    .programas-section .slice-image img {
        width: 163px;
        display: block;
        height: 290px;
    }
    .programas-section .slice-image{
        width: 163px;;
    }
    .programas-section article{
        width: 163px;
    }



    .programas-section .tags {
        margin-top: 32px;
    }


    /*---padding para cada seccion titular ---*/
    .expreso-biobio-section .slice-title,
    .la-entrevista-de-tomas .slice-title,
    .radiograma-section .slice-title,
    .podria-ser-peor-section .slice-title {
        padding-right: 16px;
    }

    .destacados-section .slice-title {
        width: 364px;
    }

    /*--- Expreso BIOBIO ---*/
    .expreso-biobio-section {
        margin: 0 auto 24px;
        max-width: 1280px;
    }

    .expreso-biobio-section .expreso-biobio-carrusel {
        height: 392px;
        width: 582px;
    }

    .expreso-biobio-carrusel .swiper-slide {
        width: 578px;
    }

    .expreso-biobio-section .slice article {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .expreso-biobio-section .slice-image {
        flex-shrink: 0;
        width: 220px;
        height: 120px;
    }

    .expreso-biobio-section .slice-image img {
        width: 220px;
        height: 120px;
    }

    .expreso-biobio-section article {
        flex-grow: 1;
        background-color: #102B41;
        gap: 16px;
        border-radius: 8px;
    }

    .expreso-biobio-section .image-container {
        width: 220px;
        height: 120px;
    }

    .expreso-biobio-section .slice-text-content {
        width: 326;
        word-break: break-word;
    }

    .expreso-biobio-section .slice-text-content {
        margin-top: 0;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0px;

    }

    .expreso-biobio-section .expreso-biobio-content {
        display: grid;
        grid-template-columns: clamp(380px, 41vw, 496px) 1fr;
        max-width: 1200px;
        align-items: start;
    }

    .expreso-biobio-section .header-image-container {
        display: none;
    }

    .expreso-biobio-section .section-header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        background: linear-gradient(to top, #001E36 5%, transparent 62%), url(/biobiotv/assets/img/expreso-home.png), radial-gradient(circle, rgba(91, 0, 148, 0.58) 29%, rgba(0, 80, 138, 0) 66%, rgba(1, 59, 107, 0) 100%);
        background-repeat: no-repeat;
        width: 496px;
        height: 392px;
        background-size: cover;
        max-width: none;
        max-height: none;
        z-index: -1;
    }

    .expreso-biobio-section .header-image-container {
        width: 100%;
    }

    .expreso-biobio-section .section-header .ver-programa-container-desktop {
        margin-bottom: 64px;
    }

    .expreso-biobio-section .header-text-container {
        width: 100%;
        height: 396px;
        margin-top: 191px;
        text-align: center;
        align-items: center;
    }

    .expreso-biobio-section .expreso-biobio-title {
        font-size: 32px;
        line-height: 32px;
        width: 289px;
        height: 32px;
    }

    .expreso-biobio-section .expreso-biobio-schedule {
        display: flex;
        justify-content: center;
    }

    .expreso-biobio-section .schedule-container {
        flex-direction: row;
        display: flex;
        width: 266px;
    }

    .expreso-biobio-section .expreso-biobio-schedule {
        line-height: 14px;
        margin-left: 7px;
    }



    /*--- la entrevista de tomas ---*/

    .la-entrevista-de-tomas {
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 24px;
    }

    .la-entrevista-de-tomas-carrusel.swiper {
        height: 392px;
    }

    .la-entrevista-de-tomas .swiper-slide {
        width: 578px;
    }

    .la-entrevista-de-tomas .slice article {
        display: flex;
        flex-direction: row;
        align-items: center;
        background-color: #102B41;
        gap: 16px;
        border-radius: 8px;
        flex-grow: 1;
    }

    .la-entrevista-de-tomas .slice-image,
    .la-entrevista-de-tomas .image-container {
        flex-shrink: 0;
        width: 220px;
        height: 120px;
    }

    .la-entrevista-de-tomas .slice-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .la-entrevista-de-tomas .slice-text-content {
        margin-top: 0;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0px;
        word-break: break-word;
    }

    .la-entrevista-de-tomas .la-entrevista-de-tomas-content {
        display: grid;
        grid-template-columns: 1fr clamp(380px, 41vw, 496px);
        width: 100%;
        align-items: start;
    }

    .la-entrevista-de-tomas .section-header {
        order: 2;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        height: 392px;
        background: linear-gradient(to top, #001E36 5%, transparent 62%), url('/biobiotv/assets/img/tomas-mosciatti-2.png'), radial-gradient(circle, rgba(91, 0, 148, 0.58) 29%, rgba(0, 80, 138, 0) 66%, rgba(1, 59, 107, 0) 100%);
        background-repeat: no-repeat;
        background-position: center center;
        margin: 0;
        max-width: none;
        z-index: -1;
    }

    .la-entrevista-de-tomas .header-image-container {
        display: none;
    }


    .la-entrevista-de-tomas .la-entrevista-de-tomas-text-container {
        text-align: right;
    }

    .la-entrevista-de-tomas .la-entrevista-de-tomas-title {
        font-size: 32px;
        line-height: 36px;
        width: 308px;
        margin-bottom: 36px;
    }


    .la-entrevista-de-tomas .la-entrevista-de-tomas-schedule {
        line-height: 14px;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.7);
        margin-left: 8px;

    }

    .la-entrevista-de-tomas .schedule-container {
        flex-direction: row;
        display: flex;
        justify-content: flex-end;
        margin-bottom: 32px;
    }

    .la-entrevista-de-tomas .la-entrevista-de-tomas-carrusel {
        text-align: left;
        overflow: hidden;
        width: 578px;
    }

    .la-entrevista-de-tomas .section-header .ver-programa-container-desktop {
        justify-content: right;
    }


    /*---Radiograma---*/

    .radiograma-section {
        margin: 0 auto ;
        max-width: 1280px;
        margin-bottom: 24px;
    }


    .radiograma-section .radiograma-carrusel {
        height: 392px;
    }

    .radiograma-carrusel .swiper-slide {
        width: 578px;
    }


    .radiograma-section .slice article {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-grow: 1;
        background-color: #102B41;
        gap: 16px;
        border-radius: 8px;
    }

    .radiograma-section .slice-image,
    .radiograma-section .image-container {
        flex-shrink: 0;
        width: 220px;
        height: 120px;
    }

    .radiograma-section .slice-image img {
        width: 220px;
        height: 120px;
        object-fit: cover;
    }

    .radiograma-section .slice-text-content {
        margin-top: 0;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0px;
        word-break: break-word;
    }


    .radiograma-section .radiograma-content {
        display: grid;
        grid-template-columns: clamp(380px, 41vw, 496px) 1fr;
        max-width: 1200px;
        align-items: start;
        margin: 0 auto;
    }


    .radiograma-section .header-image-container {
        display: none;
    }

    .radiograma-section .section-header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        background: linear-gradient(to top, #001E36 5%, transparent 62%), url('/biobiotv/assets/img/radiograma-home.png'), radial-gradient(circle, rgba(91, 0, 148, 0.58) 29%, rgba(0, 80, 138, 0) 66%, rgba(1, 59, 107, 0) 100%);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 496px;
        height: 392px;
        max-width: none;
        max-height: none;
        z-index: -1;
    }


    .radiograma-section .header-text-container {
        height: 396px;
        margin-top: 191px;
        text-align: center;
        align-items: center;
        justify-content: left;
    }

    .radiograma-section .radiograma-title {
        font-size: 32px;
        line-height: 32px;
        height: 32px;
    }


    .radiograma-section .schedule-container {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .radiograma-section .radiograma-schedule {
        line-height: 14px;
        margin-left: 7px;
        margin-right: 7px;
    }


    .radiograma-section .section-header .ver-programa-container-desktop {
        display: flex !important;
        justify-content: left;
        width: 100%;
        margin-bottom: 64px;
    }

    /*---podria-ser-peor---*/
    .podria-ser-peor-section {
        max-width: 1280px;
        margin: 0 auto 24px;
    }

    .podria-ser-peor-section .podria-ser-peor-carrusel {
        height: 392px;
    }

    .podria-ser-peor-carrusel .swiper-slide {
        width: 578px;
    }


    .podria-ser-peor-section .slice article {
        display: flex;
        flex-direction: row;
        align-items: center;
        background-color: #102B41;
        gap: 16px;
        border-radius: 8px;
        flex-grow: 1;
    }

    .podria-ser-peor-section .slice-image,
    .podria-ser-peor-section .image-container {
        flex-shrink: 0;
        width: 220px;
        height: 120px;
    }

    .podria-ser-peor-section .slice-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .podria-ser-peor-section .slice-text-content {
        margin-top: 0;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0px;
        word-break: break-word;
    }

    .podria-ser-peor-section .podria-ser-peor-content {
        display: grid;
        grid-template-columns: 1fr clamp(380px, 41vw, 496px);
        width: 100%;
        align-items: start;
    }


    .podria-ser-peor-section .section-header {
        order: 2;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        height: 392px;
        background: linear-gradient(to top, #001E36 5%, transparent 62%), url('/biobiotv/assets/img/podria-ser-peor-home.png'), radial-gradient(circle, rgba(91, 0, 148, 0.58) 29%, rgba(0, 80, 138, 0) 66%, rgba(1, 59, 107, 0) 100%);
        background-repeat: no-repeat;
        background-position: left;
        background-size: cover;
        margin: 0;
        max-width: none;
        z-index: -1;
    }

    .podria-ser-peor-section .header-image-container {
        display: none;
    }


    .podria-ser-peor-section .podria-ser-peor-text-container {
        max-width: 100%;
        width: 300px;
    }

    .podria-ser-peor-section .podria-ser-peor-title {
        font-size: 32px;
        line-height: 36px;
        width: 308px;
        margin-bottom: 16px;
        margin-top: 154px;
    }


    .podria-ser-peor-section .podria-ser-peor-schedule {
        line-height: 14px;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.7);
        margin-left: 8px;
    }

    .podria-ser-peor-section .schedule-container {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        margin-bottom: 32px;
    }

    .podria-ser-peor-section .podria-ser-peor-carrusel {
        text-align: left;
        overflow: hidden;
        width: 578px;
    }

    .podria-ser-peor-section .section-header .ver-programa-container-desktop {
        justify-content: flex-end;
    }

    .ver-programa-container {
        display: none !important;
    }

    .video-minutes-duration {
        background: rgba(0, 30, 54, 0.8);
    }

    /*---Otras noticias--- */
    .otras-noticias-section {
        max-width: 1280px;
        margin: 0 auto 24px;
        padding-right: 16px;
        padding-left: 16px;
    }

    .ver-programa-desktop {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-top: -40px;
        padding-right: 16px;
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 22px;
    }

    .otras-noticias-section .slice-title{
        width: 253px;
    }

    .ver-programa-desktop a {
        color: rgba(147, 163, 182, 0.8);
    }

    .ver-programa-mas-noticias-container {
        display: none;
    }


    .otras-noticias-section .carrusel-otras-noticias .slice article .image-container {
        width: 303px;
    }

    .otras-noticias-section .carrusel-otras-noticias .slice article .image-container .slice-image img {
        width: 303px;
        max-width: unset;
        border-radius: 8px;
    }

    /*--scrollbar--*/
    .swiper-scrollbar {
        display: block;
        position: static;
        margin-top: 16px;
        height: 4px;
        background: rgba(255, 255, 255, 0.1);
    }

    .swiper-scrollbar-drag {
        background: #0284C7;
        border-radius: 4px;
    }

    /*---ver-mas-programas-botones---*/
    .ver-programa-mas-noticias-container {
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
        color: #93A3B6;
        opacity: 0.7;
    }


    

}