/*   
Theme Name: MarthaDebayle-2024
Theme URI: 
Description: Tema para el sitio web de marthadebayle.com
Author: Uriel Trejo
Version: 0.0.1
*/
body, html{
    overflow-x: hidden;
    padding-right: 0 !important;
}
p{
     font-family: "Predige-Regular";
}
/*Fuentes*/
@font-face {
  font-family: "Predige-Light";
  src: local("Predige-Light"), url("/2A13AE_10_0.woff") format("woff");
  font-display:swap;
}

@font-face {
  font-family: "Predige-Regular";
  src: local("Predige-Regular"), url("/2A13AE_F_0.woff") format("woff");
  font-display:swap;
}

/*Header*/
.logoMenu {
    max-width: 250px;
    width: 100%;
}
.logoMenu2 {
    max-width: 250px;
    width: 100%;
}
.navbar-brand {
  display: flex;
  flex-direction: column;
}
.navbar-subtext {
  font-size: 12px; /* Tamaño del texto debajo de la marca */
  color: gray;     /* Color del texto, personalízalo como prefieras */
  margin-top: 5px; /* Espaciado opcional para acercar el texto */
}
#iconMenu.scrolled-navbar-toggler-icon{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
.btn-close{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}
.nav-link{
    color: white;
}
.nav-link:focus, .nav-link:hover {
  color: white !important;
}
.nav-link.active ,.nav-link.show {
  color: white !important;
}
.navbar-toggler {
  border: none;
  padding: 0;
}
#menu.scrolled{
    background-color: rgba(0, 0, 0, 0.8) !important; /* Color oscuro al hacer scroll */
}
#menu.scrolled #iconMenu{
   filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(337deg) brightness(104%) contrast(107%);
}
#menu.scrolled .logoMenu{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(337deg) brightness(104%) contrast(107%);
}
#menu.scrolled .searchIcon{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(337deg) brightness(104%) contrast(107%);
}
#menu.scrolled .logoResponsive{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(337deg) brightness(104%) contrast(107%);
}
.logoResponsive{
filter: brightness(0) saturate(100%);

}
.searchIcon{
    filter: brightness(0) saturate(100%);
  height: 50px;
  width: 25px;
}
.searchIcon2{
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(337deg) brightness(104%) contrast(107%);
  height: 50px;
  width: 25px;
}
#iconMenu2{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(337deg) brightness(104%) contrast(107%);
}
#iconMenu{
   filter: brightness(0) saturate(100%);
}
/* Usamos flexbox para alinear correctamente el navbar */
/*.container{
  display: flex;
  justify-content: space-between;
  align-items: center;
}*/
/* Hacemos que la barra de navegación colapsable esté al final */
.navbar-collapse {
  justify-content: flex-end;
}
/* En pantallas pequeñas, aseguramos que el botón de hamburguesa quede al lado de la marca */
.navbar-toggler {
  order: 1; 
}
#menuPrincipal .nav-link{
  color: white;
}
#barraMenu{
   background: rgb(0,0,0);
  background: linear-gradient(90deg, rgba(0,0,0,0.8589636538209033) 0%, rgba(0,0,0,0.8841737378545168) 100%); 
}
.podcastImg{
  filter: brightness(0.2);
}
/*Menu*/
#menu{
    background-color:black;
    z-index:1000;
    padding-right: 0 !important;
}
body.home #menu{
    background: transparent;
}
body.home .menuVariant{
    margin-top: 0;
}
.navbar-collapse.show{
    overflow-y: scroll;
    height: 100vh;
    padding-bottom:150px !important;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none;
}
audio{
    height: 30px;
    width:190px;
}
#menu-principal svg{
    width: 20px;
    fill: #fff;
    height: 20px;
}
.logoMenu{
    max-width:250px;
    width:100%;
    filter: brightness(0) saturate(100%)
}
#header-searchx {
    display: none;
    transition: all 0.3s ease-in-out;
  }

  /* Muestra el formulario cuando tiene la clase "active" */
 .searchContainer {
  right: -400px;
  top: 63px;
  z-index: -1;
  transition: all 0.6s ease-in-out;
}
.searchContainer.active {
  right: 0;
  top: 63px;
  z-index: 11;
  opacity: 1 !important;
}
.searchContainer input[type="text"] {
  border: 0;
  background-color: #f3f3f3;
  padding: 5px 15px;
  border-radius: 0;
  outline-color: transparent;
}
.searchContainer input[type="text"]::placeholder {
  color: #7224d8;
  opacity: 1; /* Firefox */
}

