body{
    margin: 0;
    padding: 0;
    background-color: white;
}




.header-reserva {
  display: flex;

  background: #C8B272;     
  padding: 0 40px;
  height: 100px;
  

}


.logo img {
  height: 90px;
  width: auto;
}

.nav{
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}


.nav ul {
  display: flex;
  gap: 40px;               
  padding: 0;
  margin: 0;
  list-style: none;
  
}

.nav a {
  color: black;
  text-decoration: none;
  font-size: 30px;
  font-family: serif;
  display: flex;
  
 
}







body, .bloque.descripcion {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


.bloque.descripcion {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  min-height: 100vh;
  background: #faf7ee;
}


.section-1 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 60%;
  padding: 32px 0 32px 36px;
}


.habitacion-1,
.habitacion-2,
.habitacion-3 {
  display: flex;
  flex-direction: row;
  align-items: center;      
        
  height: 210px;           
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  box-shadow: 0 2px 8px #bbb4b430;
  margin-bottom: 30px;
  padding: 22px 12px;
  width: 95%;
  box-sizing: border-box;
  margin: 24px;
}


.habitacion-1 img,
.habitacion-2 img,
.habitacion-3 img {
  width: 140px;
  height: 110px;
  object-fit: cover;
  border-radius: 10px;
  margin-right: 16px;
}


.descripcion-1{
    margin: 70px;
    
}

.descripcion-2{
    margin: 190px;

}

.descripcion-3{
    margin:190px ;
}



.habitacion-1 h3, .habitacion-2 h3, .habitacion-3 h3 {
  margin-bottom: 6px;
  font-family: sans-serif;
  font-size: 25px;
  font-weight: bold;
}

.habitacion-1 p, .habitacion-2 p, .habitacion-3 p {
  margin: 4px 0;
  font-size: 15px;
}


ul {
  margin: 5px 0;
  padding-left: 10px;
}

.habitacion-1-buton,
.habitacion-2-buton,
.habitacion-3-buton {
  margin-top: 8px;
}
.habitacion-1-buton button,
.habitacion-2-buton button,
.habitacion-3-buton button {
  padding: 7px 18px;
  background: #b18d41;
  color: #fff;
  border-radius: 5px;
  border: none;
  font-weight: bold;
  cursor: pointer;
}


.bloque-reserva {
  width: 50%;
  min-width: 290px;
  background: none;
  padding: 38px 16px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.titulo-form h1 {
  font-size: 1.5em;
  color: #b18d41;
  margin-bottom: 24px;
  font-family: sans-serif;
  text-align: center;
}

.form {
  width: 95%;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 10px #ddd6be33;
  padding: 24px 18px;
}

.form label {
  font-weight: bold;
  font-size: 1em;
  margin-bottom: 3px;
}

.form input[type="text"],
.form input[type="date"],
.form select {
  width: 100%;
  padding: 6.5px 10px;
  margin-top: 6px;
  margin-bottom: 14px;
  border-radius: 5px;
  border: 1px solid #b18d41;
  box-sizing: border-box;
}

.form input[type="submit"],
.form input[type="button"] {
  width: 48%;
  padding: 9px 0;
  background: #b18d41;
  color: #fff;
  border-radius: 7px;
  border: none;
  font-weight: bold;
  margin: 0 3px 0 0;
  cursor: pointer;
  
}

.form input[type="button"]:hover,
.form input[type="submit"]:hover {
  background: #8e6d26;
}

.contenedor-principal {
  display: flex;
  flex-direction: row;
  align-items: flex-start;          
  justify-content: center;
  gap: 48px;                      
  width: 100%;
}

.bloque.descripcion {
  flex: 1 1 0;
  width: 50%;
}

.bloque-reserva {
  flex: 1 1 0;
  width: 50%;
}

footer{
    position: absolute;
    background-color: #C8B272;
    z-index: -1;
    margin: 0;
    width: 100%;
    
    

}

.footer-bloque{
    z-index: -1;
    margin: 0;
    justify-content: center;  
    align-items: center; 
    display: flex;
    width: 100%;
    flex-direction: row; 
    gap: 280px;

}


.footer-1{

color: black;
font-size: 20px;
margin: 30px;
padding: 10px;


}


.footer-2{

color: black;
font-size: 25px;
margin: 30px;
padding: 10px;


}

.footer-2 ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-2 ul a{
    text-decoration: none;
    color: black;
}


.footer-3{

color: black;
font-size: 20px;
margin: 30px;
padding: 10px;

}
.copy{

    text-align: center;
    
}