/*
.main-slider .thumb-meta {
    color: #ffffff;
    position: absolute;
    top: 101px;
    font-size: 14px;
}

@media only screen and (min-width: 1200px) { 
    .main-slider .thumb-meta {
        color: #ffffff;
        position: absolute;
        top: 100px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 800px) { 
    .main-slider .thumb-meta {
        color: #ffffff;
        position: absolute;
        top: 150px;
        font-size: 14px;
    }
}*/
#menu-item-176782{
    display: none;
}
#menu-item-290123mod {
    display: none;
}
/*-------------------------------------------------------------
# 
--------------------------------------------------------------*/
.the-subtitle{
	text-transform:uppercase;
}
.tv-section_live .mag-box.block-custom-content{
	margin-bottom: 0px!important;
}
/*Seccion uno*/
.custom-section-home-1{
	margin-top: 15px;
}
.custom-section-home-1 .mag-box.block-custom-content{
	margin-bottom: 15px!important;
}
.custom-section-home-5 .thumb-content{
    display: flex;
    flex-direction: column-reverse;
}
.custom-section-home-2 .slide-content{
    display: flex;
    flex-direction: column-reverse;
}

/*Seccion dos*/
.custom-section-home-2 .post-thumb img {
    max-height: 250px;
}
.custom-section-home-2 .mag-box:last-child .post-thumb img {
    max-height: 180px;
}
/*Seccion cuatro Frase de la semana*/
.custom-section-home-4{
    background-image: url("https://oncenoticias.digital/wp-content/uploads/2023/04/sup-der-frase-2.png"), url("https://oncenoticias.digital/wp-content/uploads/2023/04/borde-inf-frase.png");
    background-repeat: no-repeat, no-repeat;
    background-position: right top, left bottom;
    background-origin: content-box;
}
.custom-section-home-4 .mag-box.block-custom-content:last-child,.custom-section-home-6 .main-content .mag-box.block-custom-content-50{
	margin-bottom:0px;
}
/*Seccion cinco Titulo Nacional*/
.ctm-section-title{
	display:flex;
	color:white;
	font-family: 'Public Sans';
	font-weight:bold;
}
.ctm-title-label{
	font-size:2.7rem;
	margin-right:10px;
}
.ctm-title-label a{
	color:white;
}
.ctm-title-label a:hover{
	color:white;
}
.ctm-title-line{
	flex:1;
	border-bottom: 3px solid white;
	margin-bottom:15px;
}
/*SideBar categories module*/
.ctm-cat-container{
    display:flex;
    flex-direction:column;
	font-weight: bold;
    background-color: #eeeeee;
    padding: 10px;
}
.ctm-cat-row{
    display:flex;
    flex-wrap:nowrap;
	margin-bottom:1px;
    padding: 4px 10px 4px 20px;
    flex: 1;
}
.ctm-number{
    margin: 0 5px;
		color:var(--base-color)!important;
}
.ctm-cat-label{
    font-size:16px;
    color: var(--brand-color)!important;
    clip-path: polygon(98% 0, 100% 50%, 98% 100%, 0% 100%, 2% 52%, 0% 0%);
    background-color: #d7b8b8;
    padding: 0px 10px 1px 20px;
    flex: 1;
}
.ctm-cat-label a{
	color: var(--brand-color)!important;
}
.block-head-4#tie-body .widget-title:before{
	background-color: var(--brand-color)!important;
}
.block-head-4 .widget-title .the-subtitle {
    font-size:18px;
    padding: 4px 0;
}
/*Seccion redes*/
.ctm-social-container{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content: space-between;
}
.ctm-social-net{
	width: max(10%,180px);
	display:flex;
	justify-content:center;
	align-items:center;
	height: 50px;
	background-color:black;
}
.ctm-social-icon{
	display:flex;
	justify-content:center;
	align-items:center;
	aspect-ratio:1/1;
	max-height:40px;
	width:40px;
	border:solid 1px white;
	border-radius:50%;
}
.ctm-social-icon svg{
	width:20px;
	fill:white;
}
/*Once noticias Television*/
.tv-title{
	text-align: center;
	margin-top: 5px;
	max-width:75%;
}
.tv-title span{
	color: #701d47;
	font-size: 3rem;
}
/*Especiales TV */
.especiales-tv .mag-box.block-custom-content{
	margin-bottom:10px!important;
}
.especiales-tv .tie-columns {
    margin-right: 15px;
}
.especiales-tv .tie-columns.last{
	margin-right:0;
}
.especiales-tv .one_third {
	width:calc((100% / 3) - 10px);
}
.especiales-tv-title{
	color: #701d47; 
	font-size: 2.5rem;
}
/*Seccion Recomendaciones*/
.agenda-cultural .mag-box.block-custom-content{
	margin-bottom:0px;
}
@media only screen and (max-width:768px){
	/*Seccion cuatro Frase de la semana*/
	.custom-section-home-4{
		margin: 0 15px 15px 15px;
		background-origin: border-box;
	}
	.custom-section-home-4 .mag-box-title.the-global-title{
		padding-top: 15px;
	}
	.custom-section-home-4 .mag-box-title.the-global-title > h3{
		margin-bottom: 5px;
	}
	.custom-section-home-4 .mag-box-container.clearfix {
        padding: 10px 0;
	} 
	/*Once TV*/
	.tv-title span{
		font-size: 2rem;
	}
	.notis-container {
	    display: none;
		width: 100%;
	}
    /*Especiales TV*/	
    .especiales-tv-title{
        font-size: 1.8rem;	
    }
    .second-row-tv{
        display:flex;
    }
}
@media only screen and (max-width:500px){
    /*Especiales digital*/
	.especiales-title{
		font-size: 7vw;
	}
	/*Newsletter*/
	.tv-title span{
		font-size: 1.7rem;
	}
}
/*REPRODUCTOR*/
.videos-container{
	overflow:hidden;
}
@media (min-width:780px){
	.videos-container{
		width: 100%;
		display: grid;
		grid-template-columns: 2fr 1fr;
		/*border: 5px solid #701D47;
		border-radius: 5px 5px 5px 5px;*/
		grid-column-gap:10px;
		padding: 5px;
	}
}
@media (max-width:779px){
	.videos-container{
		display:grid;
		grid-template-rows: 1fr 1.5fr;
		padding: 5px;
	}
	.right-column{
		margin-top:5px;
	}
}
.left-column{
	overflow: hidden;
}
.right-column{
    height: 0;
    min-height: 100%;
	font-family:'Public Sans';
}