.searchContainer input[type="submit"] {
  border: none;
  background: #000;
  color: #fff;
  padding: 6px 10px;
  border-radius: 0;
  box-shadow: -1px 0 0px 0px #7224d8;
}

.search-form {
  border: 1px solid #e5e5e5;
  border-radius: 2px;
}
.btnsearch {
    height: 100%;
    background: #702b6b;
}
#cssmenu ul li > ul, #cssmenu ul li > div {
    top: 48px;
}
.menuVariant{
    margin-top: 50px;
    background-color:#000;
}
.podcastImg{
    background-color:#febf2b;
}
.target {
  font-weight: bold;
  color: #fbfbfb;
  animation-name: rightToLeft;
  animation-duration: 5.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  white-space: nowrap;
  /* animation: rightToLeft 4.5s linear infinite; */
}
.menu-header-contextual-container a{
    color:#fff !important;
    font-size: clamp(15px, 1vw, 18px); 
}
.menu{
    display: flex;
    list-style-type: none;
    justify-content: center;
}
.menu-item{
    margin-right: 10px;
}
.menu .menu-item a{
     text-decoration: none;
}
#header-searchx{
    display: none;
}
/*.navbar-nav .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.navbar-nav .dropdown:hover .nav-link {
    color: white !important;
}
    
.dropdown-menu {
    transition: all 0.3s ease;
}
.dropdown-toggle::after{
    display: none;
}*/
@keyframes rightToLeft {
  0% {
    transform: translateX(200px);
  }
  100% {
    transform: translateX(-340px);
  }
}
.menu-mobile-container{
    display:flex;
    flex-direction:column;
}


/*FIN HEADER*/
/*INICIO HOME*/
.imageHome{
  width: 100%;
  object-fit: cover;
}
#thebest h1{
    background-color: black;
}
.flex-category2 {
    width: 100%;
    text-align: center;
    margin-bottom: -10px;
}

.flex-category2 a.enlace-blanco {
    background: #fff;
    padding: 5px 10px 5px 10px;
    color: #878787 !important;
    font-size: 15px;
    letter-spacing: 3px;
    text-transform: uppercase;
    z-index: 1;
    position: relative;
    text-decoration: none;

}

.img-responsive {
    margin: 0 auto;
    width: 335px;
    max-width: 350px;
    height: auto;
}

.card {
    -webkit-box-shadow: 10px 10px 35px -17px rgba(145, 145, 145, 1);
    -moz-box-shadow: 10px 10px 35px -17px rgba(145, 145, 145, 1);
    box-shadow: 10px 10px 35px -17px rgba(145, 145, 145, 1);
}
.card{
/*  max-height: 100%;*/
  height: auto;
  border: none;
/*  width: 17rem;
  max-width: 100%;*/
}
.especialistas .card{
    max-height: 100%;
    height: 590px;
}
#notasEspecialistas .card{
    max-height: 100%;
    height: 530px;
}
.card-title{
  font-size: 18px;
  font-family: 'Predige-Regular';
  color: #000;
  text-align: center;
  line-height: 20px;
}
.custom-text-card{
  font-size: 15px;
  line-height: 20px;
  padding: -1px 9px 0 9px;
  text-align: center;
  color: #757575;
}
.flex-excerpt2 {
    font-size: 16px;
    line-height: 20px;
    padding: 0 9px 0 9px;
    height: 130px;
    text-align: center;
    color: #757575;
}

.enlace-vermas{
  font-size: 12px;
  color: #6cb8c9;
  letter-spacing: 3px;
  text-decoration: none;
}
#especialistas .card{
  max-height: 560px;
  height: 550px;
  border: none;
}
.titulo-seccion-especialistas {
  font-size: clamp(30px,4vw,40px);
  text-align: center;
  font-family: 'Predige-Light';
}
.icondiamante{
    width: 100px;
}
.redesimg{
  max-width: 30px;
  margin-right: 10px;
}
.categoriaespecialista{
  text-decoration: none;
  color: black;
  text-align: center;
  font-size: 20px;
}
.categoriaespecialista div{
  background: ghostwhite;
  padding: 0 10px;
  font-size: 18px;
  text-align: center;
  font-family: 'Predige-Light';
  color: #000;
}
.podtitulop{
  width: 80%;
  margin: 0 auto;
  margin-bottom: 0px;
  margin-bottom: 0px;
  line-height: 17px;
  padding-bottom: 10px;
  min-height: auto;
  margin-bottom: 15px;
  border-bottom: 1px solid #eaeaea;
  text-align: center;
}
.podtitulop a {
  text-decoration: none;
  color: ;
  font-size: 20px;
  font-family: 'Predige-Regular';
  font-weight: bold;
  color: #868686;
}
.redes a{
  text-decoration: none;
  color: black;
}
.telefono{
    font-size: 15px;
}
.escuchar{
    text-align: center;
  margin-top: 20px;
}
.escuchar a{
    color: #3cbcb1 !important;
  font-size: 21px !important;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
  font-weight: 100 !important;
  outline: none !important;
  text-decoration: none;
}
/*Efecto de hover  nuevos*/
.hovereffect-new {
  width: 100%;
  height: auto;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
  background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
}

