body {
     color: #222222;
     font-family: 'Rubik', sans-serif;
     -webkit-text-stroke: 0.2px;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 p {
     font-family: 'Rubik', sans-serif;
 }

 [ad-name="ad-inter"][ad-empty="true"],
 [ad-name="ad-inter-mobile"][ad-empty="true"] {
     display: none;
 }

 ned-ad[ad-type=Interstitial][ad-empty=false] {
     display: none;
 }

 ned-ad[ad-name="ad-inter-mobile"] iframe {
     height: 690px !important;
 }

 ned-ad[ad-name="ad-sticky"] {
     opacity: 0;
 }

 ned-ad[ad-ensures-viewability][ad-type="Square high"]>* {
     position: sticky;
     top: 110px !important;
 }

 #menu {
     position: fixed;
     top: 0;
     bottom: 0;
     width: 260px;
     left: -260px;
     height: 100%;
     -webkit-transform: translate(0px, 0px);
     -moz-transform: translate(0px, 0px);
     -o-transform: translate(0px, 0px);
     -ms-transform: translate(0px, 0px);
     transform: translate(0px, 0px);
     -webkit-transition: 0.30s ease;
     -moz-transition: 0.30s ease;
     -o-transition: 0.30s ease;
     transition: 0.30s ease;
     background: #e8e8e8;
     z-index: 100000;
 }

 #menu.active {
     -webkit-transform: translate(260px, 0px);
     -moz-transform: translate(260px, 0px);
     -o-transform: translate(260px, 0px);
     -ms-transform: translate(260px, 0px);
     transform: translate(260px, 0px);
 }

 #menu ul.mobile-nav>li>a {
     background: #4F7389;
     color: #FFFFFF;
     font-size: 24px;
 }

 .mobile-nav ul.sub-menu {
     text-transform: uppercase;
 }

 .mobile-nav a {
     display: block;
     color: #212121 !important;
     padding: 10px 0px 0 10px;
     letter-spacing: 1.6px;
 }

 .mobile-nav a:hover {
     border-bottom: 1px solid #222;
     font-weight: bold;
 }

 #nav-icon {
     width: 30px;
     height: 20px;
     display: block;
     top: 40px;
     left: 20px;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .5s ease-in-out;
     -moz-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
     transition: .5s ease-in-out;
     cursor: pointer;
     display: block;
 }

 #nav-icon span {
     display: block;
     position: absolute;
     height: 3px;
     width: 100%;
     background: #000;
     opacity: 1;
     left: 0;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .25s ease-in-out;
     -moz-transition: .25s ease-in-out;
     -o-transition: .25s ease-in-out;
     transition: .25s ease-in-out;
 }

 #nav-icon {
     text-decoration: none;
     color: #000;
 }

 .on-menu {
     float: right;
     margin: 10px 10px 0px 0px;
 }

 #nav-icon:after {
     margin-left: 40px;
     font-size: 24px;
     text-transform: uppercase;
     text-decoration: none;
     line-height: 0.95em;
 }

 #nav-icon span:nth-child(1) {
     top: 0px;
     -webkit-transform-origin: left center;
     -moz-transform-origin: left center;
     -o-transform-origin: left center;
     transform-origin: left center;
 }

 #nav-icon span:nth-child(2) {
     top: 8px;
     -webkit-transform-origin: left center;
     -moz-transform-origin: left center;
     -o-transform-origin: left center;
     transform-origin: left center;
 }

 #nav-icon span:nth-child(3) {
     top: 16px;
     -webkit-transform-origin: left center;
     -moz-transform-origin: left center;
     -o-transform-origin: left center;
     transform-origin: left center;
 }

 .active #nav-icon span:nth-child(1) {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     top: -3px;
     left: 8px;
 }

 .active #nav-icon span:nth-child(2) {
     width: 0%;
     opacity: 0;
 }

 .active #nav-icon span:nth-child(3) {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
     top: 19px;
     left: 8px;
 }

 #menu.active {
     overflow-y: scroll;
     overflow-x: hidden;
 }

 .sbx-custom {
     display: inline-block;
     position: relative;
     width: 100%;
     height: 33px;
     white-space: nowrap;
     box-sizing: border-box;
     font-size: 14px;
     border-bottom: 1px solid #222;
 }

 .sbx-custom__wrapper {
     width: 100%;
     height: 100%;
 }

 .sbx-custom__input {
     display: inline-block;
     -webkit-transition: box-shadow .4s ease, background .4s ease;
     transition: box-shadow .4s ease, background .4s ease;
     border: 0;
     border-radius: 1px;
     box-shadow: inset 0 0 0 0px #CCCCCC;
     background: #e8e8e8;
     padding: 0;
     padding-right: 42px;
     padding-left: 51px;
     width: 100%;
     height: 100%;
     vertical-align: middle;
     white-space: normal;
     font-size: inherit;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
 }

 .sbx-custom__input::-webkit-search-decoration,
 .sbx-custom__input::-webkit-search-cancel-button,
 .sbx-custom__input::-webkit-search-results-button,
 .sbx-custom__input::-webkit-search-results-decoration {
     display: none;
 }

 .sbx-custom__input:hover {
     box-shadow: inset 0 0 0 0px #b3b3b3;
 }

 .sbx-custom__input:focus,
 .sbx-custom__input:active {
     outline: 0;
     box-shadow: inset 0 0 0 0px #D6DEE3;
     background: #e8e8e8;
 }

 .sbx-custom__input::-webkit-input-placeholder {
     color: #222222;
 }

 .sbx-custom__input::-moz-placeholder {
     color: #222222;
 }

 .sbx-custom__input:-ms-input-placeholder {
     color: #222222;
 }

 .sbx-custom__input::placeholder {
     color: #222222;
 }

 .sbx-custom__submit {
     position: absolute;
     top: 0;
     right: inherit;
     left: 0;
     margin: 0;
     border: 0;
     border-radius: 0px 0 0 0px;
     background-color: #e8e8e8;
     padding: 0 0 10px 0;
     width: 41px;
     height: 100%;
     vertical-align: middle;
     text-align: center;
     font-size: inherit;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }

 .sbx-custom__submit::before {
     display: inline-block;
     margin-right: -4px;
     height: 100%;
     vertical-align: middle;
     content: '';
 }

 .sbx-custom__submit:hover,
 .sbx-custom__submit:active {
     cursor: pointer;
 }

 .sbx-custom__submit:focus {
     outline: 0;
 }

 .sbx-custom__submit svg {
     width: 27px;
     height: 27px;
     vertical-align: middle;
     fill: #000000;
 }

 .sbx-custom__reset {
     display: none;
     position: absolute;
     top: 7px;
     right: 7px;
     margin: 0;
     border: 0;
     background: none;
     cursor: pointer;
     padding: 0;
     font-size: inherit;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     fill: rgba(0, 0, 0, 0.5);
 }

 .sbx-custom__reset:focus {
     outline: 0;
 }

 .sbx-custom__reset svg {
     display: block;
     margin: 4px;
     width: 11px;
     height: 11px;
 }

 .sbx-custom__input:valid~.sbx-custom__reset {
     display: block;
     -webkit-animation-name: sbx-reset-in;
     animation-name: sbx-reset-in;
     -webkit-animation-duration: .15s;
     animation-duration: .15s;
 }

 @-webkit-keyframes sbx-reset-in {
     0% {
         -webkit-transform: translate3d(-20%, 0, 0);
         transform: translate3d(-20%, 0, 0);
         opacity: 0;
     }
     100% {
         -webkit-transform: none;
         transform: none;
         opacity: 1;
     }
 }

 @keyframes sbx-reset-in {
     0% {
         -webkit-transform: translate3d(-20%, 0, 0);
         transform: translate3d(-20%, 0, 0);
         opacity: 0;
     }
     100% {
         -webkit-transform: none;
         transform: none;
         opacity: 1;
     }
 }

 .btn {
     border: solid !important;
 }

 #primero {
     color: #fff;
     background: #e21618;
     padding: 5px 9px 5px 9px;
     font-size: 0.8em;
 }

 .navbar-toggler {
     background: none;
     border: none;
 }

 .navbar-toggler:active,
 .navbar-toggler:focus {
     outline: 0;
 }

 .navbar-toggler .icon-bar {
     display: block;
     width: 22px;
     height: 2px;
     border-radius: 1px;
     margin: 4px 0 4px 0;
     transition: all 0.2s;
     background: #262626;
 }

 .navbar-light .navbar-toggler {
     color: rgb(255 255 255 / 55%);
     border-color: rgb(255 255 255 / 0%);
 }

 .navbar-toggler .icon-bar:nth-of-type(1) {
     transform: rotate(45deg);
     transform-origin: 10% 10%;
 }

 .navbar-toggler .icon-bar:nth-of-type(2) {
     opacity: 0;
     filter: alpha(opacity=0);
 }

 .navbar-toggler .icon-bar:nth-of-type(3) {
     transform: rotate(-45deg);
     transform-origin: 10% 90%;
 }

 .navbar-toggler[aria-expanded="false"] .icon-bar:nth-of-type(1) {
     transform: rotate(0);
 }

 .navbar-toggler[aria-expanded="false"] .icon-bar:nth-of-type(2) {
     opacity: 1;
     filter: alpha(opacity=100);
 }

 .navbar-toggler[aria-expanded="false"] .icon-bar:nth-of-type(3) {
     transform: rotate(0);
 }

 .animate-border {
     border: 40px solid #EDEBE6;
     transition: border .5s .2s ease;
 }

 .rp-wrap.divide:before {
     transition: all .6s 1.2s cubic-bezier(0.645, 0.045, 0.355, 1.000);
     width: 0;
 }

 .rp-wrap.divide:after {
     transition: all .6s 1.2s cubic-bezier(0.645, 0.045, 0.355, 1.000);
     width: 0;
 }

 a {
     color: inherit !important;
     text-decoration: none !important;
 }

 .bg-spears {
     background-color: #262626;
 }

 .neue {
     font-family: 'Rubik', sans-serif;
 }

 .times h2 {
     letter-spacing: -1px;
     font-size: 2.3em;
     line-height: 0.95 !important;
 }

 .color-0 {
     color: #222222;
 }

 .color-1 {
     color: #e11306;
 }

 .color-2 {
     color: #858585;
 }

 .bg-red {
     background-color: #e11306;
 }

 .bg-rp-dark {
     background-color: #34302a;
 }

 .bg-gray {
     background: #eeeeee;
 }

 .bg-white {
     background: #fff;
 }

 .upg strong {
     color: #e11619;
 }

 aside.space-top {
     top: 5em;
     z-index: 1019;
 }

 navbar {}

 .navbar {
     box-shadow: 0px 5px 5px 0px #22222217;
     color: #000;
     border-bottom: 3px solid #e21618;
 }

 .navbar-brand {
     opacity: 0;
     display: none;
 }

 .navbar-brand.logo-out {
     animation: info-out 600ms ease-out both;
 }

 @keyframes info-out {
     100% {
         transform: scale(0.0) rotate(9deg) translateX(0px);
         opacity: 0;
         display: none;
     }
 }

 .navbar-brand.logo-in {
     animation: info-in 600ms ease-out both;
     display: block;
 }

 @keyframes info-in {
     100% {
         transform: scale(1.0) rotate(0deg) translateX(0px);
         opacity: 1;
         display: block;
     }
 }

 .rrss-header {
     border-bottom: 1px solid #8585854d;
     width: 80%;
 }

 .rrss-header li {
     font-size: 1.3em;
     margin: 0;
 }

 .rrss-header li:hover {
     color: #e11306;
     transition: all 0.5s ease;
 }

 .rrss-header .list-inline-item:not(:last-child) {
     margin-right: 0;
 }

 .rrss-header .fa-stack {
     width: 1.5em;
 }

 .rrss-header .fa-stack i {
     text-align: right;
 }

 .primary-menu li a {
     color: #f3f0f0 !important;
     transition: all 0.5s ease;
     font-size: 0.8em;
 }

 .primary-menu li a:hover {
     color: #939393 !important;
     transition: all 0.5s ease;
 }

 .dropdown:hover .dropdown-menu {
     display: block;
     margin-top: 0;
 }

 .logo-main a span {
     display: block;
     width: 11em;
     height: 6em;
     background: url(../img/rockandpop.svg) center no-repeat;
     background-size: 100%;
     text-indent: -9999px;
     transition: all 0.5s ease;
 }

 .play-desk-btn {
     padding: 2px 10px 2px 10px;
     color: #e21618;
     border-radius: 15px;
 }

 #play-scroll {
     display: none;
 }

 @-webkit-keyframes spin {
     0% {
         transform: rotate(0deg);
     }
     100% {
         transform: rotate(360deg);
     }
 }

 @keyframes spin {
     0% {
         transform: rotate(0deg);
     }
     100% {
         transform: rotate(360deg);
     }
 }

 @-webkit-keyframes color-1 {
     0% {
         background-color: #EB73B9;
     }
     100% {
         background-color: #17EAD9;
     }
 }

 @keyframes color-1 {
     0% {
         background-color: #EB73B9;
     }
     100% {
         background-color: #17EAD9;
     }
 }

 .field-container {
     position: relative;
     padding: 0;
     margin: 0;
     border: 0;
     width: 330px;
     height: 40px;
 }

 .icons-container {
     position: absolute;
     top: 5px;
     right: 5px;
     width: 35px;
     height: 35px;
     overflow: hidden;
 }

 .icon-close {
     position: absolute;
     top: 2px;
     left: 2px;
     width: 75%;
     height: 75%;
     opacity: 0;
     cursor: pointer;
     transform: translateX(-200%);
     border-radius: 50%;
     transition: opacity 0.25s ease, transform 0.43s cubic-bezier(0.694, 0.048, 0.335, 1);
 }

 .icon-close:before {
     content: "";
     border-radius: 50%;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     border: 2px solid transparent;
     border-top-color: #858585;
     border-left-color: #858585;
     border-bottom-color: #858585;
     transition: opacity 0.2s ease;
 }

 .icon-close .x-up {
     position: relative;
     width: 100%;
     height: 50%;
 }

 .icon-close .x-up:before {
     content: "";
     position: absolute;
     bottom: 2px;
     left: 3px;
     width: 50%;
     height: 2px;
     background-color: #858585;
     transform: rotate(45deg);
 }

 .icon-close .x-up:after {
     content: "";
     position: absolute;
     bottom: 2px;
     right: 0px;
     width: 50%;
     height: 2px;
     background-color: #858585;
     transform: rotate(-45deg);
 }

 .icon-close .x-down {
     position: relative;
     width: 100%;
     height: 50%;
 }

 .icon-close .x-down:before {
     content: "";
     position: absolute;
     top: 5px;
     left: 4px;
     width: 50%;
     height: 2px;
     background-color: #858585;
     transform: rotate(-45deg);
 }

 .icon-close .x-down:after {
     content: "";
     position: absolute;
     top: 5px;
     right: 1px;
     width: 50%;
     height: 2px;
     background-color: #858585;
     transform: rotate(45deg);
 }

 .is-type .icon-close:before {
     opacity: 1;
     -webkit-animation: spin 0.85s infinite;
     animation: spin 0.85s infinite;
 }

 .is-type .icon-close .x-up:before,
 .is-type .icon-close .x-up:after {
     -webkit-animation: color-1 0.85s infinite;
     animation: color-1 0.85s infinite;
 }

 .is-type .icon-close .x-up:after {
     -webkit-animation-delay: 0.3s;
     animation-delay: 0.3s;
 }

 .is-type .icon-close .x-down:before,
 .is-type .icon-close .x-down:after {
     -webkit-animation: color-1 0.85s infinite;
     animation: color-1 0.85s infinite;
 }

 .is-type .icon-close .x-down:before {
     -webkit-animation-delay: 0.2s;
     animation-delay: 0.2s;
 }

 .is-type .icon-close .x-down:after {
     -webkit-animation-delay: 0.1s;
     animation-delay: 0.1s;
 }

 .icon-search {
     position: relative;
     top: 5px;
     left: 8px;
     width: 50%;
     height: 50%;
     opacity: 1;
     border-radius: 50%;
     border: 3px solid #858585;
     transition: opacity 0.25s ease, transform 0.43s cubic-bezier(0.694, 0.048, 0.335, 1);
 }

 .icon-search:after {
     content: "";
     position: absolute;
     bottom: -9px;
     right: -2px;
     width: 4px;
     border-radius: 3px;
     transform: rotate(-45deg);
     height: 10px;
     background-color: #858585;
 }

 .field {
     border: 0;
     width: 100%;
     height: 100%;
     padding: 10px 20px;
     background: #e8e8e8;
     border-radius: 20px;
     transition: all 0.4s ease;
 }

 .field:focus {
     outline: none;
     box-shadow: 0px 9px 20px rgba(75, 72, 72, 0.3);
 }

 .field:focus+.icons-container .icon-close {
     opacity: 1;
     transform: translateX(0);
 }

 .field:focus+.icons-container .icon-search {
     opacity: 0;
     transform: translateX(200%);
 }

 .navbar-expand-lg .navbar-nav .nav-link {
     margin-right: 1.5rem;
     padding-left: 0;
     letter-spacing: 1.6px;
     font-size: 1em;
     color: #000;
 }

 .scroll-in .nav-link {
     padding-bottom: 0 !important;
 }

 .navbar-expand-lg .navbar-nav .nav-link:hover {
     transition: all 0.5s ease;
     font-weight: bold;
     border-bottom: 1px solid #222;
     padding-bottom: 9px;
 }

 .wrap-full {
     background-color: #eeeeee;
     padding: 1em 0 1em 0;
 }

 .wrap-spotify {
     position: relative;
 }

 .wrap-spotify:before {
     position: absolute;
     content: '';
     bottom: 0;
     left: -50%;
     height: 130px;
     width: 100%;
     background: #e01207;
     z-index: -1;
 }

 .wrap-spotify:after {
     position: absolute;
     content: '';
     bottom: 0;
     right: -50%;
     height: 130px;
     width: 100%;
     background: #e01207;
     z-index: -1;
 }

 .wrap-youtube {
     position: relative;
 }

 .wrap-youtube:before {
     position: absolute;
     content: '';
     bottom: 0;
     left: -50%;
     height: 130px;
     width: 100%;
     background: #e01207;
     z-index: -1;
 }

 .wrap-youtube:after {
     position: absolute;
     content: '';
     bottom: 0;
     right: -50%;
     height: 130px;
     width: 100%;
     background: #e01207;
     z-index: -1;
 }

 .meta-listas {
     height: 130px;
 }

 .meta-listas-yt {
     height: 200px;
 }

 .bottom-lista {
     position: absolute;
     bottom: 0;
     left: 20px;
 }

 .post-portada header h2 {
     line-height: 1.1;
     text-transform: uppercase;
 }

 .portada-right img {
     height: 170px;
     object-fit: cover;
 }

 .list-cover li:not(:last-child) {
     border-bottom: 1px solid #c9c5c5;
 }

 .list-cover h2 {
     color: #6f6f6f;
 }

 .list-cover span {
     text-transform: uppercase;
     font-weight: 700;
     color: #e11619;
 }

 span.pos-number {
     color: #e11619;
     font-size: 2em;
     margin-right: 0.3em;
 }

 .play-m2 {
     font-size: 2.5em;
     color: #e3181a;
 }

 .wrap-audio-m2 a {
     text-decoration: none !important;
 }

 .wrap-audio-m2 {
     border-bottom: 2px #222 solid;
 }

 .wrap-audio-m2-single p {
     line-height: 1;
     color: #fff;
     font-size: 1em !important;
     padding-bottom: 10px;
     font-weight: bold !important;
 }

 .btn-m2,
 .btn-m2:hover {
     color: #fff;
     background-color: #e3181a;
     border-color: #e3181a;
     text-transform: uppercase;
 }

 .wrap-audio-m2-single {
     border: 2px #e3181a solid;
     padding: 0 10px 0 10px;
     border-radius: 9px;
     margin-bottom: 10px;
     background: #222;
 }

 .post-portada header h2:hover {
     color: #e11306;
     transition: all 0.5s ease;
 }

 .sub-post .post-portada header h2 {
     font-size: 1.2em;
 }

 .post-portada p {
     font-size: 1.2em;
     line-height: 1.1;
     margin-top: 0.7em;
     color: #7d7b7b;
 }

 .post-popular-middle {
     padding: 1em;
 }

 .post-popular-middle header h2 {
     font-size: 1.1em;
 }

 .post-popular-middle p {
     font-size: 1.1em;
 }

 .main-portada img {
     height: 330px;
     object-fit: cover;
 }

 .title-section {
     border-bottom: 1px solid #00000099;
 }

 .title-section h1 {
     font-size: inherit;
 }

 .title-section span {
     font-size: 3.4em;
     text-transform: uppercase;
     position: relative;
     font-weight: 700;
     letter-spacing: 1.5px;
 }

 .title-section span:after {
     content: '';
     position: absolute;
     bottom: -9px;
     left: 0;
     right: 0;
     background: #e2181a;
     height: 5px;
     border-radius: 10px;
 }

 .green span:after {
     background-color: #23bc3a;
 }

 .big-title {
     position: relative;
 }

 .big-title:before {
     content: '';
     position: absolute;
     top: -40%;
     left: 0;
     right: 0;
     margin: auto;
     background: #33302a;
     height: 3px;
     border-radius: 10px;
     width: 1300px;
     text-align: center;
 }

 .big-title span:after {
     bottom: -17px;
 }

 .big-article img {
     height: 435px;
     object-fit: cover;
     width: 100%;
     object-position: top;
     border-top-right-radius: 0.5em;
     border-top-left-radius: 0.5em;
     border-bottom-right-radius: 0em;
     border-bottom-left-radius: 0em;
 }

 article.big-article,
 .big-article figure {
     position: relative;
 }

 .big-article figure:before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     background-color: rgb(0 0 0 / 50%);
     border-radius: 0.5em;
 }

 .big-article header {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     text-align: center;
 }

 .slider-articles article {
     height: 100%;
 }

 .slider-articles .col-md-3:not(:last-child) {
     border-right: 1px solid #2222222e;
 }

 .popular-wrap .col-md-11:first-child {
     border-top: 1px solid #2222221a;
     border-top-right-radius: 8px;
     border-top-left-radius: 8px;
 }

 .popular-wrap .col-md-11 {
     border-bottom: 1px solid #22222224;
     border-left: 1px solid #2222221a;
     border-right: 1px solid #2222221a;
 }

 .popular-wrap .col-md-11:last-child {
     border-bottom: 1px solid #2222221a;
     border-bottom-right-radius: 8px;
     border-bottom-left-radius: 8px;
 }

 .slider-articles p {
     font-size: 1.1em;
     line-height: 1.1;
     color: #222222e0;
 }

 .slider-articles h2 {
     line-height: 1.1;
 }

 .album-cover {
     position: relative;
 }

 .album-cover i {
     position: absolute;
     bottom: 5px;
     right: 5px;
     color: #e2181a;
     font-size: 3.5em;
 }

 .album-meta {
     text-align: center;
     text-transform: uppercase;
 }

 .album-meta h2 {
     color: #e2181a;
     font-weight: bold;
     text-transform: uppercase;
     margin: 0;
 }

 .album-meta p {
     color: #fff;
     margin: 0;
 }

 .podcast-top {
     position: relative;
 }

 .podcast-top header {
     position: absolute;
     top: 50%;
     left: 5%;
     transform: translateY(-50%);
 }

 .podcast-top i {
     font-size: 1.2em;
 }

 .podcast-top img {
     border-top-left-radius: .5em;
     border-top-right-radius: .5em;
 }

 .podcast-top .badges img {
     border-radius: 0;
 }

 .podcast-slider {
     border-bottom-left-radius: .5em;
     border-bottom-right-radius: .5em;
 }

 .listen-btn {
     background-color: #e11306;
     border: 1px solid #e11306;
 }

 .listen-btn:hover {
     color: #e11306;
     background-color: #fff;
     border: 1px solid #fff;
 }

 .item-programa {
     overflow: hidden;
     position: relative;
 }

 .item-programa-wrap {
     overflow: hidden;
 }

 .item-programa img {
     height: 290px;
     object-fit: cover;
     object-position: top;
     -webkit-transition: all 1s ease-in-out;
     -moz-transition: all 1s ease-in-out;
     -o-transition: all 1s ease-in-out;
     -ms-transition: all 1s ease-in-out;
 }

 .item-programa img:hover {
     -webkit-transform: scale(1.3);
     -moz-transform: scale(1.3);
     -o-transform: scale(1.3);
     transform: scale(1.3);
 }

 .item-programa .top-show h2 {
     margin: 0;
     font-size: 1.2em;
 }

 .item-programa .top-show {
     background: #e11619;
     color: #fff;
     padding: 1em;
     min-height: 105px;
     position: relative;
 }

 .item-programa .bottom-show {
     padding: 1em 1em 0.5em 1em;
     border-bottom: 1px solid #d9d9d9;
     position: relative;
 }

 .item-programa .bottom-show p {
     padding: 0;
     line-height: 1.1;
     font-size: 1.1em;
     color: #7f7d7d;
 }

 .program-row {
     position: relative;
 }

 .program-row .top-show:after {
     position: absolute;
     content: '';
     border-right: 1px solid #e5e5e56e;
     width: 1px;
     height: 70%;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
 }

 .program-row>div:last-child .bottom-show:after,
 .program-row>div:last-child .top-show:after {
     content: none;
 }

 .logo-footer {
     background-image: url(../img/rockandpop-bw.svg);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 100%;
     width: 300px;
     height: 100px;
 }

 .menu-footer li {
     font-size: 1.1em;
     padding-bottom: 0.5em;
     text-transform: uppercase;
 }

 .footer-redes li {
     font-size: 1.2em;
     padding-bottom: .5em;
 }

 .audio-m2 {
     margin: auto;
     height: 80px;
     background: #262626;
 }

 .audio-single-container {
     width: 100%;
     position: fixed;
     z-index: 9999;
     bottom: 0;
     margin: auto;
     text-align: center;
     left: 0;
     right: 0
 }

 #publi-preroll {
     position: fixed;
     width: 50%;
     height: 400px;
     z-index: 100000000000000;
     left: 0;
     bottom: 5em;
 }

 #rockandpop_home_pp_TopPlayer_spanInfo2 {
     font-style: italic;
 }

 .mm_btn-text {
     color: #fff;
 }

 .mm_infoProgram .mm_titulo {
     width: 275px;
     overflow: hidden;
 }

 #player .mm_bPlay .fa-pause {
     margin: -10px 0 0 -9px;
 }

 .mm_volume .mm_slide_volumen.ui-slider-horizontal .ui-slider-handle:hover {
     background: #ffffff;
 }

 #publi_rockandpop_home_pp_TopPlayer {
     border: 5px solid #262626;
 }

 .cs-directo .mm_titulo div.mm_label {
     text-align: center;
     margin: 0 auto 3px auto;
 }

 .cs-directo .mm_titulo div {
     text-align: center;
 }

 #player.mm_player {
     border-top: none;
 }

 #rockandpop_home_pp_TopPlayer_spanspanInfo1 {
     font-family: 'Rubik', sans-serif;
     font-style: italic;
 }

 #player.mm_player {
     background: #262626;
     position: fixed;
     bottom: 0;
     top: inherit;
     left: 0;
     right: 0;
     width: 980px;
     height: 75px;
     margin: auto;
     z-index: 1000;
     text-align: center;
 }

 .mm_slide_volumen .ui-button:focus .mm_slide_volumen.ui-widget-content .ui-widget-content .ui-state-hover,
 .mm_slide_volumen .ui-button:hover,
 .mm_slide_volumen .ui-state-default,
 .mm_slide_volumen .ui-state-focus,
 .mm_slide_volumen .ui-state-hover,
 .mm_slide_volumen.ui-widget-content .ui-state-default,
 .mm_slide_volumen.ui-widget-content .ui-state-focus,
 .mm_slide_volumen.ui-widget-content .ui-state-hover,
 .mm_slide_volumen.ui-widget-header .ui-state-focus,
 .mm_slide_volumen.ui-widget-header .ui-state-hover {
     background: #e2181a;
     color: #e2181a;
 }

 .mm_media-left img {
     border-radius: 0.5em;
     background-color: #fff;
     cursor: initial !important;
     border: 1px solid #fff;
 }

 .mm_control {
     margin: 5px 0 0;
 }

 .mm_media-left {
     width: 60px;
 }

 .mm_bPlay {
     margin-top: 5px;
 }

 .playerWrap {
     background: #fff;
     width: 50%;
     margin: auto;
     border-radius: 50px;
     bottom: 1em;
 }

 .player .infoSong .media-left {
     width: 95px;
 }

 .media-left {
     margin-left: -15px;
 }

 .media-left img {
     border-radius: 50px;
     border: 3px solid #222;
 }

 .infoSong .lead {
     color: #000;
 }

 .volume .iconf {
     color: #000;
 }

 #nombre_artista,
 #nombre_disco {}

 #nombre_cancion {
     font-style: italic;
 }

 .media-body p {
     margin: 0;
 }

 .frecuencias-top {
     border-top-right-radius: 0.5em;
     border-top-left-radius: 0.5em;
     padding: 1em 0 1em 0;
 }

 .frecuencias-bottom {
     border-bottom-right-radius: 0.5em;
     border-bottom-left-radius: 0.5em;
     padding: 1em 0 1em 0;
 }

 .dial {
     text-align: center;
 }

 .page-programas .program-row .top-show {
     border-top-left-radius: 0.5em;
     border-top-right-radius: 0.5em;
 }

 .page-programas .program-row .bottom-show:after {
     border-right: none;
 }

 .page-programas .item-programa .bottom-show {
     border-bottom: none;
 }

 .page-programas .program-row .bottom-show {
     border-bottom-left-radius: 0.5em;
     border-bottom-right-radius: 0.5em;
     border-left: none;
 }

 .conciertos img {
     height: 300px;
     padding: 1em;
     object-fit: cover;
 }

 .conciertos header {
     background: #e2181a;
     padding-top: 0.5em;
 }

 .conciertos .slider-articles .col-md-3 {
     border-left: none;
     border-right: none;
     border-bottom: none;
 }

 .conciertos .slider-articles .col-md-3:last-child {
     border-bottom-right-radius: 0;
     border-right: none;
 }

 .conciertos .meta-conciertos {
     background: #e2181a;
     color: #fff;
     border-bottom-right-radius: 0.5em;
     border-bottom-left-radius: 0.5em;
     padding: 0.5em;
 }

 ned-ad[ad-type="Fixed Bottom"] {
     bottom: 70px !important;
 }

 .mm_label .fa-circle {
     animation: live 2s infinite;
 }

 @keyframes live {
     0%,
     100% {
         color: #262626;
     }
     50% {
         color: #c2101f;
     }
 }

 .last-post-mob article {
     display: inline-block;
 }

 .last-post-mob figure {
     float: left;
     width: 90px;
     margin-right: 1em;
 }

 @media (max-width: 575.98px) {
     .navbar {
         box-shadow: 0px 5px 5px 0px #22222217;
         background: #fff !important;
         color: #222;
     }
     #player.mm_player {
         width: 100%;
         height: 70px;
     }
     .audio-m2 {
         height: 70px;
     }
     .rrss-header .list-inline-item:not(:last-child) {
         margin-right: 8px;
     }
     .big-title span:after {
         bottom: -11px;
     }
     .navbar {
         padding: 1em 0 0.5em 0 !important;
         z-index: 99999;
     }
     .sub-post .post-portada header h2 {
         font-size: 1.1em;
     }
     .item-programa .top-show {
         padding: 10px;
     }
     .cs-directo .mm_titulo div.mm_label {
         text-align: inherit;
         margin: 1em 0 0 0;
     }
     .cs-directo .mm_titulo div {
         text-align: left;
     }
     #player.mm_player {
         border-top: none;
     }
     .navbar-brand {
         position: absolute;
         left: 50%;
         top: 0;
         transform: translateX(-50%);
     }
     .navbar-brand img {
         width: 100px;
     }
     .navbar>.container-xl {
         padding: 0;
     }
     .navbar-collapse {
         padding-left: 5px;
     }
     .navbar-expand-lg .navbar-nav .nav-link {
         padding: 0;
     }
     .navbar-brand {
         opacity: 1;
         display: block;
     }
     .field-container {
         width: 215px;
     }
     .play-desk-btn {
         padding: 0px 10px 0px 10px !important;
         color: #ffffff;
         border-radius: 30px !important;
         background: #000000;
         border: 1px solid #ffffff !important;
         font-size: 0.6em;
         margin: -10px 0 0 0;
         font-weight: bold;
         line-height: 34px;
     }
     #publi-preroll {
         width: 100%;
         z-index: 9999999999;
         bottom: 4em !important;
         top: auto !important;
     }
     .commonmm_sonExpand,
     .commonmm_sonExpand_forceson {
         bottom: 0;
     }
     .main-portada img {
         height: 220px;
         object-fit: cover;
     }
     .item-programa img {
         width: auto;
         height: auto;
     }
     .mm_infoProgram .mm_titulo {
         width: 160px;
         overflow: hidden;
     }
     .big-article img {
         height: 325px;
         border-top-right-radius: 0.5em;
         border-top-left-radius: 0.5em;
         border-bottom-right-radius: 0.5em;
         border-bottom-left-radius: 0.5em;
     }
     .big-article header {
         bottom: 2em;
     }
     .program-row .bottom-show span {
         font-size: 0.8em;
     }
     .program-row>div:nth-child(2n) .bottom-show:after {
         content: none;
     }
     .item-programa .top-show h2 {
         font-size: 1em;
     }
     .big-footer {
         margin-bottom: 5em;
     }
     .album-meta {
         padding: 1em 0 1em 0;
     }
     ned-ad[ad-name="ad-sticky"] {
         bottom: 70px !important;
     }
     .slider-articles article {
         padding: 1em 0.5em 0 0.5em;
     }
     .conciertos img {
         padding: 0;
     }
     .meta-listas {
         height: 150px;
     }
     .rrss-header {
         width: 100%;
     }
     .meta-listas-yt {
         height: auto;
         padding-bottom: 4em;
     }
     .tag-home header h2 {
         font-size: 1.1em !important;
     }
     .slider-articles .col-6 {
         border: none;
     }
     .podcast-top img {
         height: 100%;
         object-fit: cover;
         object-position: right;
         width: 200px;
     }
     .podcast-top header {
         text-align: center;
         transform: translateY(0%);
         left: 0;
         right: 0;
         top: 1em;
     }
     .podcast-top .badges img {
         border-radius: 0;
         width: 70px;
         height: auto;
         margin: auto;
     }
     .footer-redes,
     .menu-footer {
         display: none;
     }
     .logo-main a span,
     .big-footer p,
     .big-footer div {
         text-align: center;
         margin: auto;
     }
     .title-section span {
         font-size: 2em;
     }
     .wrap-youtube:before,
     .wrap-youtube:after,
     .wrap-spotify:before,
     .wrap-spotify:after,
     .program-row:after,
     .program-row:before {
         display: none;
     }
     .big-title:before {
         width: 100%;
     }
 }



 .gdisc-follow {
  --gd-bg: #34302a;
  --gd-text: #fff;
  --gd-sub: #fff;
  --gd-border: #e5e7eb;
  --gd-accent: #f3e03c;
  --gd-radius: 14px;
  --gd-shadow: 0 10px 24px rgba(0,0,0,.06);
    margin: 0;
}

