body {
    margin: 0; /* Eliminamos margen para evitar desajustes */
    padding: 0;
    background-image: url(../img/fondo.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
  
  
  
  /* Ajustes para la sección de alojamientos */
  .aloja {
    position: relative;
    margin-top: 170px; /* Espacio suficiente para que no lo tape la navbar */
    justify-content: center; /* Centra el contenido */
  
  }
  .aloja table{
    margin-left: auto;
    margin-right: auto;
    
  }
  
  .alojaimg img {
    height: 55vh;
    width: 40vw;
    border-radius: 10%;
  }
  
  .alojaimg img:hover {
    border: 0.5vh solid #ffaeae;
    height: 60vh;
    width: 44vw;
    transition: 0.5s;
  }
  
  .alojanom {
    text-align: center;
    
    color: black; /* Color original */
    font-weight: bolder;
    font-size: 2vw;
  }
  

  
  /* Media queries para dispositivos móviles */
  @media (max-width: 900px) {
  
    .aloja {
        margin-top: 80px; /* Ajuste extra para pantallas medianas */
    }
  }
  
  @media (max-width: 600px) {
   
  
    .aloja {
        margin-top: 70px; /* Ajuste extra para móviles */
    }
  }
  
  
  .aloja-responsive {
    display: none;
  }
  
  @media (max-width: 768px) {
 
    .aloja {
        display: none; /* Oculta la versión de escritorio */
    }
    .aloja-responsive {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        margin-top: 100px;
    }
    .aloja-item {
        text-align: center;
    }
    .alojaimg img {
      height: 40vh;
      width: 90vw;
        border-radius: 10px;
    }
   
      .alojaimg img:hover {
        
          height: 40vh;
          width: 80vw;
         
      }
    
    .alojaimg2{
      margin-bottom: 5vw;
    }
    .alojanom {
      font-size: 5vw; /* Aumenta el tamaño del texto */
  }
  
 
  
  }
  
  @media (min-width: 769px) {
    .aloja {
        display: block;
    }
    .aloja-responsive {
        display: none;
    }
  }