.card-video{
	display:grid;
	grid-template-columns: 1fr 2fr;
	padding: 6px;
	cursor:pointer;
}
.data-video{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-left: 8%;
}
.image-container{
	padding-right: inherit;
}
.image-container > img{
	border-radius:3px;
}
hr.rounded {
    border-top: 1px solid #701d47;
    border-radius: 5px;
}
/* Style the tab */
.tab {
    display:flex;
    overflow: hidden;
    background-color: transparent;
	flex-direction: row;
}
#vimeoVideo{
	height:37vw;
	max-height: 426px;
}
/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: #9ca3af;
	color:#FFFFFF;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
	width:100%;
	border-radius:2px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #400317;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #701d47;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border-top: none;
    height:95%;
	overflow: auto;
}

/* Tamaño del scroll */
.tabcontent::-webkit-scrollbar{
  width: 5px;
}
.ctm-rec-container::-webkit-scrollbar{
	height:5px;
}

 /* Estilos barra (thumb) de scroll */
.tabcontent::-webkit-scrollbar-thumb, .ctm-rec-container::-webkit-scrollbar-thumb {
  background: #9ea4b0;
  border-radius: 4px;
}

.tabcontent::-webkit-scrollbar-thumb:active, .ctm-rec-container::-webkit-scrollbar-thumb:active {
  background-color: #999999;
}

