/*STICKY HEADER*/

/*altura del header en sticky*/
/*ESTA ES LA UNICA VARIABLE QUE SE DEBE CAMBIAR EN OTROS PROYECTOS SI SE DESEA QUE EL HEADER EN STICKY TENGA OTRA ALTURA*/
header.site-header.sticky-header .ast-primary-header-bar .site-primary-header-wrap, 
header.site-header.sticky-header .ast-mobile-header-wrap .ast-primary-header-bar, 
.ast-desktop header.site-header.sticky-header .main-header-menu > .menu-item{
   height: 60px;
   min-height: 60px;
}

/*Define la velocidad de las transiciones para los diferentes elementos*/
.ast-primary-header-bar .site-primary-header-wrap, 
header.site-header, 
header.site-header .custom-logo-link img, 
.ast-builder-menu-1 .menu-item > .menu-link{
   -webkit-transition: all 1s ease;
   transition: height 0.3s ease, font-size 0.3s ease, max-width 1s ease;

}

/*Propiedades del header cuando queda sticky*/
/* El margen superior del contenido (.site-content) se ajusta dinámicamente desde JS
   según la altura inicial del header para evitar que la página "salte" al activar sticky */
header.site-header.sticky-header{
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   width: 100%;
   z-index: 9999;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 
}

/*Empuja hacia abajo el header cuando el usuario está logueado para poder ver el adminbar*/
.logged-in.admin-bar header.site-header.sticky-header{
   top: 32px;
}

/*Tamaño del logo en sticky*/
header.site-header.sticky-header .custom-logo-link img{
   max-width: 95px;
}

/*Tamaño de la fuente de los menus en sticky*/
header.site-header.sticky-header .ast-builder-menu-1 .menu-item > .menu-link{
   font-size: 16px;
}


/*Acomoda el sticky para que no quede un hueco en móvil*/
@media screen and (max-width: 782px){
   .logged-in.admin-bar header.site-header.sticky-header{
      top: 46px;
   }
}
@media screen and (max-width: 600px){
   .logged-in.admin-bar header.site-header.sticky-header{
      top: 0;
   }
}

/*BREAK POINTS para responsive sticky*/
@media screen and (max-width: 544px){
   /*Tamaño del logo en sticky*/
   header.site-header.sticky-header .custom-logo-link img{
      max-width: 90px;
   }
}