*{
    box-sizing: border-box;
}

body{
    margin: 0;
    padding: 0;
}

.row{
    align-items: center;
}


.columna{
    background-color: brown;
}

.col1 img{
    width: 140px;
}
.col1{
  /*  background-color: red;*/
    text-align: center;
}

.col2{
   /* background-color: darkblue;*/
    color: black;
    display: flex;
    justify-content: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.col3{
    text-align: center;
    color: white;
    font-weight: bold;
}

.col3 a{
    background-color:#ffaf19;
    border-radius: 10px;
padding: 10px 15px;
color:#212529!important;
cursor: pointer;

    
}



.col2 nav {
    display: flex;
    gap: 20px;
    color: white;
}


header{
/*    background-color: antiquewhite;*/
background-color: #212529;
/*padding: 20px 0;*/
position: fixed;
top: 0;
width: 100%;
z-index: 990;



}

/*ESTILOS PARA EL FONDO1*/

#fondo1{
    background: linear-gradient(to right,#000000ad, #0000004d, #0000009c),url(https://images.pexels.com/photos/417074/pexels-photo-417074.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1) ;

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
height: 95vh;
}


.contenedor_fondo1{
  /*  background-color: brown;*/
    text-align: center;
    margin: auto;
    width: 60%;
    color: white;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    margin-top: 20px;
}

header{
    padding-top: 20px;
}


.contenedor_fondo1 h2{
    font-size: 40px;
    font-weight: 400;
}

.contenedor_fondo1 h1{
    font-size: 60px;
}

.contenedor_fondo1 p{
    margin-bottom: 30px;
}






.contenedor_fondo1 a{
  
    background-color: #ffaf19;
    border-radius: 5px;
    padding: 10px;
color:#212529!important;
font-weight: bold;
}

/*ESTILOS PARA EL MENU DE BOOTSTRAP*/

.div_logo{
    text-align: center;
}

.div_logo img{
    width: 100px;
}


.navbar{
    display: none;
width: 1px;
opacity: 0;
}


.des1{
    position: absolute;
   /* background-color:  brown;*/
    text-align: center;
    margin: auto;
    width: 80%;
left: 10%;
top: 40%;
color: white;
    
}
.carousel-item{
    position: relative;

}




.c{
    height: 200px;
}


.w-100 {
    width: 100%!important;
    height: 70vh!important;
    height: 85vh!important;
    object-fit: cover;
}



.des1 h2{
    font-size: 40px;
    font-weight: 400;
}

.des1 h1{
    font-size: 60px;
}

.des1 p{
    margin-bottom: 30px;
}


.des1 a{
    transition: all 0.50s;
    background-color: #ffaf19;
    border-radius: 5px;
    padding: 10px;
color:#212529!important;
font-weight: bold;
cursor: pointer;
}

.naranja{
    color: #ffaf19;
}



.des1 a:hover{
    transition: all 0.50s;
background-color: white;
}


/*ESTILOS PARA EL FONDO 2*/

#fondo2{
    padding-top: 100px;
}

.container, .container-lg, .container-md, .container-sm{
    padding-bottom: 20px;
    border-radius: 10px;
}





.view{
    text-align: end;
}

.view button{
    background-color: #ffaf19;
    border-color: #ffaf19;
    color: black;
    border-style: solid;
    font-weight: bold;
    border-radius: 7px;
    padding: 7px 40px;
}

.titulo_fondo2 h1{
    font-size: 50px;
}



.row_cards button{
    transition: all 0.90s;
    border-color: #ffaf19;
    border-style: solid;
    color: #ffaf19;
    font-weight: bold;
    background-color: white; 
    border-radius: 5px;
    padding: 2px 20px;
}


.row_cards button:hover{
    transition: all 0.90s;
    background-color:#ffaf19;
    border-color:#ffaf19;
    border-style: solid;
    color: black;
}




.contenedor_cards{
    background-color: rgba(223, 223, 223, 0.418);
margin-top: 70px;
}

.contenedor_cards .card{
    background-color: white;
    border-color: white;
    border-style: solid;
}



/*ESTILOS PARA EL FONDO3*/

#fondo3{
    margin-top: 90px;
}


.titulo_fondo3{
    
    text-align: center;
    margin: auto;
    margin-top: 140px;
    width: 80%;
}

.titulo_fondo3 h1{
    font-size: 50px;
}

.foto{
    position: relative;
    overflow: hidden;

}

.nombre{
    position: absolute;
    background-color: #0000005c;
    color: white;
top: 0;
width: 100%;
height: 300px;
display: flex;
align-items:flex-end;
padding: 10px;



}


.foto img{
    width: 150%;
    height: 300px;
    object-fit: cover;

}


.contenedor_fotos .row{
    margin-top: 17px;
}

