img{
width:100%;
	height:100%;
	object-fit:cover;
}
.row1{
height:70vh;
}

.image{
    width: 100%;
    height: 100%;
}

.image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.texto {
    width: 100%;
    position: absolute;
    display: flex
;
    top: 24%;
    left: 0;
    height: fit-content;
    gap: 1.9em;
    flex-direction: column;
}

.texto1 {
    font-family: 'Satoshi Black';
    text-align: left;
    padding: 0 16em;
}
.texto1 h1 {
    line-height: 0.95em;
    height: auto;
    font-size: 3.5em;
    color: #FFF;
    margin-bottom: 0.5em;
}

.texto1 p {
    font-family: 'Satoshi';
    color: #FFF;
    font-size: 1.1em;
    width: 44%;
}

.perfecto{
padding:3em 0;
	display:flex;
	justify-content:center;
	background:linear-gradient(to right, #0073e6, #8b00e6);
}

.perfecto h2{
color: #FFF;
    font-family: 'Satoshi Black';
    font-size: 2.9em;
}
.soluciones{
padding:3em 0;
	display:flex;
	justify-content:center;
	
	
}
.item-image{
    width: 60%;
}
.item-solucion{
display: flex
;
    flex-direction: column;
    align-items: center;
	width: 30%;
	gap:0.5em;
}
.item-solucion h3{
    font-family: 'Satoshi Black';
    font-size: 1.5em;
}
.item-solucion p {
    font-size: 1em;
    text-align: center;
    width: 66%;
    font-family: 'Satoshi';
}

.ultimos{
padding-bottom:3em;
}
.titulo-ultimos, .titulo-fotos {
    margin-bottom: 3em;
    display: flex
;
    flex-direction: column;
    padding: 0 21em;
}

.titulo-ultimos h2, .titulo-fotos h2{
font-family: 'Satoshi Black';
    font-size: 3em;
}
.titulo-ultimos p, .titulo-fotos p{
    font-family: 'Satoshi Italic';
    font-size: 1.5em;
}

.viaje-item {
    width: 15%;
    border: 1px solid #000;
    border-radius: 10px;
    height: 100%;
    position: relative;
}


.viajes, .ultimas-fotos{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 11%;
    gap: 2em;
}

.fecha{
    font-family: 'Satoshi Black';
    text-align: center;
    padding: 5%;
    font-size: 1.4em;
}

.desc-viaje {
    padding: 4% 7% 6% 7%;
}

.desc-viaje h2{
    font-family: 'Satoshi Black';
    padding-right: 7%;
}

.img-viaje img{
    width: 100%;
}


.cuando-viaje p{
font-family:'Satoshi';
}

.cuando-precio{
    display: flex;
    gap: 3em;
    padding: 3% 0%;
}


.botones-reserva{
    display: flex;
    flex-direction: column;
    gap: 0.4em;
}


.disponibilidad{
    width: 100%;
    display: flex;
    justify-content: end;
}

.plazas{
    border: 0;
    background-color: #F5333F;
    padding: 2% 5%;
    color: #FFF;
    font-family: 'Poppins';
    border-radius: 4px;
    cursor: pointer;
}

.disponible{
    border: 0;
    background-color: #39B34A;
    padding: 2% 5%;
    color: #FFF;
    font-family: 'Poppins';
    cursor: pointer;
    border-radius: 4px;
}

.ver-viaje{
    text-align: center;
    display:flex;
    align-items: center;
    justify-content: center;

}

.button-viaje{
    border: 0;
    background-color: #009DE2;
    padding: 2% 5%;
    color: #FFF;
    font-family: 'Poppins';
    cursor: pointer;
    border-radius: 4px; 
    width: 100%;
}

.fotos{
padding-bottom:3em;
}

.foto-item{
width:15%;
}

.idemice{
padding:3em 0;
	display:flex;
	flex-direction:column;
	align-items:center;
	background-color:#006994;
	gap:2em;
}
.idemice h2 {
    font-family: 'Satoshi Black';
    color: #FFF;
    text-align: center;
    width: 66%;
    font-size: 1.7em;
}

.img-ide{
background-color:#FFF;
	padding:1em;
}
.img-ide img{
transition:0.3s ease-in-out;
}
.img-ide img:hover {
transform:translateY(-10px);
}


@media only screen and (max-width:600px){
	.row1 {
    height: 81vh;
}
	    .texto1 {
        padding: 0 1em;
        text-align: center;
        margin-top: 1.2em;
    }
	    .texto1 h1 {
        font-size: 2.2em;
    }
	.texto1 p{
	width:84%;
		text-align:center;
		font-size:1em;
		margin-inline:auto;
	}
	
	.perfecto h2{
	font-size:2.7em;
	}
	.titulo-ultimos, .titulo-fotos {
    padding: 0 1em;
    text-align: center;
}
	.titulo-ultimos h2, .titulo-fotos h2{
	font-size:2.6em;
	}
	
	.titulo-ultimos p, .titulo-fotos p{
	font-size:1.2em;
	}
	
	
	.soluciones{
	flex-direction:column;
		align-items:center;
		gap:2em;
	}
	.item-solucion{
	width:100%;
	}
	.item-solucion p {
    width: 79%;
}
	.viajes, .ultimas-fotos{
	flex-direction:column;
	}
	
	.viaje-item, .foto-item{
	width:75%;
	}
	
	    .idemice h2 {
        font-size: 1.1em;
        width: 100%;
        padding: 0 1em;
    }
	
	.img-ide{
	width:60%;
	}
	
	
}

@media (orientation: landscape) and (max-height: 500px) {
html body .texto{
    top:50%;
}
html body .row1 {
    height: 150vh;
}

.texto1 {
    padding: 0 50px;
    text-align: center;

}

.texto1 p {
    width: 100%;
}

    .item-solucion h3 {
    text-align: center;
}
    
    .item-solucion {

    width: 50%;

}
    
    .titulo-ultimos, .titulo-fotos {

    padding: 0 50px;

}
    
}