.hovereffect-new .overlay {
  width: 100%;
  height: auto;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 50px 20px;
}

.hovereffect-new img {
  display: block;
  position: relative;
  max-width: none;
  min-height: 200px;
  max-height: 200px;
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  min-height: 250px;
  object-fit: cover;
}

.hovereffect-new:hover img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect-new .linea {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  overflow: hidden;
  padding: 0.5em 0;
  background-color: transparent;
}

.hovereffect-new .linea:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.hovereffect-new:hover .linea:after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect-new a, .hovereffect-new p {
  color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}

.hovereffect-new:hover a, .hovereffect-new:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
/*Terminan los efectos hover nuevos */
/*Menuvariant*/
.liveContainer{
  position: absolute;
  bottom: 180px;
  left: 100px;
  background: linear-gradient(45deg, #000, #444);
  /*padding: 10px 20px;*/
  border-radius: 50px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
  max-width: 350px;
  cursor: pointer;
}
/**Este estilo esta destinado para el menu variante de diferentes parates del sitio web*/
.liveContainerDefault{
    position: absolute;
    bottom: 20px;
    left: 130px;
}
.liveContainerDefault .liveProgram{
    background: transparent;
}
.podcastContainerDefault{
    position: absolute;
  right: 110px;
  bottom: 30px;
}
.podcastContainer{
    position: absolute;
  bottom: 180px;
  left: 400px;
  background: linear-gradient(45deg, #000, #444);
  padding: 10px 20px;
  border-radius: 50px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
  max-width: 350px;
  cursor: pointer;
}
.liveProgramDefault{
  display: flex;
  align-items: center;
  padding: 5px 13px;
}
.liveProgram{
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.wrapperLive{
    display: flex;
  width: 200px;
  overflow: hidden;
  color:#fff;
  height: 50px;
  margin: 10px 20px;
}
.fixed-bottom {
    z-index: 9 !important;
}
/*PLAYER DE RADIO*/
audio{
    display: none;
}

.round-button:hover {
    background-color: rgba(0,0,0,0.8);
    box-shadow: 0px 0px 10px rgba(255,255,100,1);
    text-shadow: 0px 0px 10px rgba(255,255,100,1);
}


.liveProgram {
    display: flex;
    align-items: center;
    background: linear-gradient(45deg, #000, #444);
    padding: 10px 20px;
    border-radius: 50px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    position: relative;
    max-width: 350px;
}

.round-button {
    width: 45px;
    height: 45px;
    background-color: red;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    text-decoration: none;
    margin-left: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.round-button i {
    font-size: 24px;
}

.live-text {
    color: white;
    font-weight: bold;
    font-size: 16px;
    flex-grow: 1;
}
.arrow {
    font-size: 18px;
    color: white;
}
/**FIN DE PLAYER DE RADIO**/
/*carousel*/
.carousel-inner {
    max-width: 800px;  /* Ancho máximo del carrusel */
    max-height: 600px; /* Alto máximo del carrusel */
    margin: auto;      /* Centrar el carrusel */
}

.carousel-item img {
   max-width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 10px;
  margin: auto;
}
.gridDiamantes{
      display: flex;
  justify-content: center; /* Centra horizontalmente */
  align-items: center;
}

/*FIN HOME*/
/*category*/
#categorias .card{
  max-height: 100%;
  height: 550px;
  border: none;
  width: 18rem;
  max-width: 100%;
}
.contenedor-title{
     height: 60px;
  max-height: 60px;
}
.contenedor-text{
    height: 130px;
  max-height: 200px;
  line-height: 20px;
}
.card-title a{
    text-decoration: none;
    font-size: 18px;
  font-family: 'Predige-Regular';
  color: #000;
  text-align: center;
  line-height: 20px;
}
/*Pagination*/
.wp-pagenavi {
      display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 15px;
    margin: auto;
}

.wp-pagenavi a, .wp-pagenavi span {
    padding: 8px 12px;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
}

.wp-pagenavi .current {
    background-color: white;
    color: black;
    font-weight: bold;
}
/*Single*/
.contenedorPost{
    background-color: #f8f8ff8c;
    border-radius: 10px;
    width: 100%;
    max-width: 800px;
}
.categoriaBackground {
    font-size: 18px;
    background: #271350;
    background: #6441A5;
    background: -webkit-linear-gradient(to right, #2a0845, #6441A5);
    background: linear-gradient(to right, #080809, #5A5A5B);
    text-transform: uppercase;
    letter-spacing: 0.2em;
    border-radius: 5px;
    height: auto;
}
.imgPost {
  border-radius: 15px 15px 0 0;
  object-fit: cover;
}
.title-post {
  font-family: 'Predige-Light';
  font-size: 51px;
  font-size: clamp(35px,5vw,52px);
  text-align: left;
  margin-bottom: -5px;
  line-height: 100%;
  color: black;
}
.extract-post {
  font-style: italic;
  font-size: clamp(18px,5vw,19px);
  font-weight: 300;
  color: #757171;
}
.content p {
  font-size: clamp(18px,5vw,21px);
}
.content strong{
    font-weight: bold;
}
.content img{
    margin:25px auto;
    display: block;
    max-width: 100%;
    height: auto;
}
.bi-spotify{
    width: 30px;
    height: 30px;
}
.bi-whatsapp{
    width: 30px;
    height: 30px;
}
.socials {
  color: #6f6f6f;
  font-size: clamp(17px,5vw,18px);
  text-transform: uppercase;
  width: 100%;
  display: flex;
}
.lineDecoration {
  text-align: center;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(0.25turn,rgb(218 199 255),rgb(24 5 57),rgb(218 199 255));
    border-image-slice: 100%;
  border-image-slice: 1;
  width: 100%;
}
/*Fin Single*/
/*SINGLE PARTNERS*/
#carouselGaleriaWP, #carouselGaleriaWP .carousel-inner{
    height: 500px;
}
#carouselGaleriaWP img{
    height: 500px;
    object-fit: contain;
}
#carouselGaleriaWP .carousel-control-next-icon {
    background-color: #000;
    border-radius: 50%;
    filter: invert(1);
    width: 30px;
    height: 30px;
    background-size: 22px;
}
#carouselGaleriaWP .carousel-control-prev-icon {
    background-color: #000;
    border-radius: 50%;
    filter: invert(1);
    width: 30px;
    height: 30px;
    background-size: 22px;
}
#single-partners-content article a{
    color:#000 !important;
    text-decoration: none !important; 
    font-size: 20px;
}
#single-partners-content article p{
    font-size: 19px;
}
#single-partners-content article strong{
    font-size: 20px;
}
.custom-tooltip{
    position: relative;
    cursor:pointer;
}
.custom-tooltip[data-tooltip]:hover::after{
    display: block;
    position: absolute;
    content: attr(data-tooltip);
    color:#fff;
    background-color: #000;
    left:0%;
    right:0;
    top:35px;
    text-align: center;
    padding: 10px;
    width: 100%;
}

