.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%;
         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: #ffffff;*/

            transition: transform 1s ease, opacity 1s ease;

            transform: translateY(-70%);
            opacity:100%

}

.header__filasuperior > ul{

            margin:5px 5px 0px 0px;

}

input.header__input{

      height:20px;
      border-color: var(--base-color);
      margin-bottom:10px;
     

}


/*Estilamos la hamburguesa*/

.header__burger{
   display:none;
                
}

.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:14px;
               color:#00000099;


}

.header__links > li > a:hover{

   
   color:var(--base-color);


}

/*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__formulario{

            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*/

/*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: max-height .2s ease-in-out;

   overflow:hidden;

   
   margin:0px;
 
   
   max-height:0px;
   padding:0px;
     
}

.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: var(--tipografia-base);
            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: #ffffff;
                  margin:0px;
                  margin-top:12px;
                  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;

            }


            .sub-menu > li > a{

               font-size:12px;
               color:#00000099;
               transition: padding-left 0.2s ease-in-out;

            }


            .sub-menu > li > a:hover {

               border-left:2px solid var(--base-color);
               padding-left:10px;
               color:var (--base-color);

            }
}
      /* Fin Estilos menu 2º nivel desktop */ 
/*Fin Estilos de elmentos generados por WP*/

/*Fin NO BEM*/