.header{     
   
            font-family: var(--tipografia-base);
            font-optical-sizing: auto;
            font-weight: 400;
            font-style: normal;
            font-variation-settings: "wdth" 100;
            font-size: 15px;
            
            position:sticky;
           
            top:0px;

            width:100%;

            color:var(--base-color);
            background-color: #ffffff;

            margin-top: 0rem;
            margin-bottom: 0rem;

            display:flex;
            flex-direction: column;
            align-content: center;
            justify-content:flex-start;
            align-items: center;
            flex-wrap: nowrap;

            border-bottom: 3px solid;
            border-bottom-color: var(--base-color);

            z-index:100;

            
            max-height:150px;

            display: visible;

            transition: box-shadow .7s ease-out;
            
        }


.header__filasuperior{

         width:100%;
         max-width: 1080px;
         min-height:30px;
         justify-self:end ;

      }

.header__filacentral{

            display:flex;
            flex-direction: row;
            align-content: center;
            justify-content:center;
            align-items: center;
            flex-wrap:nowrap;

            background-color: #ffffff;
            padding-right:1rem;
            padding-left:1rem;
            z-index: 99;
            width:100%;

         }
.header__formulario{

            z-index: 97;
            display:flex;
            flex-direction:row;
            
           

            transition: transform 1s ease, opacity 1.5s ease;
          
            transform: translateY(-100%);
            opacity:0;

}
.header__filainferior{

            z-index: 98;
            display:flex;
            flex-direction:row;
            
            /*background-color: var(--base-color);*/

            transition: transform 1s ease, opacity 1s ease;

            transform: translateY(-70%);
            opacity:100%

}

.header__filasuperior > ul{

            margin:5px 5px 0px 0px;

}

.header__links--secundario{
   display:flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: flex-end;
   align-items:center;
   margin: 0px;
}

.header__links--secundario li {
margin:0px 5px;
display:flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items:center;

}

.header__links--secundario li a{
   font-family: var(--tipografia-base);
   color:#757575;
   font-weight:400;
   font-size:12px;
  }







input.header__input{

      height:20px;
      border-color: var(--base-color);
      margin-bottom:10px;
     

}


/*Estilamos la hamburguesa*/

.header__burger{
   display:none;
	padding-left:15px;
                
}

.header__line {
   height: 2px;
   width: 35px;
   margin: 0.5rem 0;
   background-color: var(--base-color);
   transition: transform 0.75s ease, opacity 0.75s ease;
 }

 /*fin de estilos hamburguesa*/



.header__links{
                display:flex;
                flex-direction: row;
                align-content: center;
                justify-content:center;
                align-items: flex-start;
                flex-wrap: nowrap;

}

.header__links > li {

   margin-left:0.33rem;
   margin-right:0.33rem;
  

}

ul.header__links > li{padding-right: 25px;}

.header__links > li > a{

               font-family: var(--tipografia-base);
               font-optical-sizing: auto;
               font-weight: 400;
               font-style: normal;
               font-variation-settings: "wdth" 100;
               font-size:16px;
               color:var(--menu-color);
               text-transform: uppercase;


}

.header__links > li > a:hover{

   
   color:var(--hover-color);


}

.header__busqueda{min-height: 40px;}

.header__agenda > a > img{
   
      max-height:60px;
      height:60px;
      width:auto;
}
.header__agenda {
      padding-left:20px;
}

/*Estilos de Movil */ 

@media screen and  (max-width:800px) {
.header{
            margin-top:0;
            margin-bottom:0;
            border:none;
            max-height:98px;
            position:fixed;
         }

.header__filasuperior{

            display:none;

         }

.header__formulario{

            display:none;

         }
.header__agenda{

            display:none;

         }

.header__filacentral{
   width:100%;
   border-bottom: 3px solid;
   border-bottom-color: var(--base-color);
   padding-top:10px;
}

.header__filainferior{
   width:100%;
}

.header__menu{
   position:fixed;

   top:0px;

   width:100%;
   transform: translateY(-150%);
   transition: transform 1s ease, box-shadow .7s ease-out;
   
   background-color:#ffffff;
   
   box-shadow: none;
} 

.header__links{

   display: block;
   width:100%;

}

.header__burger{

   display:block;
                  
}

.header__busqueda{
   display:none;
}
}

 /*Fin estilos de Movil */

/*NO BEM*/


.custom-logo {
   max-height:80px;
   height:80px;
   width:auto;}



/*Estilos de la caja de búsqueda*/

.dashicons{
   color:var(--base-color);
}
.menu_down{

   transform: translateY(100%);
   opacity:0;
   

}
.formulario_down{
 
   transform: translateY(0%);
   opacity:100%;
 

}


/*Estilos click hamburguesa*/
.cross1 {

   transform: translate(-10px) rotate(45deg) translate(15px);

 }
.cross2 {

   opacity: 0;

 }
.cross3 {

   transform: translate(-10px) rotate(-45deg) translate(15px);

 }

.show{
   
   transform: translateY(0%);
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6);

}
/*Fin Estilos click hamburguesa*/


