@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600;700;800&display=swap');
*{
	padding:0;
	margin:0;
	box-sizing:border-box;
	scroll-behavior:smooth;
	font-family:Poppins;
	
}
input{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
#contenedor-principal{
	background:#fff;
	color:#006EAD;
}
.contenedor-general{
	-webkit-box-shadow:0px 10px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow:0px 10px 20px 0px rgba(0,0,0,0.75);
	box-shadow:0px 10px 20px 0px rgba(0,0,0,0.75);
}
#mas-audios .audio .img{
	position:relative;
}
a{
	text-decoration:none;
}
h3{
	font-size:30px;
}
.overflowhidden{
	overflow:hidden;
}
.floatleft{
	float:left;
}
.floatright{
	float:right:
}
header li a{
	display:block;
	color:#fff;
	font-family:arial;
}
.nombre-autor{
    background-color:rgba(0,0,0,.6);
}
#logo-top{
    padding:8.5px 8px;
	overflow:hidden;
}
#logo-top img{
	height:14px;
	float:right;
}
header.shrink #logo-top img{
	opacity:0;
}
header nav li:nth-child(1),header nav li:nth-child(2){
	display:none;
}
header.shrink nav li:nth-child(1),header.shrink nav li:nth-child(2){
	display:block;
}
#logo-top a{
	display:block;
}
.header-seccion{
	margin-bottom:40px;
}
.header-seccion img{
	width:100%;
}
header li{
	list-style:none;
	float:left;
}
.audio .txt{
	overflow:hidden;
}
#lista-audios{
    margin:15px 0;
}
#lista-audios .txt{
	margin:0;
}
#mas-audios .audio .txt .texto-txt{
	padding:0 10px;
	display:table-cell;
    vertical-align:middle;
}
#mas-audios .audio .txt .texto-txt p{
	color:#717171;
    font-size:14px;
}	
#mas-audios .audio{
	border:0;
    background:#fff;
	cursor:pointer;
}
#mas-audios .fa-volume-up, #mas-audios .fa-play-circle{
	float:none;
    text-shadow:none;
	text-align:center;
	display:table-cell;
    vertical-align:middle;
    position:unset;
	color:#000;
	padding-left:10px;
}
.titulo{
	text-align:center;
	padding:20px 0;
}

/*------------------AUDIOS------------------*/
#mas-audios .fa-volume-up,#mas-audios .fa-play-circle{
	color:#006EAD;
	font-size:40px;
}
/*------------------AUDIOS------------------*/