.offcanvas-body{
    padding: 34px;
}

.nav-link {
    font-size: 22px!important;
}


footer{
    background-color: #212529;
    padding-top: 100px;
   
    margin-top: 100px;
}


.cont_footer{
  /*  background-color: brown;*/
    margin: auto;
    width: 80%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}


.columna2, .columna3, .columna4{
    display: flex;
    flex-direction: column;
    gap: 15px;
    color: white;
}

.cont_footer a{
    color: white;
    text-decoration: none;

    font-size: 15px;
}


.autor{
  /*  background-color: brown;*/
    margin: auto;
    margin-top: 100px;
    width: 80%;
    display: flex;
    justify-content: space-around;

}

.autor p{
    color: #cdcdcd;
}


.politicas{
    display: flex;
    gap: 20px;
}


.politicas a{
    text-decoration: none;
    color: white;
    font-size: 15px;
}

.estrellas img{
    width: 110px;
}

.estrellas{
    margin-bottom: 8px;
}







.opciones{

   background-color: white;
    margin: auto;
    width: 80%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: center;
    border-radius: 15px;
    position: relative;
    top: -50px;
    z-index: 980;
    box-shadow: -1px 3px 13px 0px rgb(156 156 156 / 75%);
    padding: 20px 10px;

}

.opcion1{
    text-align: center;
 

}

.opcion2{
    text-align: center;
   background-color: #ffaf19;
   color: white;
   /*padding: 20px 0;*/
   border-radius: 15px;
   padding: 10px 0px;
  
  
}


/*ESTILOS PARA EL FONDO INPUT*/

#fondo_input{
    background-image: url(/imagenes/playa.jpg);
height: 60vh;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-top: 100px;
margin-top: 100px;

/*display: flex;
flex-direction: column;
justify-content: center;
align-items: center;*/
}


.titulo_input{
   /* background-color: brown;*/
    margin: auto;
    width: 70%;
    text-align: center;
    color: white!important;
}

.titulo_input h1{
    font-size: 70px;
}

.titulo_input h1 span{
    color: #ffaf19;
}

.cont_input{
  /*  background-color: brown;*/

    margin: auto;
    width: 70%;
    display: flex;
    justify-content: center;
}

.cont_input input{
  width: 40%;
  border-radius: 5px;
  padding: 0 8px;
  border-color: white;
  border-style: solid;
}


.cont_input a{
    background-color: #ffaf19;
    color: white;
    font-weight: bold;
    text-decoration: none;
    border-radius: 5px;
    padding: 10px;
}


.cont_input1{
 
}
























































@media (max-width: 1134px){
.col3 a{
    padding: 5px;
}

.title{
    text-align: center;
}


.view{
    text-align: center;
}

.foto{
    margin: 10px 0;
}

.cont_footer{
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}


.autor{
    flex-direction: column;
    text-align: center;
}

.politicas{
  justify-content: center;
  flex-direction: column;
}

.opciones{
  
    width: 90%;
    top: 30px;
}


.cont_input input{
    width: 90%;
}

#fondo_input{
    height: 81vh;
    height: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0px;
}




}













































@media (max-width:776px){
.col1{
    background-color: red;
}

.navbar{
    width: 100%;
    opacity: 1;
}

header{
    display: none;
}

#fondo1{
    height: 100vh;
}

.w-100 {

    height: 100vh!important;
}

.foto{
    margin: 10px 0;
}


.cont_footer{
    grid-template-columns: 1fr;
    gap: 50px;
}

.opciones{
    grid-template-columns: 1fr;
    gap: 40px;

}

.opcion1{
    padding-top: 20px;
}


.cont_input{
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}

.cont_input input{
    width: 100%;
    padding: 10px 5px;
    
}

.cont_input a{
    text-align: center;
}

.titulo_input h1{
    font-size: 34px;
}

#fondo_input{
    height: 100vh;
    padding-top: 100px;
    padding-top: 0px;

    height: 100%;
    padding-top: 100px;
    padding-bottom: 100px;

}


.nombre{
    display: none;
}


.foto img{
    margin: auto;
width: 100%;
}

.des1{
    top: 30%;
}

.opciones{
    padding: 10px 20px;
}

.opcion2{
    padding: 0;
}



.titulo_input h1{
    font-size: 60px;
}

.des1 h1{
    font-size: 30px;
}



}





@media (max-width: 400px){
    .des1{
        top: 30%;
    }

    .titulo_fondo3 h1{
        font-size: 39px;
    }
}

@media (max-width: 300px){
    .titulo_input h1{
        font-size: 34px;
    }
    
}











@media (max-width: 400px){

.des1{
    top: 23%;
}

.des1 h1{
    font-size: 40px;
}


}