input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .bg-img-cover { background-position: center center; background-size: cover; } .bg-img-contain { background-position: center center; background-size: contain; background-repeat: no-repeat; } .text-justify { text-align: justify; } .post-content { text-decoration: none; color: white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; width: 100%; } .post-rectangular-img { height: 170px; display: flex; align-items: center; } .post-rectangular-img>img { height: 120px; width: auto; object-fit: cover; aspect-ratio: 1; } .post-date { font-size: .85rem; } .post-cuadrado>.post-inner { height: 300px; } .featured-program>h4 { color: #54bf14; font-weight: 800; } .featured-program-img { height: 300px; width: 300px; } .post-details { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .featured-program { padding-top: 2rem; } .featured-program-bg { background-image: url('../img/bg/doodles.jpg'); background-blend-mode: multiply; background-color: rgb(136, 30, 129); } @media (min-width: 1000px) { .post-cuadrado>.post-inner { height: 510px; } .featured-program-bg { padding: 0 !important; } .post-rectangular-img>img { height: 90%; width: auto; object-fit: cover; aspect-ratio: 1; } .post-container { gap: 1rem; } .post-cuadrado h5 { font-size: 2.25rem; } .featured-program { padding-right: 8rem; } } .noborder { border: none; } .post-content:hover { text-decoration: none; color: white; z-index: 999; } .post-inner { transition: all .2s; opacity: .7; } .post-inner:hover { transition: all .2s; opacity: 1; } .post-inner h5 { position: relative; } .post-inner h5::before { content: ''; position: absolute; left: 0; bottom: -4px; width: 100%; height: 2px; background-color: #fff; border-radius: 4px; scale: 0 1; transform-origin: right; transition: scale 0.25s ease-in-out; } .post-inner:hover h5::before { scale: 1; transform-origin: left; } .daynav { justify-content: space-between; } .daynav button { text-decoration: none; color: #999999; padding: 10px; font-size: 16px; transition: 0.15s linear; border: none; background-color: transparent; border-radius: 8px; } .daynav button:hover { color: #f1f1f1; } .daynav button.active { color: #f1f1f1; font-weight: bold; background: rgba(255, 255, 255, 0.2); } .topnav { justify-content: space-between; } .topnav button, .topnav a { text-decoration: none; color: #999999; padding: 10px; font-size: 16px; transition: 0.3s; border: none; background-color: transparent; } .nav-button-wrapper button, .nav-button-wrapper a { border-left: 1px #474747 solid; } .nav-button-wrapper :last-child { border-right: 1px #474747 solid; } .topnav a:hover, .topnav button:hover { color: #f1f1f1; } .topnav button.active { color: #f1f1f1; font-weight: bold; } .sidenav button.active { color: #f1f1f1; font-weight: bold; } .sidenav { height: 100%; /* 100% Full-height */ width: 0; /* 0 width - change this with JavaScript */ position: fixed; /* Stay in place */ z-index: 9; /* Stay on top */ top: 0; /* Stay at the top */ left: 0; background-color: #111; /* Black*/ overflow-x: hidden; /* Disable horizontal scroll */ padding-top: 60px; /* Place content 60px from the top */ transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */ white-space: nowrap; } /* The navigation menu links */ .sidenav a, .sidenav button { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 17px; color: #bebebe; display: block; transition: 0.3s; border: none; background-color: transparent; text-align: start; } /*When you mouse over the navigation links, change their color*/ .sidenav a:hover, .sidenav button:hover { color: #f1f1f1; border: none; } /* Position and style the close button (top right corner) */ .sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; } .sidenav-open { left: 0; z-index: 8; background-color: transparent; border: none; color: #999999; text-align: center; text-decoration: none; font-size: 16px; } #playerBox { height: 95px; } #programa-actual { position: relative; top: -25px; } .reproductor { position: fixed; top: 0; width: 100%; background-color: rgb(0, 0, 0); z-index: 7; } .mastertab { padding-top: 150px; } .tab-pane { min-height: 80vh; } @media (max-width: 992px) { .mastertab { padding-top: 95px; } } .iconos-redes { display: flex; text-align: center; justify-content: center; } .tabla-radio>thead { box-shadow: 0 2px 0px -1px #bebebe; position: sticky; top: 122px; background-color: #212529; } .tabla-radio>thead th { padding-top: 10px; padding-bottom: 10px; } .tabla-radio>tbody td { border-bottom: #5d6469 solid 1px; padding-top: 10px; padding-bottom: 10px; } .tabla-radio>tbody td p { margin: 0; } .tabla-radio>tbody td>div { padding: 6px; margin-left: 6px; } .neonheader { text-shadow: 0 0px 9px #0a861b; } * { --blurrad: 2px; --blurbg: rgba(255, 255, 255, 0.1); } .glassmorph { /* From https://css.glass */ background: var(--blurbg); border-radius: 16px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.1); /* backdrop-filter: blur(var(--blurrad)); -webkit-backdrop-filter: blur(var(--blurrad)); */ } .glassback { /* From https://css.glass */ background: var(--blurbg); /* backdrop-filter: blur(var(--blurrad)); -webkit-backdrop-filter: blur(var(--blurrad)); */ } .glow { box-shadow: 0px 0px 0px 0px rgba(250, 18, 18, 0.9); animation: glowing 2s infinite ease-in-out; } @keyframes glowing { 0% { -webkit-box-shadow: 0px 0px 10px 2px rgba(250, 18, 18, 0.9); -moz-box-shadow: 0px 0px 10px 2px rgba(250, 18, 18, 0.9); box-shadow: 0px 0px 10px 2px rgba(250, 18, 18, 0.9); } 50% { -webkit-box-shadow: 0px 0px 0px 0px rgba(250, 18, 18, 0.9); -moz-box-shadow: 0px 0px 0px 0px rgba(250, 18, 18, 0.9); box-shadow: 0px 0px 0px 0px rgba(250, 18, 18, 0.9); } 100% { -webkit-box-shadow: 0px 0px 10px 2px rgba(250, 18, 18, 0.9); -moz-box-shadow: 0px 0px 10px 2px rgba(250, 18, 18, 0.9); box-shadow: 0px 0px 10px 2px rgba(250, 18, 18, 0.9); } } #index-body { /* background-image: url(/img/bg/fondo01.jpg); background-attachment: fixed; */ background-color: #000; } .scrolling-box { overflow: hidden; display: flex; align-content: center; } .scrolling-box p { text-align: center; white-space: nowrap; margin: 0; } .smoltext>td>div>p { font-size: 0.75rem !important; } .smoltext>td { padding-top: 5px; padding-bottom: 5px; } .imagentalleres { width: 100%; border-radius: 10px; } .imagenportada { width: 100%; margin-top: 1rem; } .podcastiframe-spotify { width: 100%; height: 352px; border-radius: 12px; } .form-inscripcion { height: 100vh; background-color: #000; } .form-inscripcion>form { width: min(100% - 1rem, 600px); } .form-inscripcion input, .form-inscripcion textarea { font-weight: 700; } .float { position: fixed; width: 60px; height: 60px; bottom: 40px; right: 40px; background-color: #25d366; color: #FFF; border-radius: 50px; text-align: center; font-size: 40px; z-index: 100; } .my-float { margin-top: 10px; } @media (max-width: 992px) { .podcastiframe-spotify { height: 152px; } } .footer-group { display: flex; flex-direction: column; gap: 1rem; } .footer-list-link { text-decoration: none; color: #ed1c24 ; padding-left: 1rem; transition: .2s all; cursor: pointer; width: fit-content; } .footer-list-link:hover { color: white; transition: .2s all; } .footer-list-contact { text-decoration: none; color: #ed1c24 ; padding: .5rem; margin-left: .75rem; transition: .2s all; cursor: pointer; border: 1px #ed1c24 solid; border-radius: 5px; width: fit-content; line-height: 1.5rem; } .footer-list-contact>i { font-size: 1.5rem; } .footer-list-contact:hover { color: white; border-color: white; transition: .2s all; } .footer-mantis { text-align: center; margin-top: 6rem; } .footer-mantis a { text-decoration: none; color: white; } .footer-mantis p { font-size: 1.25rem; } .footer-mantis img { height: 100px; } .nosotros-grid { display: grid; gap: .75rem; grid-template-columns: 1fr 1fr 1fr; } .nosotros-grid .long { grid-column: span 2; } @media(max-width: 500px) { .nosotros-grid { grid-template-columns: 1fr; } .nosotros-grid .long { grid-column: span 1; } } .nosotros-grid img { width: 100%; height: 300px; object-fit: cover; border-radius: 5px; }