/* Autora: Rubí */
body{
    margin:0;
    background: linear-gradient(to left,rgb(28, 20, 41), rgb(53, 44, 100),rgb(43, 31, 63));
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    /* Escribí "font-family:roboto" y se autocompletó la fuente de arriba */
}
main{
    margin-bottom:50px;
    background:linear-gradient(185deg,rgb(126, 94, 39), rgb(201, 151, 66),rgb(126, 94, 39));
}
header,nav{
    padding:10px;
}
footer{
    width:100%;
    box-sizing: border-box;
    border:4px solid black;
    padding:10px;
    background-color:rgba(68, 67, 67, 0.734);
    margin-bottom:30px;
}
nav{
    background-color: grey;
    position: sticky;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin:auto;
    border:5px solid;
    border-image: linear-gradient(180deg, rgb(28, 20, 41), rgb(53, 44, 100)) 1; /* Propiedad del borde degradado aprendida gracias a la siguiente fuente: https://css-tricks.com/gradient-borders-in-css/ */
    z-index: 10;
    top:10px;
    box-shadow: rgb(28, 20, 41) 0px 0px 20px 0px inset; /* Atributo inset aprendido gracias a la siguiente fuente: https://www.w3schools.com/css/css3_shadows_box.asp */
}
section{
    margin-top:50px;
}
.estiloUniTravel{
    border:5px solid rgb(53, 44, 100);
    border-radius: 20px;
    padding:20px;
    background: linear-gradient(145deg, rgba(85, 71, 165, 0.697),rgba(141, 118, 255, 0.641),rgba(85, 71, 165, 0.697));
    font-size:large;
}
.divMenuItem{
    width:20%;
    text-decoration: none;
    color:rgb(28, 20, 41);
    display:flex;
    text-align: center;
    justify-content: center;
}
.divMenuItem:hover{
    transition:0.5s;
    background-color:rgba(90, 90, 90, 0.282);
    border-radius:20px;
}
.divMenuItem:active{
    transition:0.1s;
    width:19%;
}
.boton{
    border: 3px solid rgb(53, 44, 100);
    border-radius:10px;
    text-decoration:none;
    color:inherit;
    background-color: grey;
}
.boton:hover{
    transition:0.5s;
    background-color:rgba(140, 105, 43, 1);
    color:white;
    font-weight:bold;
}
.imagen{
    width:100%;
    border-radius:10px;
}
.divImagen{
    width:30%;
}
.divNoImagen{
    width:70%;
    padding-left:20px;
    padding-top:20px;
    padding-bottom:20px;
}
.sectionImagen{
    padding:0;
    margin:auto;
    margin-top:150px;
    width:60%;
    display: flex;
    gap:5%;
    justify-content: space-around;
    align-items:center;
}
.logo{
    border-radius:10px;
}
.logo:hover{
    transition:0.5s;
    width:26%;
}
.grandSection{
    width:90%;
    margin:auto;
}
.letraEspecial{
    color:white;
    text-shadow: 1px 1px 2px black, 0 0 25px rgb(164, 124, 53);
}
.botonReserva{
    margin:auto;
    margin-right:25px;
    margin-left:25px;
    padding:20px;
    display:flex;
    align-items:center;
    text-align: center;
    font-weight:bold;
}
.listadoGama{
    display:flex;
    justify-content: space-between;
    position:relative;
    left:10%;
    margin-top:20px;
    width:55%;
}
.divFantasma{/* Genialidad que se me ocurrió para manipular los bordes de main y empujar el fondo */
    margin-top:10px;
    padding-bottom:100px;
}
.faq{
    border-radius: 0;
    padding:0;
    padding-left:30px;
    padding-right:30px;
    display:flex;
    justify-content: space-between;
}
.imagenesFooter{
    margin:auto;
    height:30px;
    border-radius: 20px;
}
#divImagenesFooter{
    height:30px;
    display:flex;
    gap:20px;
}
#politica{
    margin-top:0;
}
#sectionTransporte{
    margin-top:150px;
    display:flex;
    justify-content: space-around;
    text-align:center;
}
#divListadoUniversos{
    margin:auto;
    margin-top:150px;
    width:30%;
    align-items:center;
    justify-content: center;
    font-size:large;
}
#listado-hoteles{
    list-style-type: none;
}
#sectionfaqYaside{
    margin-top:150px;
    margin-left:50px;
    display:flex;
    justify-content: space-around;
    text-align:center;
}
#articleFaq{
    width:60%; 
}
#frasecelebre{
    border:5px solid rgb(95, 71, 30);
    border-radius: 20px;
    padding:20px;
    background: linear-gradient(90deg,rgb(78, 75, 70), rgb(131, 126, 116),rgb(78, 75, 70));
    font-weight: bold;
    text-align:center;
    margin:auto;
    padding:40px;
}