.tabcontent::-webkit-scrollbar-thumb:hover, .ctm-rec-container::-webkit-scrollbar-thumb:hover{
  background: #701d47;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

 /* Estilos track de scroll */
.tabcontent::-webkit-scrollbar-track{
  background: #ffffff;
  border-radius: 4px;
	margin-top: 5px;
}
.ctm-rec-container::-webkit-scrollbar-track{
  background: #d4d4d4;
}
.tabcontent::-webkit-scrollbar-track:hover, .ctm-rec-container::-webkit-scrollbar-track:hover, 
.tabcontent::-webkit-scrollbar-track:active, .ctm-rec-container::-webkit-scrollbar-track:active {
  background: #d4d4d4;
}

/*Elecciones 2024*/
.titulo-elecciones-2024 .mag-box.block-custom-content{
	margin-bottom:5px;
}

/*-------------------------------------------------------------
# 
--------------------------------------------------------------*/
.container-gr { 
    display: grid; 
    grid-template-columns: [col1] 70% [col2] 30%; 
    grid-gap: 5px; 
    text-align: right; 
    color: #FFF; 
    } 
    .container-gr .responsiveimg { 
       width: 100%; 
       height: 361px;
   ;    object-fit: contain; 
    } 
     .container-gr .responsiveimgb{ 
   .container-gr .responsiveimg { 
       width: 100%; 
       height: 302px 
   ;    object-fit: contain; 
    } 
    } 
   .container-gr .responsiveimgb { 
       margin-bottom: 
   8px 
   ; 
    } 
   .container-gr .grid-cell-1 { 
     padding-top: 1px; 
   } 
    .container-gr .grid-cell-5 { 
     grid-column: 1 ; 
     grid-row: 3 / 1; 
     text-aling:left; 
     left:0px; 
   } 
    @media screen and (max-width: 1450px) and (min-width: 650px) { 
   .container-gr .container-gr { 
     display: grid; 
     grid-template-columns: [col1] 70% [col2] 30%; 
     grid-gap: 0px; 
     text-align: right; 
     color: #FFF; 
   } 
   
    .container-gr .responsiveimg{ 
     width: 100%; 
     height: 320px;
     height: auto; 
     margin-bottom: 17px;
   } 
     .container-gr .responsiveimgb{ 
     width: 100%; 
     height: auto; 
     padding-top: 1px; 
   } 
    .container-gr .grid-cell-1 { 
     padding-top: 1px; 
   } 
    .container-gr .grid-cell-5 { 
     grid-column: 1 ; 
     grid-row: 3 / 1; 
     padding: 0px; 
   } 
   } 
    @media only screen and (max-width: 650px) { 
   .container-gr { 
       background: #fff; 
       margin-right: 5px 
   ;    text-align: center; 
       right: 11px 
   ; 
       position: static;    left: 
   19px 
   ; 
       /* margin: 10px 
   ; */    margin-right: 
   -150px; 
    } 
    .container-gr .responsiveimg{ 
     width: 350px; 
     height: auto;  
    } 
     .container-gr .responsiveimgb{ 
     width: 350px; 
     height: auto; 
     padding-top: 0px; 
   } 
    .container-gr .grid-cell-1 { 
     float:right; 
     padding-top: 0px; 
     margin-top:0px; 
     margin:auto 0; 
     text-align: center; 
   } 
    .container-gr .grid-cell-5 { 
     float:right; 
     grid-row: 3 / 3; 
     padding: 0px; 
     margin:auto 0; 
     text-align: center; 
   } 
   } 
.desplyr{
    display:none;
}
.applyr{
    display:block;
    margin-bottom: 500px;
    margin-top: 151px;
    padding: 25px;
}

.main-nav .components li a:hover, 
.main-nav .menu ul li.current-menu-item:not(.mega-link-column)>a {
    color: #fff!important; 
}
.mega-menu a.mega-menu-link:hover {
    color: #fff!important;     
}

.main-nav .menu ul li:hover>a:not(.megamenu-pagination), 
.main-nav .components li a:hover, 
.main-nav .menu ul li.current-menu-item:not(.mega-link-column)>a {
    color: #fff!important; 
}


#main-nav .main-menu > ul > li > a {
    text-transform: uppercase;
    line-height: 1em;
    padding-top: 28px;
    padding-bottom: 26px;
    margin-right: -10px;
}

