body { 
    /* font-family: 'Nunito', sans-serif !important; */
    font-family: 'Montserrat' !important;
    color: #154352;
  }
  header { 
    margin-top: 75px;
    border: 0px;
  }
  @media (max-width: 720px) {
    header { 
      margin-top: 20px; 
    }
  }
  * {
    box-sizing: border-box;
  }
  .navbar {
    margin-bottom: 0;
    border-radius: 0;
    /* box-shadow: 0 0 14px rgba(0, 0, 0, 0.123);  */

    box-shadow: 0 0 10px rgba(0, 0, 0, 0); /* Sombra inicial invisible */
    transition: box-shadow 0.5s ease; /* Animación para la sombra */
  }
  nav.sombra-activa {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.12); /* Sombra visible */
  }
  header {
    background-color: #f2f2f2;
    padding-top: 2%;
    padding-bottom: 2%;
  }
  .link-button {
    text-decoration: none;
  }
  .max-width {
    max-width: 1380px;
  }
  #servicios {
    background-color: #ffffff;
    padding-top: 2%;
    padding-bottom: 4%;
  }
  #nosotros {
    background-color: #f2f2f2;
    padding-top: 2%;
    padding-bottom: 4%;
  }
  #contacto {
    background-color: #fff;
    padding-top: 3%;
    padding-bottom: 3%;
  }
  footer {
    background: linear-gradient(180deg, #2991b5 0%, #1b6b85 100%);
    color: #fff;
    padding-top: 2%;
    padding-bottom: 2%;
  }
  #footer {
    max-width: 1440px;
  }
  .ico-redes {
    max-width: 280px;
  }

@media (max-width: 600px) {
  .datos-footer {
    text-align: center;
    padding-top: 3%;
    padding-bottom: 3%;
  }
  .ico-redes {
    margin: auto;
  }
}

/* boton arriba */

#volver-arriba {
  position: fixed; /* Fijar el botón en la página */
  bottom: 20px; /* Distancia desde la parte inferior */
  right: 20px; /* Distancia desde la derecha */
  z-index: 100; /* Asegurarse de que el botón esté sobre el contenido */
  display: none; /* Ocultar el botón inicialmente */
  width: 60px;
  height: 60px;
  background-color: #F35E29;
  box-shadow: 0 0 15px -2px #cf4d1e49;
  border-radius: 5px;
}
#volver-arriba a {
  color: #fff;
  font-size: 2.4em;
}

#volver-arriba.visible {
  display: block; /* Mostrar el botón cuando se desplace */
}