.txt h2{
	color:#006EAD;
    font-weight:100;	
}
#bloque-presentacion,#bloque-final{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
#bloque-presentacion{
	height:100vh;
	background:url(../img/voces-gran-cadena-federal/bloque-principal.jpg) fixed center;
	background-size:cover;
	position:relative;
}
#bloque-final{
	background:url(../img/voces-gran-cadena-federal/bloque-final.jpg) fixed;
	background-size:cover;
	position:relative;
	height:100vh;
	-webkit-box-shadow:inset 0px 6px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow:inset 0px 6px 20px 0px rgba(0,0,0,0.75);
	box-shadow:inset 0px 6px 20px 0px rgba(0,0,0,0.75);
}
.logo-hashtag .overflowhidden{
	margin:auto;
	text-align:center;
}
.logo-hashtag .overflowhidden div:last-child{
	float:right;
	display:table;
}
.logo-hashtag .overflowhidden div:first-child img{
	height:30px;
}
.logo-hashtag .overflowhidden div:last-child p{
	color:#fff;
	font-size:14px;
	font-weight:600;
	display:table-cell;
	vertical-align:middle;
	height:30px;
}
#bloque-final #mensaje-presentacion h1{
	display:inline;
	padding:0 8px;
	background:#006EAD;
	color:#fff;
}
#bloque-presentacion #mensaje-presentacion{
	animation-name:bloque-presentacion-txt;
}
#mensaje-presentacion{
	position:absolute;
	width:100%;
	text-align:center;
	animation-duration:2s;
	animation-fill-mode:forwards;
}
#mensaje-presentacion h1,#mensaje-presentacion h2{
	color:#fff;
	display:block;
	margin:auto;
	font-weight:600;
	text-shadow:1px 1px #333;
}
#bloque-presentacion .logo-hashtag{
	position:absolute;
	width:100%;
	animation-name:logo-hashtag;
	animation-duration:2s;
	animation-delay:1s;
	animation-fill-mode:backwards;
}
#bloque-final .logo-hashtag{
	position:absolute;
	width:100%;
}
#mensaje-bloque-2{
	background:#006EAD;
	text-align:center;
}
#mensaje-bloque-2 p,#mensaje-bloque-2 strong{
	color:#fff;
}
#mensaje-bloque-2 h2{
	color:#01FFFF;
}
header .overflowhidden div:first-child{
	float:left;
}
header .overflowhidden div:last-child p{
	color:#006EAD;
	font-size:14px;
	font-weight:600;
	display:table-cell;
	vertical-align:middle;
	height:30px;
}
.flecha-abajo{
	position:absolute;
	left:calc(50% - 14px);
	transition:all .4s;
	cursor:pointer;
	animation-name:flecha-abajo;
	animation-duration:2s;
	animation-delay:1.4s;
	animation-fill-mode:backwards;
}
.flecha-abajo:hover{
	bottom:10px;
}
#lista-episodios ol h3{
	padding:10px;
    background:#3e3e3e;
    text-transform:uppercase;
}
#lista-episodios ol li p{
	margin-left:20px;
}
.play-audio-destacado{
	position:absolute;
	opacity:0;
	text-shadow:1px 2px #111;
	color:#fff;
    text-align:center;
	animation-name:play-audio-destacado;
	animation-fill-mode:forwards;
	animation-delay:1s;
}
#menu-suscripcion{
	margin:10px 0 40px 0;
}
#menu-suscripcion p{
	padding:10px;
    color:#666;
    text-transform:uppercase;
}
#menu-suscripcion .boton a{
	color:#fff!!important;
}
.audio .fecha-audio p{
	font-size:14px;
}
.btn{
    background:none;
	color:#fff;
}
.texto div{
    margin:auto;
    text-align:center;
	background:rgba(255, 255, 255, 0.89);
}
.popup{
	background:#eee;
    border:1px solid #ddd;
    padding:10px 15px;
    font-family:Oswald;
    right:59px;
    cursor:not-allowed;
    margin:10px;
    width:300px;
    margin:20px auto;
}
.copiar p{
	color:#c3c3c3;
	text-align:center;
}
.enlace-absoluto:hover{
	background:0 !important;
}
.boton-canal{
	background:#005ca8;
	text-transform:uppercase;
	margin-right:10px;	
}
.boton-canal a{
	color:#fff;
	display:block;
}
#player24hs{
	height:330px;
	padding-top:20px;
}
.social .iconos{
	margin:10px 0 20px 0;
}
.como-utilizo{
	padding:40px 0 20px 0;
	border-top:2px #38393a solid;
}
.como-utilizo table p{
    text-align:center;
    color:#196cb0;
}
.como-utilizo img{
	display:unset;
}
.acceso-canal{
	padding:0 20px;
}
a{
	color:#0067A2;
}
footer{
	margin-top:0;
}

