html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;list-style:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{margin:0;line-height:normal;font-family:"Poppins",sans-serif;font-size:1em;background-image:url(https://i.imgur.com/G0VFfHE.png)}
a,a:hover,a:focus,a:link{text-decoration:none;outline:none;color:#0274be}
h1{font-size:clamp(1.25rem,1rem + 2vw,2.25rem)}
h3{margin:0;color:#fff;text-shadow:0 0 5px #000}
img{vertical-align:top}
header{background:#000d;width:auto;padding:2px 4%}
.cabecera{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:calc(0.6rem + 0.6vw)}
nav{display:flex;column-gap:5px}
.menu{display:flex;column-gap:5px}
.menu-item{display:flex;align-items:center;padding:5px 10px;background-color:#F05}
.menu-item:hover{background-color:#2d62d3}
.menu-item a{color:#eee}
.wrap{margin:.5em 2em;background-color:#eee}
.content{display:flex;padding:1em}
main{width:70%;padding-right:1%}
aside{width:30%;padding:1%;vertical-align:top;background-color:#4caf50}
footer{color:#fff;padding:6px;background-color:#1e2a34;text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-column-gap:6px;grid-row-gap:15px}
.loop{display:flex;flex-wrap:wrap;position:relative;border:1px solid #00000020;justify-content:flex-start;line-height:1;margin-bottom:10px;width:100%;border-radius:5px;overflow:hidden;background:#fff;box-shadow:0 0 8px #ddd;color:#555}
.loop:hover{box-shadow:8px 8px 6px -10px #555}
.loop2{display:flex;flex-wrap:wrap;position:relative;align-items:center;line-height:1;margin-bottom:10px;width:100%;border-radius:5px;overflow:hidden;background:#fff;box-shadow:0 0 1px #000;color:#555}
.loop2:hover{box-shadow:0 0 5px 5px #f05}
.tit{padding:5px 10px;font-size:.9rem;color:#0274be;font-weight:700;text-overflow:ellipsis;overflow:hidden;width:-webkit-fill-available}
.img{padding:0}
.img img{vertical-align:top}
.vis{font-size:12px;padding:0 10px 10px}
.tit2{padding:5px 10px;font-size:.9rem;color:#0274be;font-weight:700;text-overflow:ellipsis;overflow:hidden}
.vis2{font-size:12px;padding:5px 10px}
.esl,.lug,.gen{margin-top:8px}
.post-radio{border-bottom:1px solid #ddd;margin-bottom:7px}
.post-h1{text-align:center;font-size:1.5em;margin:.3em 0;line-height:1}
.post-h2{text-align:center;font-size:1em;border-top:1px solid #ddd}
.post-esl{width:max-content;border-top:1px solid #ddd;margin-top:10px}
.gen a{background:#F05;color:#fff;padding:1px 4px;border-radius:5px;font-size:.875rem;margin-right:1px}
.gen a:hover{color:#fff;background:#000}
.text1{display:flex}
.text2{margin:.5em 0}
.info{margin-left:15px}
.info>span{font-weight:700}
.related{margin-bottom:4px;border-radius:5px;padding:4px 10px;background-color:#3F51B5;text-shadow:0 0 2px #000;color:#fff}
.pagination ul{list-style:none;display:flex;gap:2px;padding:0}
.pagination li{display:inline}
.pagination a,.pagination .current{padding:6px 12px;border:1px solid #ddd;text-decoration:none;color:#0073aa;border-radius:4px}
.pagination .current{background-color:#0073aa;color:#fff;font-weight:700}
.region-list{display:flex;flex-wrap:wrap;margin-bottom:20px}
.region-list li{width:33.33%;border-bottom:1px solid #ddd;padding-bottom:5px;margin-bottom:5px}
.form{display:flex;height:40px;box-shadow:0 0 8px #ddd;border-radius:10px}
.form input{width:100%;border:#fff;border-right:1px solid #ccc}
.form select{width:30%;height:100%;border:#fff;border-right:1px solid #ccc}
.form button{background:#2d62d3;color:#fff;border:none;width:100px;border-top-right-radius:7px;border-bottom-right-radius:7px;display:flex;align-items:center;justify-content:center;font-size:1rem;text-decoration:none!important;cursor:pointer}
.paises-grid{display:grid;grid-template-columns:repeat(2,1fr)}
.paises-grid img{vertical-align:baseline}
.paises-grid a{padding:6px;font-size:14px;background-color:#ffd700;color:#000;margin:3px;border-radius:4px}
.paises-grid a:hover{background-color:#000;color:#fff;transform:scale(1.05);box-shadow:0 8px 16px #fff3}
.lista-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}
.lista-grid a{text-transform:uppercase;padding:6px;font-size:20px;background:#66BB6A;color:#1B1B1B;margin:3px;border-radius:4px}
.lista-grid a:hover{background-color:#000;color:#fff;transform:scale(1.05);box-shadow:0 8px 16px #fff3}
.generos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50%,2fr))}
.generos-grid a{padding:6px;font-size:14px;color:#ffd700;background-color:#12365d;margin:3px;border-radius:4px}
.generos-grid a:hover{background-color:#ff5722;transform:scale(1.05);box-shadow:0 8px 16px #fff3}
.tops{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#000;top:-10px;background:#ffd700;position:absolute;right:-10px}
.radio-player{display:flex;align-items:center;background:#000;bottom:0;z-index:999;position:fixed;width:100%;height:60px;text-shadow:0 0 #000;padding:0 15px}
.radio-player-details{display:flex;align-items:center;justify-content:flex-start;flex-flow:row;width:60%}
.station-meta{display:flex;flex-flow:column;margin-left:1rem;width:100%}
.station-title{font-size:1.5rem;line-height:1;margin-bottom:.2rem;color:#FFC107}
.station-status{display:flex}
.station-thumbnail{width:80px;height:80px;object-fit:cover;object-position:center;border-radius:4px;margin-bottom:15px}
.player-status{font-weight:700;display:flex;align-items:center;margin-right:10px}
.status-text-live,.player-status .status-text-offline{padding:3px 10px;border-radius:3px;color:#fff;background:#e8000e;font-size:10px;line-height:10px}
.status-text-offline{display:none}
.status-dot{height:7px;width:7px;background:#e8000e;border-radius:30px;margin-left:12px!important;position:relative;display:flex;align-items:center;justify-content:center}
.status-dot:after{content:"";height:13px;width:13px;border:1px solid #e8000e;position:absolute;border-radius:50%;box-shadow:0 0 0 0 #e8000e;-webkit-animation:animador 1s ease infinite;animation:animador 1s ease infinite}
.offline .status-text-offline{display:block;background:#999}
.offline .status-text-live{display:none}
.offline .status-dot{background:#999;margin-left:8px}
.offline .status-dot:after{border:none;-webkit-animation:none;animation:none}
@-webkit-keyframes animador {
0%,100%{opacity:0}
50%{opacity:1}
}
@keyframes animador {
0%,100%{opacity:0}
50%{opacity:1}
}
.slid span{color:#3F51B5!important;font-weight:bolder}
.track-title{flex:1;line-height:.8;overflow:hidden;box-sizing:border-box;width:100%}
.track-title span{display:inline-block;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding-left:100%;will-change:transform;-webkit-animation:marquee 20s linear infinite;animation:marquee 20s linear infinite;font-size:18px;color:#7fffd4}
.track-title span:empty{display:none}
.track-title span:hover{-webkit-animation-play-state:paused;animation-play-state:paused}
@-webkit-keyframes marquee {
0%{transform:translate(0,0)}
100%{transform:translate(-100%,0)}
}
@keyframes marquee {
0%{transform:translate(0,0)}
100%{transform:translate(-100%,0)}
}
.mg-0,.mg-0 span{margin:0}
.mt10{margin-top:10px}
.m-py{margin:0 0 0 15px}
.m-py span{margin:0}
.a{color:#F05}
.b{color:#1ed760}
.c{color:#00bcd4}
.social-bar{display:flex;justify-content:space-between;gap:3px}
.social-bar a{white-space:normal;font-weight:500;color:#fff}
.marg{margin:0 5px 0 0}
.share-bt{width:20%;height:40px;line-height:40px;text-align:center;border-radius:6px}
.icon-facebook{background:#3469c4}
.icon-twitter{background:#1DA1F2}
.icon-whatsapp{background:#1ed760}
.icon-messenger{background:#0183FF}
.icon-telegram{background:#29B6F6}
.share-bt:hover{opacity:.8}
input[type=range]{-webkit-appearance:none;background:#ccc;height:6px;vertical-align:middle}
input[type=range]:focus{outline:none}
input[type=range]::-webkit-slider-runnable-track{height:5px;cursor:pointer;transition:background .2s;background:#ccc}
input[type=range]::-webkit-slider-thumb{height:17px;width:17px;border-radius:50%;background:#bbb;cursor:pointer;-webkit-appearance:none;margin-top:-6px}
.responsive{overflow:hidden;padding-top:56.25%;position:relative;background:#000}
.responsive iframe,#player1{border:0;height:100%;left:0;position:absolute;top:0;width:100%}
.rep1{width:100%}
@media screen and (max-width:480px) {
.text1{display:grid}
.station-meta{display:none!important}
.radio-player-details{width:20%}
.info{margin-left:0}
}
@media screen and (max-width:1024px) {
.cabecera{justify-content:space-around}
nav{margin-top:5px}
.wrap{margin:0}
.content{flex-wrap:wrap;overflow:hidden;padding:.5em}
main{width:100%;margin:0;padding:0}
aside{margin:10px 0;width:100%}
.listing-thumbnail img.listing-thumb{height:auto!important}
}