.custom-section-home-2 {

    height: auto!important;
}

#tiepost-240269-section-7619 {
     margin-top: 40px;
    margin-bottom: 48px!important;
}

.custom-section-home-2 .mag-box:last-child .post-thumb img {
    max-height: 250px!important;
}

div#tie-block_2713 {
    display: block;
    width: 50%;
    float: left;
    padding: 15px;
}

div#tie-block_2283 {
    display: block;
    width: 50%;
    float: left;
    padding: 15px;
}

div#tie-block_1982 {
    display: block;
    width: 50%;
    float: left;
    padding: 15px;
}

div#tie-block_1309 {
    display: block;
    width: 50%;
    float: left;
    padding: 15px;
}

.mag-box {

    clear: none!important;
}



@media screen and (max-width:800px) {
    div#tie-block_2713 {
        display: inherit;
        width: 100%;
        float: none;
    padding: 15px;
    }
    
    div#tie-block_2283 {
        display: inherit;
        width: 100%;
        float: none;
    padding: 15px;
    }
    
    div#tie-block_1982 {
        display: inherit;
        width: 100%;
    float: none;
    padding: 15px;
    }
    
    div#tie-block_1309 {
        display: inherit;
        width: 100%;
        float: none;
    padding: 15px;
    }
    
}





@media screen and (max-width:768px) {
    .div1frase {

        width: 350px;
        text-align: center;
    } 

    .contenedor-frase {
        display: block!important;
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: repeat(4, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .div3frase {
        position: absolute;
        top: 10px;
    }
}


.maps__container,
.modal__news {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
}
.modal__news {
  gap: 30px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr));
}

.maps__item {
  position: relative;
  cursor:pointer;
}

.maps__title {
  font-size: 16px;
  position: absolute;
  background-color: black;
  color: white;
  padding: 2px 5px;
  text-transform:uppercase;
}

.maps__item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.maps__modal {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 101;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}
.modal__content {
  background-color: #fefefe;
  margin: auto;
  border: 1px solid #888;
  width: 95%;
  padding: 20px;
}

.modal__item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
}
.modal__item img {
  max-width: 30%;
  flex: 1;
  aspect-ratio: 3/2;
  object-fit: cover;
  object-position: top;
}
.modal__news a,
.modal__news a:hover,
.modal__news a:focus,
.modal__news a:active {
  text-decoration: none;
  color: inherit;
}

