@media (max-width: 1280px) {

.hero-section-other {
    
    
    margin-top: 0%;
    background-image: url('img/recreacion.jpg'); /* Cambia esta ruta */
    background-size: cover;
    width: 100%;
    height: 30vh;


    
    position: bottom;
    display: block;
    align-items: center;
    box-sizing: border-box;
    background-position: center 100px; /* 🔹 ajusta para subir la foto */
    background-repeat: no-repeat;
}
.hero-section-other h2 {
    font-size: 4vh;
}
}

#instalaciones {
    scroll-margin-top: 280px;

}


/*INSTALACIONES*/
@media (max-width: 1280px) {
 .instalacion {
  display: flex;
  flex-direction: column; /* los pone en columna */
  align-items: center;
  text-align: center;
}

/* Reordenamos */
.instalacion-content h2 {
  order: 1; /* título primero */
}

.instalacion img {
  order: 2; /* imagen después */
  width: 100%;
  max-width: 500px;
  border-radius: 10px;
}

.instalacion-content p {
  order: 3; /* descripción de último */
}
}



/*SERVICIOS*/

@media (max-width: 1280px){


.service-content {
  order: 1; /* El contenido va primero */
}

.service-image {
  order: 2; /* La imagen va después */
}
}


/*instalaciones*/

@media (max-width: 1280px){
  .instalacion {
      display: flex;
      align-items: center;
      gap: 20px; /* Espacio entre imagen y texto */
      background-color: #d6dddd;
      border-radius: 15px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
      padding: 20px;
      max-width: 80%;
      margin: 40px auto;
  }
.instalacion-content p {
    font-family: 'Libertinus Sans', system-ui, sans-serif;
    line-height: 1.6;
    font-size: 1.2rem;
    color: #333;
    
}

}