#single-partners-content article img{
    display:block;
    margin:10px auto;
}
/*FIN SINGLE PARTNERS*/
/*SINGLE ESPECIALISTAS*/
.temas::after {
    content: "";
    background-image: url('https://www.marthadebayle.com/wp-content/themes/martha_2016/assets/images/diamante-izq.gif');
    width: 100px;
    display: inline-flex;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0%,-50%);
}
.temas::before {
    content: "";
    background-image: url('https://www.marthadebayle.com/wp-content/themes/martha_2016/assets/images/diamante-der.gif');
    width: 100px;
    display: inline-flex;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0%,-50%);
}
.container-posts{
    overflow:hidden;
}
.card-post img{
    transition: .8s ease-in-out;
}
.card-post img:hover{
    transform:scale(1.1);
    filter: brightness(0.7);
}
.shareSocial .iconSocials{
    color: #25114d;
}
#infoModal iframe, #infoModal video{
    width:100%;
    margin:20px auto;
}
#infoModal div {
    padding:5px 0;
}
#infoModal strong, #infoModal span{
    font-size: 15px;
}
#infoModal a{
    text-decoration:none;
}
#infoModal img{
    display: block;
    margin: 10px auto;
    border-radius: 10px;
    object-fit:contain;
}
/*FIN SINGLE ESPECIALISTAS*/
/* FOOTER 2024*/
    footer{
        font-family: Predige-Light;
    }
    .info{
        background-color:#000;
    }
    footer .row.blackFooter{
        padding:30px 5% 0;
    }
    footer .row.blackFooter p,  footer  a{
        font-size: clamp(16px, 5vw, 18px); 
    }
    footer .menu{
        display:flex;
        justify-content:center;
        padding:0;
        flex-wrap:wrap;
        padding-bottom:30px;
    }
    footer .menu a{
        text-decoration: none;
        color:#fff;
    }
    .btnSubscription{
        background-color: white !important;
        box-shadow: 6px 5px 0px purple;
        color: purple !important;
        font-weight: 700 !important;
        animation: wiggle 4s 2s infinite;
    }
    .btnSubscription:hover{
        color:purple;
    }
    @keyframes wiggle {
        5%,
        50% {
            transform: scale(1);
        }
        10% {
            transform: scale(0.9);
        }
        15% {
            transform: scale(1.15);
        }
        20% {
            transform: scale(1.15) rotate(-5deg);
        }
        25% {
            transform: scale(1.15) rotate(5deg);
        }
        30% {
            transform: scale(1.15) rotate(-3deg);
        }
        35% {
            transform: scale(1.15) rotate(2deg);
        }
        40% {
            transform: scale(1.15) rotate(0);
        }
    }
    .bannerFooter{
        mask-image: linear-gradient(black 80%, transparent);
    }
    footer .row.brands{
        background-color: #000;
    }
    .brands .podcastLogo{
        width: 85px !important;
        margin-top: -30px;
        background: transparent;
        filter: invert(1);
    }
    .brands a{
        width:33.3%;
        max-width: 200px;
    }
    .brands p {
        font-size: clamp(12px, 5vw, 14px); 
        line-height: 115%;
    }
    .brands .logos{
        grid-gap:20px 0;
    }

    @media(max-width:767px){
        .brands a{
            width:50%;
        }
        #carouselGaleriaWP, #carouselGaleriaWP .carousel-inner{
            height: 300px;
        }
        #carouselGaleriaWP img{
            height: 300px;
            object-fit: contain;
        }
    }
