body{
    margin:0;
    padding:0;
    background-color:#ebeb5e;
}
#cabecera{
    width:100%; 
    min-height: 140px;
    background-color:  #ffd645; /*sacar color*/ 
    display: flex; /*para que ocupe todo el ancho*/
    align-items: flex-start;
    justify-content: center;
    position: relative; 
}
#LOGO {
    width:100px; 
    height: 100px;
    top: 10px;
    left:140px;  
    position: absolute;
    background-color: #7c7126;
    background-image: url(logoITC.png);
    border-radius: 50%;
    flex-shrink: 0;
}
h1 {
    font-size:42px; 
}
nav {
    position: absolute;
    bottom: 15px;   /* lo coloca abajo del header */
    width: 100%;
}
.nav-links {
    list-style: none;
    padding: 0;
    margin: 0; 
    display: flex; /* Habilita Flexbox para alinear los ítems horizontalmente */
    justify-content: center; /*Centrar */
}
.nav-links li {
    margin: 0 90px; /*Espacio entre los enlaces*/
}
.nav-links li a {
    display: inline-block; /* Propiedad clave para definir el área rectangular */
    padding: 8px 15px; /* Relleno (padding) que crea el rectángulo visible */
    background-color: rgba(252, 195, 91, 0.918); /* Fondo "transparente" (0.1 de opacidad) que actúa como caja */
    font-size: 18px;
    color: white; /* Otros estilos */
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}
/* 4. Efecto de interacción */
.nav-links li a:hover {
    background-color: rgba(0, 0, 0, 0.2);
}
#cuerpo{
    width: 1100px;
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
    background-color: #fdee8d; /*sacar color*/
    overflow: hidden;
}
#caja1{
    width: 1045px; 
    height: 140px;
    float:left;
    margin-top: 30px;
    margin-left: 25px;
    background-color: #ffe95d; 
    border-radius: 10px;
    padding: 0px;         /* Esto es clave */
    box-sizing: border-box; /*Evita que la caja se estire al ponerle padding */
}
#caja1 p,#caja2 p,#caja4 p,#caja6 p,#CAJAolvid p,#caja11 p,#caja12 p ,#caja13 p,#CAJAolvida2 p,#caja16 p,#caja18 p, #caja20 p, #caja21 p, #CAJAolvida3 p{
    margin-top: 0;       /* Quita el espacio de arriba del primer párrafo */
    margin-bottom: 10px; /* Deja solo un poquito de espacio entre el párrafo 1 y el 2 */
    padding-top: 10px;   /* Controlá vos el aire que querés que tenga contra el borde */
    font-size: 18px;
}
#caja2{
    width: 510px; 
    height: 285px;
    float:left;
    margin-top: 30px;
    margin-left: 25px;
    background-color: #ffe95d;
    padding: 0px;   
    border-radius: 10px;
}
#caja3{
    width: 510px; 
    height: 285px;
    float:left;
    margin-top: 30px;
    margin-left: 25px;
    background-color: #ffe95d;
    background-image: url(salar-uyuni-atardecer.avif);
    border-radius: 10px;
}
#caja4{
    width: 510px; 
    height: 127px;
    float:left;
    margin-top: 30px;
    margin-left: 25px;
    background-color: #ffe95d;
    border-radius: 10px;
}
#caja5{
    width: 510px; 
    height: 285px;
    float:right;
    margin-top: 30px;
    margin-right:30px;
    background-color: #ffe95d;
    background-image: url(campo-de-piedra-pomez.png);
    border-radius: 10px;
}
#caja6{
    width: 510px;
    height: 127px;
    float:left;
    margin-top: 30px;
    margin-left: 25px;
    background-color: #ffe95d;
    border-radius: 10px;
}
#CAJAolvid{
    width: 1045px;
    height: 140px;
    float:left;
    margin-top: 30px;
    margin-left: 25px;
    background-color: #ffe95d;
    border-radius: 10px;
}
#pie{ 
    background-color:#ffd645; /*sacar color*/
    width: 100%;
    padding: 10px 125px;
    clear: both;
    box-sizing: border-box;
    display: block;
    text-align: center; /* Para que el contacto quede prolijo */
}
#pie ul{
    margin: 0;
    padding-left: 100px;  
}
#pie li{
    margin: 8px 0;
    font-size: 18px;
}
#caja10{
    width: 510px; 
    height: 285px;
    float:left;
    margin-top: 30px;
    margin-left: 25px;
    background-color: #ffe95d;
    border-radius: 10px;
    background-image: url(salar-del-hombre-muerto.png);
}
#caja11{
    width: 510px; 
    height: 127px;
    float:left;
    margin-top: 30px;
    margin-left: 25px;
    background-color: #ffe95d;
    border-radius: 10px;
}
#caja12{
    width: 510px; 
    height: 127px;
    float:left;
    margin-top: 30px;
    margin-left: 25px;
    background-color: #ffe95d; 
    border-radius: 10px;
}
#caja13{
    width: 1045px; 
    height: 127px;
    float:right;
    margin-top: 30px;
    margin-right: 30px;
    background-color: #ffe95d;
    border-radius: 10px;
}
#caja14{
    width: 510px; 
    height: 285px;
    float:left;
    margin-top: 30px;
    margin-left: 25px;
    background-color: #ffe95d;
    border-radius: 10px;
    background-image: url(reserva-la-payunia.jpg);
}
#caja15{
    width: 510px; 
    height: 285px;
    float:left;
    margin-top: 30px;
    margin-left: 25px;
    background-color: #ffe95d; 
    border-radius: 10px;
    background-image: url(Reserva-la-Payunias.jpg);
}
#CAJAolvida2{
    width: 1045px; 
    height: 140px;
    float:left;
    margin-top: 30px;
    margin-left: 25px;
    background-color: #ffe95d; 
    border-radius: 10px;
}
#caja16{
    width: 510px; 
    height: 160px;
    float:left;
    margin-top: 30px;
    margin-left: 25px;
    background-color: #ffe95d;
    border-radius: 10px;
}
#caja17{
    width: 510px; 
    height: 350px;
    float:right;
    margin-top: 30px;
    margin-right: 30px;
    background-color: #ffe95d;
    background-image: url(Vicuna.jpeg);
    border-radius: 10px;
}
#caja18{
    width: 510px; 
    height: 160px;
    float:left;
    margin-top: 30px;
    margin-left: 25px;
    background-color: #ffe95d;
    border-radius: 10px;
}
#caja19{
    width: 510px; 
    height: 390px;
    float:left;
    margin-top: 30px;
    margin-left: 25px;
    background-color: #ffe95d;
    background-image: url(zorro-andino.jpg);
    border-radius: 10px;
}
#caja20{
    width: 510px; 
    height: 180px;
    float:left;
    margin-top: 30px;
    margin-left: 25px;
    background-color: #ffe95d;
    border-radius: 10px;
}
#caja21{
    width: 510px; 
    height: 180px;
    float:right;
    margin-top: 30px;
    margin-right: 30px;
    background-color: #ffe95d;
    border-radius: 10px;
}
#CAJAolvida3{
    width: 1045px; 
    height: 140px;
    float:left;
    margin-top: 30px;
    margin-left: 25px;
    background-color: #ffe95d;
    border-radius: 10px;
}
@media (max-width: 1024px) {
    #cuerpo{
    width: 95%;
}
#caja2,#caja3,#caja4,#caja5,#caja6,#caja10,#caja11,
#caja12,#caja14,#caja15,#caja16,#caja17,#caja18,#caja19,
#caja20,#caja21,#caja1,#CAJAolvid,#caja13,#CAJAolvida2,#CAJAolvida3{
    width: 100%;
    float: none;
    margin: 20px auto;
    height: auto;
}
#caja3,#caja5,#caja10,#caja14,#caja15,#caja17,#caja19{
    height: 250px;
    background-size: cover;
    background-position: center;
}
.nav-links{
    flex-direction: column;
}
.nav-links li{
    margin: 10px 0;
}
nav{
    position: static;
}
#cabecera {
    height: auto;
}
#LOGO {
    position: static;
    margin: 10px auto;
    display: block;
}
}