/*------------------REPRODUCTOR PODCAST BEGINS------------------*/
body{
	overflow-x:hidden;
}
#reproductor-podcast{
	width:100%;
    height:87px;
    background:#232323f2;
	position:fixed;
	bottom:0;
	z-index:1002;
	-webkit-box-shadow:0 0 12px rgba(0,0,0,.4);
    -moz-box-shadow:0 0 12px rgba(0,0,0,.4);
    box-shadow:0 0 12px rgba(0,0,0,.4);
	display:none;
}
#reproductor-podcast .img{
	width:130px;
	height:87px;
	float:left;
}
#reproductor-podcast .img img{
	width:100%;
	height:105px;
}
#reproductor-podcast .controles div{
	display:table-cell;
	vertical-align:middle;
}
#reproductor-podcast audio{
	width:10%;
	float:left;
}
#controles-reproductor{
	float:left;
    width:calc(100% - 414px);
    height:87px;
	background:#0000;
}
#audio-reproduccion{
	float:left;
	position:absolute;
    top:16px;
    left:280px;
}
#audio-reproduccion p{
    font-size:14px;
	color:#8a8a8a;
}
#controles-reproduccion{
	float:left;
	display:table;
	width:140px;
    height:87px;
}
#controles-reproduccion div{
	vertical-align:middle;
	text-align:center;
	display:table-cell;
	width:35px;
}
#botonera-podcast{
	display:table;
    width:129px;
    height:87px;
    float:right;
    background:#fff;
}
#botonera-podcast div{
	vertical-align:middle;
	text-align:center;
	display:table-cell;
	width:40px;
}
#controles-reproduccion i{
	color:#8a8a8a;
	cursor:pointer;
}
#controles-reproduccion i:hover{
	color:#3f9ae4;
}
#botonera-podcast i{
	color:#006666;
	cursor:pointer;
	width:40px;
}
#botonera-podcast i:hover{
	color:#3f9ae4;
}
#lista-episodios{
	position:absolute;
    bottom:87px;
	right:15px;
    background:#3a3a3afc;
    min-width:50%;
    border-radius:0;
	-webkit-box-shadow:6px -10px 12px -6px  rgba(0,0,0,.4);
    -moz-box-shadow:6px -10px 12px -6px  rgba(0,0,0,.4);
    box-shadow:6px -10px 12px -6px  rgba(0,0,0,.4);
	display:none;
}
#lista-episodios ol{
    max-height:290px;
	overflow-y:scroll;
	border-bottom:1px solid black;
}
#lista-episodios ol li{
    padding:10px 5px;
	border-bottom:1px solid #404040;
	position:relative;
}
#lista-episodios ol li a{
    color:#808080;
	margin:5px;
    float:left;
    width:88%;	
}
#lista-episodios ol li i{
    color:#3c3c3c;
	margin:5px;
	float:left;	
}
#lista-episodios ol li.playing a{
    color:#000;
}
#lista-episodios ol li:last-child{
	border-bottom:0;
}
#menu-podcast-mobile{
	display:none;
}
.audiojs{
	background-image:none !important;
	background:none !important;
	-webkit-box-shadow:none;
    -moz-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
	width:100%;
	float:left;
}
.audiojs .play-pause{
	display:none;
}
.audiojs .progress{
	background:#006666;
}
.audiojs .loaded{
	background:#ddd !important;
}
.audiojs .time{
	border-left:0;
	height:auto;
	line-height:unset;
	margin:5px 0 0 0;
}
.audiojs .time,.audiojs .time em{
	color:#8a8a8a;
	padding:0;
	text-shadow:none;
}
.audiojs .scrubber{
	border-top:0;
	height:6px;
	width:40%;
}
.playing,.playing-audio{
	background:#f6f6f7 !important;
}
#mas-audios .playing-audio p{
	color:#000 !important;
}
.boton-queue{
	position:absolute;
	z-index:10;
	top:15px;
	right:15px;
	color:#fff;
}
.item-queue{
	position:absolute;
	z-index:10;
	top:10px;
    right:10px;
    width:30px !important;
}
.boton-queue i{
	color:#ffffff6b !important;
    font-size:30px;
}
.item-queue i{
    color:#272727 !important;
}
.playing-queue,.playing-audio-queue{
	background:#272727 !important;
}
.playicono{
	display:block;
}
#boton-cerrar{
	font-size:26px !important;
    color:#006666;
    position:absolute;
    background:#333333;
    padding:7px 11px;
    cursor:pointer;
    border-radius:80px;
}
#lista-redes{
	display:none;
	padding:10px 5px;
	position:absolute;
    right:0;
    top:-42px;
	text-align:center;
	z-index:1;
	background:#232323;
	-webkit-box-shadow:-5px -7px 6px -8px rgba(0,0,0,.4);
    -moz-box-shadow:-5px -7px 6px -8px rgba(0,0,0,.4);
    box-shadow:-5px -7px 6px -8px rgba(0,0,0,.4);
}
#boton-compartir:hover #lista-redes{
	display:block;
}
#lista-redes i{
    color:#006666;
    cursor:pointer;
    width:37px;
	font-size:20px;	
}
.autor{
	left:0;
	bottom:-10px;
	position:absolute;
}
.autor .fondo{
	width:100%;
}
.autor .img{
    background:white;
    left:0;
    width:105px !important;
    padding:10px;
}
.autor .img img{
    width:auto !important;
}
.capa-superpuesta{
	position:absolute;
	width:100%;
	height:100%;
	background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.1));
	display:none;
}

/*------------------FRANJA DATOS------------------*/
#franja-datos{
	background:#01FFFF;
}
#franja-datos .overflowhidden{
	margin:auto;
}

#franja-datos .overflowhidden div p:first-child{
	font-size:50px;
	line-height:34px;
}

#franja-datos .overflowhidden div p:last-child{
	text-transform:lowercase;
	font-size:20px;
}
#franja-datos p{
	color:#0067A2;
	font-weight:700;
}
/*------------------FRANJA DATOS------------------*/

