/*
Theme Name:   hello-elementor child theme
Description: Tema hijo para hacer personalizaciones de código
Author:       inycom
Author URL:  https://tusitio.com
Template:     hello-elementor
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  hello-elementor-child
*/

/* .elementor-page-title, h1.entry-title {
    display: none !important;
} */
body {
  position: relative;
  overflow-x: hidden;
}
.titulo-noticias {
   /* color:#ff7052; */
   /*color: #bf1600;*/
   color:rgb(174 27 34);
   
}

.gm-navbar--has-shadow:not(.gm-navbar-sticky-toggle) .gm-inner {
    -webkit-box-shadow: none;
    box-shadow:none;
}
/*esto es para el logo del menu*/
i.fa.fa-bars {
    color: #000000;
    size: 25px;
    font-size: 1.5em;
    /*color:#e1005c;*/
}
* {
   font-family:Hind ;
}

.entry-title {
    color:rgb(174 27 34) ;
}

@media only screen and (max-width: 768px) {
    .imagen-tips {
        float:right;
    }

}

#webinar-home {
    display: none;
}

#icon-footer a {
    color: #bf1600 !important;
}

.mostrar.row h2 a, .modal-content h1{
    color: rgb(174 27 34) !important;
}

#iconos-home .elementor-column {
    width: 14.5% !important;
}
.custom-logo {
    max-height: 60px;
    width: auto;
}

section#iconos-home * {
    color: #ff7153;
    font-weight: 400;
}

span.gm-menu-btn__inner i {
    color: #ff7153 !important;
    font-size: 50px !important;
}
/*
span.gm-menu-btn__inner i::before {
    
    color: #f0f8ff00;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("https://energiaenred.usj.es/ham.png");
}
*/

.flex-energiaenred {
    display: flex;
    flex-wrap: wrap;
}
.flex-energiaenred .mostrar {
    width: 100%;
    margin: 5px;
}
.playpodcast  {
    position: absolute !important;
    z-index: 10;
    display: flex;
    justify-content: center;
    background-color: rgba(0,0,0,0.4) !important;
    min-height: 100% !important;
    align-items: center;
    border-radius: 20px;
}
.pie {
    display: flex;
    justify-content: space-evenly;
    font-size: 12px;
    margin-right: 30%;
}
.pie a {
    color: black;
}
/*img.custom-logo {
    filter: grayscale(1);
}*/
.infografia-img {
  max-width: 400px;   /* límite */
  width: 100%;        /* ocupa todo hasta ese límite */
  height: auto;       /* mantiene proporción */
}
/* 1) Quitar la barra: sin alto, sin fondo, sin padding */
.mob-menu-header-holder.mobmenu{
  background: transparent !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 2) Evitar que el contenedor “ocupe” toda la pantalla/anchura */
.mob-menu-header-holder.mobmenu,
.mob-menu-header-holder.mobmenu .mobmenur-container{
  width: auto !important;
  max-width: none !important;
  display: inline-flex !important;
  align-items: center;
}

/* 3) Dejar solo el botón (icono) */
.mob-menu-header-holder.mobmenu .mobmenu-right-bt{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 44px;          /* ajusta */
  height: 44px;         /* ajusta */
  padding: 0 !important;
}

/* 4) Ajuste del tamaño del SVG */
.mob-menu-header-holder.mobmenu .mobmenu-right-bt svg{
  width: 45px;
  height: 45px;
}
/*fondo body*/
body::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 300px;
  height: 300px;
  background-image: url("https://valora.usj.es/wp-content/themes/hello-elementor-child/fondo infografia.svg");
  background-repeat: no-repeat;
  background-size: contain;
  /*filter: contrast(1.6) brightness(0.85) saturate(1.4);*/
  /*opacity: 0.95;*/
  z-index: -1;
}
body::after {
    content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 300px;
  height: 300px;

  width: 300px;
  height: 300px;
  background-image: url("https://valora.usj.es/wp-content/themes/hello-elementor-child/fondo infografia2.svg");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}


.site-header #site-branding {
    display: flex !important;
    flex-direction: row; 
    gap: 3.5rem; 
    justify-content: left;
}

#logo-institucional {
   max-height:63px;
}
@media (max-width: 767px) {
    .tips-home::before {
        content: "\00a0 \00a0";
    }
    section#iconos-home * {
        color: #ff7153;
        font-weight: 400;
        text-align: center;
    }
    #iconos-home .elementor-column {
        width: 50% !important;
    }
}

@media (max-width: 991px) {
    .flex-energiaenred .mostrar {
        flex-direction: column;
    }
    .flex-energiaenred .mostrar > div {
        max-width: 100%;
    }
    .site-header #site-branding {
      display: inline-flex !important;
      flex-direction: row; 
      gap: 3.5rem; 
      justify-content: left;
    }
    #logo-institucional {
         max-height:35px;
    }
    div:has(#logo-institucional) {
      text-align:center;
    }
    a.custom-logo-link {
        display: none;
    }
    .pie {
      margin-right:0;
    }
    
}

@media (max-width: 1077px) {
   
    .tips-home::before {
        content: "\00a0 \00a0";
    }
}
@media (min-width: 1078px) {
    
    .tips-home::before {
        content: "\00a0 \00a0 \00a0 \00a0 ";
    }
}