.new__title {
  max-width: 70%;
  flex: 1;
  font-size: 19px;
  line-clamp: 3;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.new__title:hover {
  text-decoration: underline;
  text-decoration-color: #701d47;
  text-decoration-thickness: 2px;
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom:10px;
}
.modal__header > h3 {
  color: white;
  font-size:19px;
  position: relative;
  z-index: 1;
  padding: 5px 10px 5px 16px;
  display: inline-block;
}
.modal__header > h3:before {
  background-color: #701d47;
  color: white;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: skew(-20deg) translateX(6px);
  width: 100%;
  z-index: -1;
}
.close {
  color: #aaaaaa;
  float: right;
  font-size: 30px;
  font-weight: bold;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

@media screen and (max-width:768px) {
    .maps__modal{
        padding-top: 180px;
    }
    .new__title {
        max-width: 70%;
        flex: 1;
        font-size: 16px;
    }
}

div#custom_html-12 {
    margin-top: -50px;
}

.two_third {
    width: 47%!important;
}

.one_third.tie-columns.last {
    width: 47%;
}


.elite_vp_playlist.elite_vp_dark, .elite_vp_playlist_bottom.elite_vp_dark {
    background: transparent!important;
}

.elite_vp_mainContainer {
    background: transparent!important;
}

.main-wrap {
    background: transparent;
}

tr:nth-child(odd) td {
    background: transparent!important;
    border: none!important;
}

.elite_vp_itemSelected.elite_vp_dark, .elite_vp_itemSelected_bottom.elite_vp_dark {

    background: rgb(243 236 236 / 38%)!important;
}

.elite_vp_controlsColor.elite_vp_dark {
    color: #ffffff!important;
}

.elite_vp_itemUnselected.elite_vp_dark {
    background: rgb(243 236 236 / 14%)!important;
}

.messages__imagel {
    border-radius: 14%;
    max-width: 100px;
    max-height: 100px;
    float: right;
}

.messages__imager {
    border-radius: 14%;
    max-width: 100px;
    max-height: 100px;
    float: left;
}

li.messages__iteml {
    list-style: none;
}
li.messages__itemr {
    list-style: none;
}

.messages__contentl {
    text-align: right;
}

p.messages__pl {
    text-align: right!important;
}

li.messages__iteml {
    background: red;
    max-width: 295px;
    /* float: right; */
    /* display: contents; */
    right: 10px;
    margin-left: auto;
    margin-right: 0;
}

li.messages__itemr {
    background: green;
    max-width: 295px;
    /* float: right; */
    /* display: contents; */
    right: 10px;
    margin-left: 0;
    margin-right: auto;
}
/*-------------------------------------------------------------
# Seccion Panelista
--------------------------------------------------------------*/
.content-panelistas{
    width: 100%;
}
.content-panelistas ul{
    list-style: none;
    list-style-type: none!important;
}
.content-panelistas li:nth-child(odd) .redirect-messages {
    flex-direction: row;
}
.content-panelistas li:nth-child(odd) .redirect-messages .description-messages{
    border-radius: 0rem 5rem 5rem 0rem;
}
.content-panelistas .redirect-messages{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    text-decoration: none;
    flex-direction: row-reverse;
}
.content-panelistas .redirect-messages .container-messages{
    width: 40%;
}
.content-panelistas .redirect-messages .container-messages img{
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: cover;
}
.content-panelistas .redirect-messages .description-messages{
    width: 50%;
    background: #ffffff30;
    padding: 1rem;
    border-radius: 5rem 0rem 0rem 5rem;
    box-shadow: 0px 0px 1px 0px #000;
    text-align: center;
}
.content-panelistas .redirect-messages .description-messages h2{
    margin: 0;
}
.content-panelistas .redirect-messages .description-messages p{
    text-align: center;
}
/*-------------------------------------------------------------
# Seccion Lista Videos
--------------------------------------------------------------*/
.section-list{
}
.section-list .container-list {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 2% 4%;
    flex-wrap: wrap;
    background-image: url(https://dialogos.oncetvmexico.com/wp-content/uploads/2023/08/LUNES-BACK.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    object-fit: cover;
}
.section-list .container-list .title{
    display: grid;
    height: 100%;
    width: 100%;
    align-items: center;
    padding: 2% 2% 1% 0%;
    justify-content: flex-end;
    grid-template-columns: 59% 1fr;
}
.section-list .container-list .title h1{
    color: #030371;
    font-size: 3rem;
    grid-column: 2/3;
}
.section-list .container-list .video-info{
    display: flex;
    flex-direction: column;
    width: 55%;
}
.section-list .container-list .video-info .video-episode{
    width: 100%;
}
.section-list .container-list .video-info .video-episode video{
    box-shadow: 0px 0px 8px 1px #fff9;
    
}
.section-list .container-list .video-info .video-episode video-js{
    box-shadow: 0px 0px 8px 1px #fff9;
}
.section-list .container-list .video-info .description-video{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 1%;
}
.section-list .container-list .video-info .description-video h2{
    color: #030371;
    font-size: calc(1.5rem + 1vw);
    font-weight: bold;
    padding-bottom: 1%;
}
.section-list .container-list .video-info .description-video p{
    color: #030371;
    font-size: calc(0.3rem + 1vw);
}
.section-list .container-list .details{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 42%;
}
.section-list .container-list .details .episodes-list{
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.section-list .container-list .details .episodes-list .title-list{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 3%;
    padding-bottom: 3%;
    border-bottom: 2px solid #fff;
}
.section-list .container-list .details .episodes-list .title-list .episodios-titulo{
    color: #fff;
    font-size: 2rem;
    margin: 0;
}
.section-list .container-list .details .episodes-list .title-list .seasonSelector{
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 1.4em;
    padding: 1%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.section-list .container-list .details .episodes-list .title-list .seasonSelector:focus-visible{
    border: none;
    outline-color: #5e0a23!important;
    box-shadow: 0px 0px 3px 2px #fff;
    outline-style: none;
}
.section-list .container-list .details .episodes-list .title-list .seasonSelector option{
    color: #78787b;
    font-weight: 700;
}
.section-list .container-list .details .episodes-list::-webkit-scrollbar{
    width: 13px;
    height: 15px;
    cursor: pointer;
}
.section-list .container-list .details .episodes-list::-webkit-scrollbar-thumb{
    background: #acacac;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.section-list .container-list .details .episodes-list .list{
    list-style: none;
    padding: 0;
    border-color: #fff;
    padding-top: 1px;
    width: 100%;
    height: 450px;
    overflow-y: scroll;
}
.section-list .container-list .details .episodes-list .list .active-item{
    background: #404040;
    box-shadow: inset 0px 0px 5px 2px #00000082;
}
.section-list .container-list .details .episodes-list .list .active-item a{
    text-shadow: -3px 2px 2px #0c0c0c;
}
.section-list .container-list .details .episodes-list .list::-webkit-scrollbar{
    width: 13px;
    height: 15px;
    cursor: pointer;
}
.section-list .container-list .details .episodes-list .list::-webkit-scrollbar-thumb{
    background: #acacac;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.section-list .container-list .details .episodes-list .list .episode-item a{
    width: 100%;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: grid;
    justify-content: space-between;
    margin-bottom: 1%;
    grid-template-columns: 40% 1fr;
}
.section-list .container-list .details .episodes-list .list .episode-item .image-episode-item picture{
    width: 100%;
    height: auto;
}
.section-list .container-list .details .episodes-list .list .episode-item .image-episode-item{
    width: auto;
}
.section-list .container-list .details .episodes-list .list .episode-item .image-episode-item picture img{
    width: 100%;
    height: auto;
    object-fit: cover;
    max-width: 200px;
    max-height: 200px;
}
.section-list .container-list .details .episodes-list .list .episode-item .description-episode-item{
    width: 100%;
    height: 150px;
    padding-left: 1rem;
}
.section-list .container-list .details .episodes-list .list .episode-item .description-episode-item h3{
    color: #030371;
    font-size: calc(0.6rem + 1vw);
    line-height: 1.5rem;
    text-transform: capitalize;
}   
.section-list .container-list .details .episodes-list .list .episode-item .description-episode-item p{
    color: #030371;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    font-size: calc(0.1rem + 1vw);
    padding-top: 1rem;
}
/*-------------------------------------------------------------
# Section Programas 
--------------------------------------------------------------*/
.section-programas{
}
.section-programas .container-programas {    
    width: 100%;
    object-fit: cover;
    padding: 2% 4%;
    display: grid;
    grid-template-columns: 25% 1fr;
    grid-template-rows: repeat(2, 1fr);
    gap: 2rem;
}
.section-programas .container-programas .content-infografias{
    background-image: url(https://dialogos.oncetvmexico.com/wp-content/uploads/2023/08/Back-dialogos.png);
    background-size: contain;
    height: auto;
    grid-column: 1/2;
    grid-row: 1/2;
}
.section-programas .container-programas .content-infografias .info{
    width: 100%;
    padding: 2rem;
}
.section-programas .container-programas .content-infografias .info h1{
    color: #030371;
    font-size: calc(2rem + 1vw);
    text-align: center;
}
.section-programas .container-programas .content-infografias .info p{
    color: #030371;
    font-size: 1rem;
    margin: auto;
}
.section-programas .container-programas .content-infografias .logo{
    width: 100%;
    padding: 2em;
}
.section-programas .container-programas .coment-comentarios{
    background: black;
    width: 100%;
    height: 100%;
    grid-column: 2/3;
    grid-row: 1/2;
}
/*-------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media (max-width: 1200px){
    /*-------------------------------------------------------------
    # Seccion Lista Videos
    --------------------------------------------------------------*/
    .section-list .container-list .video-info{
        width: 100%;
    }
    .section-list .container-list .details{
        width: 100%;
        margin-top: 2%;
    }
    .section-list .container-list .details .episodes-list .list{
        height: 350px;
    }
    .section-list .container-list .details .episodes-list .list .episode-item {
        justify-content: flex-start;
    }
    .section-list .container-list .details .episodes-list .list .episode-item .image-episode-item{
        width: 30%;
    }
}
@media (max-width: 991px){
    /*-------------------------------------------------------------
    # Seccion Lista Videos
    --------------------------------------------------------------*/    
    .section-list .container-list .details .episodes-list .list{
        height: 250px;
        margin-top: 2%;
    }
    .section-list .container-list .details .episodes-list .list .episode-item .image-episode-item{
        width: 40%;
    }
}
@media (max-width: 650px){
    /*-------------------------------------------------------------
    # Seccion Lista Videos
    --------------------------------------------------------------*/
    .section-list .container-list .details .episodes-list .list{
        height: 222px;
    }
    .section-list .container-list .details .episodes-list .list .episode-item .image-episode-item{
        width: 40%;
    }
}
@media (max-width: 550px){
    .content-panelistas .redirect-messages .description-messages{
        width: 60%;
        padding: 6px;
    }
    .content-panelistas .redirect-messages .description-messages h2{
        font-size: 1rem;
    }
}
@media (max-width: 500px){
    /*-------------------------------------------------------------
    # Seccion Lista Videos
    --------------------------------------------------------------*/
    .section-list .container-list .title h1{
        font-size: 1.5rem;
    }
}
@media (max-width: 450px){
    /*-------------------------------------------------------------
    # Seccion Lista Videos
    --------------------------------------------------------------*/
    .section-list .container-list .details .episodes-list .list .episode-item{
        margin-bottom: 1.5%;
    }
    .section-list .container-list .details .episodes-list .list .episode-item .description-episode-item{
        height: 115px;
    }
    .section-list .container-list .details .episodes-list .list .episode-item .description-episode-item h3{        
        line-height: 1.2rem;
    }
    .section-list .container-list .details .episodes-list .list .episode-item .description-episode-item p{
        -webkit-line-clamp: 3;
    }
}

/*swiper*/
        .diversidad-slider {
            width: 100%;
            padding-bottom: calc(var(--swiper-pagination-bullet-size, 30px));
        }

        .diversidad-slider .ctm-content-image {
            position: relative;
        }

        .diversidad-slider .ctm-content-image img {
            width: 100%;
            height: 100%;
            object-fit: fill;
        }

        .diversidad-slider .swiper-button-next,
        .diversidad-slider .swiper-button-prev {
            top: 80%;
        }
		.diversidad-slider .swiper-button-next:after,
        .diversidad-slider .swiper-button-prev:after {
            content:'';
        }

        /* .once-digital-slider .ctm-btn-next,
        .once-digital-slider .ctm-btn-prev {
            width: 40px;
            color: transparent;
        } */

        .diversidad-slider .ctm-btn-next img,
        .diversidad-slider .ctm-btn-prev img {
            position: absolute;
            width: 40px;
        }

        .diversidad-slider .ctm-btn-next img {
            right: 5px;
        }

        .diversidad-slider .ctm-btn-prev img {
            left: 5px;
        }

        .diversidad-slider .swiper-pagination.swiper-pagination-bullets {
            padding-top: 10px;
            transform: translateX(-50%) translateY(10px);
        }

        .diversidad-slider .swiper-pagination .swiper-pagination-bullet {
            width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 20px));
            height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 20px));
        }

        /* .once-digital-slider.swiper .swiper-pagination span {
            opacity: 1;
            background: #fff;
            box-shadow: 0px 0px 1px 1px #80184b;
        }

        .once-digital-slider.swiper .swiper-pagination .swiper-pagination-bullet-active {
            background: #80184b;
            border: 0.1px solid #80184b;
        } */

        @media screen and (max-width:768px) {
            .once-digital-slider {
                margin-top: 10px;
            }

            /* .once-digital-slider .ctm-btn-prev,
            .once-digital-slider .ctm-btn-next {
                display: none;
            } */
        }
        
