/* 
 ### MEJOR CARGAR TODO ESTO EN _MAIN.SCSS PARA ENVITAR SALTOS AL CARGAR ### 
 */


 /* compensa altura header */

 /* Vars */
 :root {
     --header-height: 76px;
     --header-height-small: 76px;
 }


 /*move sticky elements if nav down*/
 body.is-nav-down .sticky.is-at-top.is-stuck {
     top: var(--header-height) !important;
     /*@extend .global-easing;*/
     transition: top 0.2s ease-in-out;
 }

 /* Small screens */

 /*En home*/
 body.home {
     padding-top: 0;
 }

 /*en paginas interiores*/
 body:not(.home) {
     padding-top: var(--header-height-small);
 }


 /* Medium screens */

 @media only screen and (min-width: 40.063em) {
     body.home {
         padding-top: 0;
     }

     /*en paginas interiores*/
     body:not(.home) {
         padding-top: var(--header-height);
     }
 }



 header.show-on-scroll-up {
     position: fixed;
     top: 0;
     transition: top 0.2s ease-in-out;
     width: 100%;
     z-index: 99;

 }

 /* mueve hacia arriba igual valor que altura header */
 header.nav-up {
     top: calc(-1 * var(--header-height));
 }

 /* Sticky top with header down
---------------------------------*/
 /*body.is-nav-down .sticky.is-stuck {
    @extend .global-easing;
    top: 74px!important;
}