.gdisc-follow .gdisc-follow__inner {
  display: grid;
  grid-template-columns: 44px 1fr auto;
  gap: 16px;
  align-items: center;
  background: var(--gd-bg);
  color: var(--gd-text);
  border: 1px solid var(--gd-border);
  border-radius: var(--gd-radius);
  padding: 16px 18px;
  box-shadow: var(--gd-shadow);
}

.gdisc-follow .gdisc-logo {
  width: 44px;
  height: 44px;
  margin: 0;
  display: grid;
  place-items: center;
}
.gdisc-follow .gdisc-logo__svg {
  width: 32px;
  height: 32px;
  display: block;
}


.gdisc-follow .gdisc-follow__title {
  margin: 0 0 2px 0;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 700;
}
.gdisc-follow .gdisc-follow__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: #fff;
}


.gdisc-follow .gdisc-follow__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 999px;
    background: #e11306;
    color:#fff!important;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
  
  transition: transform .06s ease, background .2s ease, box-shadow .2s ease;
}
.gdisc-follow .gdisc-follow__btn:hover { background: #cccccc; color: #34302a}
.gdisc-follow .gdisc-follow__btn:active { transform: translateY(1px); }


@media (max-width: 640px) {

  .gdisc-follow {
    margin: 0;
  }
  .gdisc-follow .gdisc-follow__inner {
    grid-template-columns: 36px 1fr;
    grid-template-rows: auto auto;
    gap: 12px;
  }
  .gdisc-follow .gdisc-logo { width: 36px; height: 36px; }
  .gdisc-follow .gdisc-logo__svg { width: 24px; height: 24px; }
  .gdisc-follow .gdisc-follow__btn {
        grid-column: 1 / -1;
        width: 150px;
        margin: auto;
        padding: 12px 16px;
    }
}