.main-nav .menu ul li:hover>a:not(.megamenu-pagination), 
.main-nav .components li a:hover, 
.main-nav .menu ul li.current-menu-item:not(.mega-link-column)>a {
    color: #fff!important; 
}
.mega-menu a.mega-menu-link:hover {
    color: #fff!important;     
}
.section-notas-elecciones .container-notas-elecciones {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 1rem;
}
.section-notas-elecciones .container-notas-elecciones .grid-item-elecciones{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-g{
    grid-template-columns: repeat(3, 1fr);
}
.section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-g,
.section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-ch {
    gap: 1rem;
}
.section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-ch .item-elecciones{
    flex-direction: row;
}
.section-notas-elecciones .container-notas-elecciones .item-especial{
    width: 100%;
    background-color: black;
}
.section-notas-elecciones .container-notas-elecciones .item-elecciones{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    text-decoration: none;
}
.section-notas-elecciones .container-notas-elecciones .item-elecciones img{
    width: 100%;
    height: auto;
    display: block;
    max-width: 100%;
    object-fit: cover;
}
.section-notas-elecciones .container-notas-elecciones .item-elecciones h3 {
    color: #fff;
    font-size: 1rem;
}
.section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-g .item-elecciones{
    position: relative;
}
.section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-g .item-elecciones .sinopsis {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 35%;
    padding: 1rem;
    background-color: #00000087;
}
.section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-g .item-elecciones img{
    max-height: 310px;
    min-height: 100%;
}
.section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-ch{
    width: 100%;
    gap: 1rem;
    background: #fd1368ad;
    padding: 1rem;
}
.section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-ch .item-elecciones{
    gap: 1rem;
}
.section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-ch .item-elecciones .item-image{
    width: 40%;
}
.section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-ch .item-elecciones .sinopsis{
    width: 60%;
}
.section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-ch .item-elecciones img {
    width: 100%;
    height: auto;
    min-height: 80px;
    display: block;
    max-width: 100%;
    max-height: 101px;
}
.section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-ch h3{
    font-size:  1rem;
}
@media (max-width: 1170px){
    .section-notas-elecciones .container-notas-elecciones .item-elecciones h3 {
        color: #fff;
        font-size: 0.8rem;
    }
}
@media (max-width: 991px){
    .section-notas-elecciones .container-notas-elecciones .item-elecciones h3 {
        font-size: 0.7rem;
    }
    .section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-g .item-elecciones .sinopsis{
        height: 30%;
    }
    .section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-g .item-elecciones img{
        min-height: 250px;
    }
}
@media (max-width: 880px){
    .section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-ch .item-elecciones{
        flex-direction: column;
    }
    .section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-ch .item-elecciones .item-image{
        width: 100%;
    }
    .section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-ch .item-elecciones .sinopsis{
        width: 100%;
    }
    .section-notas-elecciones .container-notas-elecciones .item-elecciones h3 {
        font-size: 0.7rem;
    }
    .section-notas-elecciones .container-notas-elecciones{
        padding: 0;
    }
    .section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-g .item-elecciones .sinopsis{
        height: 45%;
        padding: 5px;
    }
}
@media (max-width: 760px){
    .section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-g .item-elecciones img{
        min-height: 210px;
    }
}
@media (max-width: 620px){
    .section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-g .item-elecciones .sinopsis{
        padding: 5px;
        height: 50%;
    }
    .section-notas-elecciones .container-notas-elecciones .item-elecciones h3 {
        font-size: 0.7rem;        
    }
}
@media (max-width: 550px){
    .section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-g .item-elecciones .sinopsis h3 {
        font-size: 0.6rem;
    }
}
@media (max-width: 480px){
    .section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-g, 
    .section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-ch{
        gap: 5px;
    }
    .section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-g .item-elecciones .sinopsis h3{
        font-size: 0.6rem;
    }
}
@media (max-width: 430px){
    .section-notas-elecciones .container-notas-elecciones .container-notas-elecciones-g .item-elecciones .sinopsis h3 {
        font-size: 0.6rem;
    }
}