/*------------------FOOTER------------------*/
footer{
	background-color:#0858a8;
}
footer>.overflowhidden{
	padding:2em 1em;
}
footer p,footer a,footer h3{
	color:#fff;
}
footer img{
	width:100%;
}
#titulos-footer{
	background:#084684;
	overflow:hidden;
	-webkit-box-shadow:inset 0px -4px 10px 0px rgba(7,56,105,.8);
	-moz-box-shadow:inset 0px -4px 10px 0px rgba(7,56,105,.8);
	box-shadow:inset 0px -4px 10px 0px rgba(7,56,105,.8);
}
#titulos-footer h3{
	text-transform:uppercase;
}
#titulos-footer a{
	color:#ddd;
}
footer hr{
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom:5px solid;
	margin-bottom:10px;
}
#mas-buscados-footer{
	background:#111;	
}
#mas-buscados-footer li a{
	display:inline-block;	
}
#mas-buscados-footer li a{
	padding:4px 6px;
	margin:4px;
	color:#ddd;
	background:#333;
	border-radius:20px;
}
#voces-de-la-radio{
	overflow:hidden;
	background:#000;
	padding:30px 50px;
}
#voces-de-la-radio .logo-footer{
	width:100%;
	margin-bottom:20px;
}
#voces-de-la-radio img{
    width:auto;
	height:40px;
}
#voces-de-la-radio ul{
	padding:10px 0;
}
#voces-de-la-radio li{
    display:block;
}
#voces-de-la-radio hr{
    border-color:#fff;
	opacity:.1;
}
/*------------------FOOTER------------------*/

/*------------------FIX------------------*/
@media(max-width:1023px){
	#reproductor-podcast .img{

		display:none;
	}
	#audio-reproduccion{
		display:none;
	}
	#controles-reproduccion{
		width:50px;
	}
	#controles-reproductor{
		width:calc(100% - 197px);
		border:0;
	}
	#controles-reproduccion div:nth-child(odd){
		display:none;
	}
	#botonera-podcast{
		width:147px;
	}
	#botonera-podcast div:nth-child(1n+2){
		display:none;
	}
	#lista-episodios{
		right:0;
	}
	#lista-episodios ol{
		max-height:290px;
	}
	#menu-podcast-mobile{
		display:block;
		border-top:1px solid whitesmoke;
		float:left;
		display:table;
		height:50px;
	}
	#menu-podcast-mobile div{
		vertical-align:middle;
		text-align:center;
		display:table-cell;
		width:40px;
		border-top:1px solid whitesmoke;
	}
	#menu-podcast-mobile i{
		color:#006666;
		cursor:pointer;
	}
	.audiojs .scrubber{
		margin:10px;
		width:calc(100% - 20px);
	}
	.audiojs .time{
		display:none;
	}
}

/*------------------FIX------------------*/
/*------------------REPRODUCTOR PODCAST ENDS------------------*/


.owl-theme .owl-nav{
	position:unset !important;
	background:0;
	padding:0;
}
.owl-theme .owl-nav span{
	color:#fff;
	font-family:Oswald;
	position:absolute;
    top:30%;
	height:63px;
	filter:drop-shadow(4px 4px 3px black);
	padding:14px 4px 12px 4px;
}
.owl-prev span{
	position:absolute;
    top:52%;
    left:1%;
}
.owl-next span{
    right:1%;
}
#escuchanos-en-vivo{
	padding:40px 0;
    border-top:2px #3d3d3e solid;
    background:#1f1f1f;
	width:100%;
    text-align:center;	
}
#escuchanos-en-vivo p{
    padding:10px;
    color:#666;
    text-transform:uppercase;
}
.columna img{
	display:inline;
	-webkit-filter:brightness(0) invert(1);
	-moz-filter:brightness(0) invert(1);
	-ms-filter:brightness(0) invert(1);
	-o-filter:brightness(0) invert(1));
	filter:brightness(0) invert(1); 
	 width:160px;
}
.columnas-3{
	overflow:hidden;
	display:table;
}
.columnas-3 .columna{
	text-align:center;
	margin:20px 0;
}

/*------------------SCROLLBAR------------------*/
::-webkit-scrollbar{
  width:10px;
}
/* Track */
::-webkit-scrollbar-track{
  background:#000; 
}
 
/* Handle */
::-webkit-scrollbar-thumb{
  background:#006EAD;
  border-left:1px solid #000;
  border-right:1px solid #000;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover{
  background:#ccc; 
}
/* Track */
#mySidenav::-webkit-scrollbar-track{
  background:#000; 
}
 
/* Handle */
#mySidenav::-webkit-scrollbar-thumb{
  background:#006EAD; 
}

/* Handle on hover */
#mySidenav::-webkit-scrollbar-thumb:hover{
  background:#ccc; 
}
/*------------------SCROLLBAR------------------*/

.jwplayer{
    width:100% !important;
	height:40px !important;
	margin-top:30px !important	
}
.jw-icon-playback,.jw-display-icon-display{
	display:none !important;
}
.jw-preview{
	background-position:right !important;
}
.jw-wrapper,.jw-preview,.jw-controls-backdrop,.jw-flag-audio-player,.jwplayer.jw-state-complete .jw-controls{
	background-color:transparent !important;
	background:transparent !important;
}