/*Estilos de elementos generados por WP*/

.sub-menu{
   
   transition: height .2s ease-in-out;

   overflow:hidden;

   
   margin:0px;
 
   
  /* max-height:0px;*/


   padding:0px;
     
}




/*.header__links>li.menu-item>ul.sub-menu>li.menu-item>a:after*/

.menu-item-has-children > a:after{
   
   color: var(--base-color);
   font-family: 'Noto Sans';
   text-align: center;
   speak: none;
   font-weight: 800;
   font-variant: normal;
   text-transform: none;
   -webkit-font-smoothing: antialiased;
   /*position: absolute;*/
   font-size: 12px;
   content: '>';
   padding-top: 4px;
   padding-left:2px;
   padding-right:20px;
  

}

          /* Estilos menu 2º nivel movil */ 
.menu-item {

   margin:10px 0px;
 
}
.sub-menu > li {

            padding-top:0px;
            padding-left: 20px;
            padding-bottom:0px;
            padding-right:0px;

         }
.sub-menu > li > a{
            font-family: "Noto Sans", sans-serif;
            font-optical-sizing: auto;
            font-weight: 400;
            font-style: normal;
            font-variation-settings: "wdth" 100;
            font-size:12px;
            color:#00000099;


         }


            
            /* fin Estilos menu 2º nivel movil */ 


      /* Estilos menu 2º nivel desktop */  
@media screen and (min-width:800px){

               .menu-item {

                  margin:0px 0px 0px 0px;
               
               }

            
               .sub-menu{
                  position :absolute;
                  background-color:#1f357ff0;
                  margin:0px;
                  margin-top:0px;
                  width:auto;
                  width:275px;
                  box-shadow: 0 2px 5px rgba(0,0,0,.1);

                  max-height:0px;

               }
               


            .sub-menu > li {

               padding-top:20px;
               padding-left: 20px;
               padding-bottom:0px;
               padding-right:0px;

            }

            .sub-menu > li:first-child{

               border-top:3px solid var(--base-color);

            }


            .sub-menu > li:last-child{

               padding-bottom:20px;

            }


            .sub-menu > li > a{

               font-size:14px;
               font-weight: 600;
               color:var(--submenu-color);
               transition: padding-left 0.2s ease-in-out;

            }


            .sub-menu > li > a:hover {

              /* border-left:2px solid #ffffff;
               padding-left:10px;*/
               color:var (--base-color);

            }
}
      /* Fin Estilos menu 2º nivel desktop */ 
/*Fin Estilos de elmentos generados por WP*/

/*Fin NO BEM*/

/*mega menu*/

     /* Estilos menu 2º nivel desktop */  
     @media screen and (min-width:800px){

    /*  .menu-item {

         margin:0px 0px 0px 0px;
      
      }

   
      .sub-menu{
         position :absolute;
         background-color:#1f357ff0;
         margin:0px;
         margin-top:0px;
         width:auto;
         min-width:275px;
         box-shadow: 0 2px 5px rgba(0,0,0,.1);
      }
      


   .sub-menu > li {

      padding-top:20px;
      padding-left: 20px;
      padding-bottom:0px;
      padding-right:0px;

   }

   .sub-menu > li:first-child{

      border-top:3px solid var(--base-color);

   }


   .sub-menu > li:last-child{

      padding-bottom:20px;

   }
*/
   .header{max-height: 145px;}
   .submenu{margin-top:0px;}




   .header__links>li:first-child>.sub-menu{
      min-width:275px;
      width:auto;
   }
  .header__links>li:first-child>.sub-menu > li > a{

      font-size:14px;
      font-weight: 600;
      color:var(--submenu-color);
      transition: padding-left 0.2s ease-in-out;

   }


   .header__links>li:first-child>.sub-menu > li > a:hover {

     /* border-left:2px solid #ffffff;
      padding-left:10px;*/
      color:var (--base-color);

   }
   li.menu-item{

      display:block;
   
   }
   .header__links>li.menu-item:first-child>ul.sub-menu{
   
      display:flex;
      flex-direction:row;
      flex-wrap: nowrap;
   
   
   }
   .header__links>li.menu-item:first-child>ul.sub-menu>li.menu-item>ul.sub-menu{
   height:auto;
   max-height:none;
   background:transparent;

   
   
   }
   .header__links>li.menu-item:first-child>ul.sub-menu>li.menu-item{
      
      margin-right:90px;
      
      
      }

      .header__links>li.menu-item:first-child>ul.sub-menu>li.menu-item>ul.sub-menu>li{

padding-left: 10px;

      }
 .header__links>li.menu-item:first-child>ul.sub-menu>li.menu-item>ul.sub-menu>li>a{
         font-size:13px;
         font-weight: 600;
      }


}





@media screen and (max-width:800px){

                 .sub-menu{
                     transition: max-height 2s ease-in-out;
                     max-height: 0px;
                     height:0px;

                     }
                     .show_2{
                        max-height:1000px!important;
                        height:auto!important;
                     }
               

}








/*fin mega menu*/