body {margin:0px;font-family:'Geist Sans',sans-serif;font-size:14px;color:#fff;background-size:contain;background-attachment:fixed;background-color: #000;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI3bXkQDOVMD4ZHDFxyvctRgzJEMvQYEL8RMqfpT1_bnUteOy-ibalqYn56N3aK6kobuTqt6-AbDSccko7rGgvOL7FE7zsoJ1iz6fx3oijHPxxveuQGMGv9CyWiFMA67QCMTKz_9liTywtUgVjoOYUOnMH0l5wR43uhBw8aOntZvvtVoi0tLwQMxe2iVP7/s3000/2766861.jpg)} 
img{vertical-align:top;} 
a, a:hover, a:focus, a:link{text-decoration:none;outline:none;color:#fff}
h1 {color:#171923;margin:0px}
h2 {margin:20px 0px 5px 0px;color:#171923}

header {background:#ff0052;width:auto;position:sticky;z-index:500;top:0;padding:5px 4%;box-shadow:0px 0px 5px 2px #FFC107;}
.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;}
nav a:hover{background:#5124ee;border-radius:5px}
.menu{display:flex;align-items:center;padding:5px 10px;column-gap:5px;color:#fff}
.active{background:#cddc39;border-radius:5px}

.container {width:96%;display:flex;margin:10px auto;justify-content:space-between}
main {width:70%;padding:10px;background-color:#f5f8ff;box-shadow:0px 0px 5px 3px #00BCD4;border-radius:5px;-webkit-border-radius:4px;-moz-border-radius:4px;overflow:hidden;}
aside {width:28%;margin-left:1%;background:#f5f8ff;padding:10px;border:solid 1px #23009d}

.facebook {display:flex;overflow:hidden;margin-bottom:5px}
.izq{width:60%;}
.der{width:40%;}
.horario{display:flex;justify-content:space-around;padding:3px 0px;font-size:20px;background:rgb(1 44 159 / 90%)}
#baner-centro img{margin-bottom:5px;border-radius:8px;overflow:hidden;}

.texto {margin:10px 0px;color:#171923}
.entradas {padding:5px;color:#171923}
.row {display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 2fr));gap:15px}
.row a {background:#ccc;border-radius:8px;overflow:hidden;}
.row img {width:100%;margin:-35px 0px}
.row a:hover {background:rgb(81, 36, 238)}
.row a:hover img {opacity: .2}
footer {text-shadow:black 2px 1px 2px;padding:30px;text-align:center;}

/* Slider en CSS */
.slider-frame{width:100%;height:auto;overflow:hidden;margin-top:-10px}
.slider-frame ul{display:flex;padding:0;width:400%;animation:slide 15s infinite alternate ease-in-out}
.slider-frame li{width:100%;list-style:none}
.slider-frame img{width:100%}
@keyframes slide {
0%{margin-left:0}
20%{margin-left:0}
25%{margin-left:-100%}
45%{margin-left:-100%}
50%{margin-left:-200%}
70%{margin-left:-200%}
75%{margin-left:-300%}
100%{margin-left:-300%}
}
  
/* Boton redes sociales */
.redes {width:100%;margin:7px 0px;overflow:hidden;}
.social-bar {display:flex;justify-content:space-between;gap:3px}
.social-bar a:link {white-space:normal;color:#fff}
.marg {margin:0 5px 0 0;}
.share-bt {width:20%;height:40px;border:none;line-height:40px;font-size:14px;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}

/* responsive player */ 
.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%}

/* Scrollbar color */  
body::-webkit-scrollbar {width:14px;height:14px}
body::-webkit-scrollbar-thumb {background:#f00;border-radius:4px;}
body::-webkit-scrollbar-thumb:hover {background:#fff}
body::-webkit-scrollbar-track {background:#607d8b}
  
svg {filter:drop-shadow(2px 2px 2px #000)}

/* Boton flotante WhatsApp */  
.float{position:fixed;width:60px;height:60px;bottom:15px;right:15px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow:2px 2px 3px #999;z-index:100}
.float:hover{text-decoration:none;color:#FFF;background-color:#1ab152;animation:shake 1s;animation-iteration-count:infinite}
.my-float{margin-top:16px}
.pulse {animation: pulse-animation 2s infinite}
@keyframes pulse-animation {
0% {box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.5);}
100% {box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);}
}

/* Mobile Screen */
@media screen and (max-width:1024px){ header {padding:2px} .cabecera {justify-content:space-around} .container {flex-wrap:wrap;width:99%} aside{margin:10px 0;width:100%} main{width:100%;margin:0px;padding:0px} .share-bt{height:35px;line-height:35px} .facebook {display:grid} .izq, .der{width:100%} .marq{display:none}}
  
#myBtn {display:none;position:fixed;bottom:20px;right:80px;z-index:99;border:none;background-color:red;color:white;cursor:pointer;padding:6px;border-radius:6px;font-size:30px}
#myBtn:hover {background-color:#03a9f4}