/* FIN FOOTER 2024*/
/* Archive-especialista */
.backgroundForm{
    background-image: url("https://www.marthadebayle.com/wp-content/themes/martha_2016/assets/images/especialistas/especialistas_back.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.contenedorForm{
    width: 623px;
  margin: auto !important;
  max-width: 100%;
  border-radius: 16px;
  background: ghostwhite;
}
.buscador{
    border: 1px solid #1C9AB0;
  padding: 10px 10px 10px 10px;
  color: #1C9AB0;
  margin: 0 auto;
}
/*MEDIA */
@media (max-width: 575px) {
    .logoMenu {
        max-width: 200px;
    }
	.navbar-toggler {
	  order: 0 !important;
	}
    .podcastImg {
        margin-left: -23px;
    }
    .liveContainer{
        width: 163;
       left: 20px;
       bottom: 50px;
    }
    audio{
       height: 30px;
       width:130px;
    }
    .menuVariant{
    margin-top: 65px;
    }
    #lomasescuchado h1{
    font-size: 24px;
    }
    .imgPost{
       height: 260px;
    }
    .temas::after, .temas::before {
        width: 60px;
    }
    .icondiamante{
        width: 50px;
    }
    .bannerFooter{
        max-width: 100%;
        height: auto;
    }
    iframe{
        width: 100%;
    }
}

@media(max-width:1125px){
    /*body{
        margin-top:78px !important;
    }
/*    .card{
         width: 17rem;
    }*/
}

@media(max-width:991px){
    /*body{
        margin-top:74px !important;
    }*/
    #menu-mobile{
        display: flex;
        flex-direction: column;
        padding: 40px 0 50px;
        list-style-type: none;
    }
    #menu-mobile .sub-menu{
        list-style-type: none;
        margin-left: 10px;
    }
    #menu-mobile a{
        color:#fff !important;
        font-family: 'Predige-Light' !important;
    }
    .liveContainer img, .podcastContainer img {
        height: 45px;
        width: 100%;
        object-fit: contain;
        background-color: #000;
    }
    
    .navbar-dark .navbar-toggler {
        border-color: unset !important;
    }
    .navbar-toggler:focus {
        box-shadow: unset !important;
    }
    .podcastImg {
        background-color: unset;
    }
    .wrapperLive {
        width: 90%;
        margin: 10px 0px;
    }
    #menu-header-contextual{
        display: flex;
    flex-direction: column;
    padding: 0px 0 0px;
        list-style-type: none;
    }
    .menu{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
}