/* Estilos para el encabezado */
#mdw-main-header {
  top: 0;
  width: 100%;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

#mdw-main-header.slide-up {
  transform: translateY(-100%);
}

#mdw-main-header.slide-down {
  transform: translateY(0);
}

#mdw-main-header.mdw__header_fixed {
  position: fixed;
}


/**
Estilos para el footer CTA
*/
#mdw-cta-footer {
  transition: all 0.5s ease-out;
  position: fixed;
  display: block;
  bottom: -100%;
  z-index: 1000;
  height: 80px;
  width: 100%;
  background-color: white;
  
  &.show {
    bottom: 0;

    @media screen and (max-width: 1023px) {
      display: none ;
    }
  }
}

/* Estilos para la animación de párrafos */
.mdw-paragraph span {
  display: inline-block;
}

/* Grow Efect to image */
.mdw-grow-efect {
  figure {
    overflow: hidden;
  }
  img {
    scale: 1;
    transition: scale 0.3s ease-in-out;

    &:hover {
      scale: 1.1;
    }
  }
}