.encabezado {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 10% 0 10%;
}

.encabezado__logo--icono {
	max-width: 260px;
}


.encabezado__container {
	background: var(--negro);
	width: 100%;

}

.encabezado__logo--icono {
	max-width: 260px;
}

.encabezado__navegacion--elemento {
	text-decoration: none;
	font-size: var(--dimension-titulo);
	font-style: var(--fonts-primary);
	font-weight: 500px;
	color: var(--blanco);

}

.encabezado__navegacion{
	display: flex;
  align-items: center;
	padding: 0;
	margin: 0;
}

.encabezado__navegacion ul{
	display: flex;
	padding: 0;
	margin: 5%;
  gap:5%;
	list-style: none;

}



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

.banner {
  max-width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 10% 0 10%;
}

.banner__blog{
  max-width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

}

.banner__img {
	width: auto;
  height: auto;
  max-width: 100%;
	margin: 0;		
}

.conten_baner_blog_img{
	background-image: url("./img/En las montañas.jpg");
	background-size: cover; 
	background-position: center; 
	width: 100%; 
	height: 450px; 
	background-color: rgba(0, 0, 0, 0.5);
	background-blend-mode: darken; 
	position: relative;
  display: flex;
	justify-content: center;
	flex-direction: column;
	align-self: start;
}

.conten_baner_blog_img--jp{
	background-image: url("./img/Volcan\ Japon.png");
	background-size: cover; 
	background-position: center; 
	width: 100%; 
	height: 450px; 
	background-color: rgba(0, 0, 0, 0.5);
	background-blend-mode: darken; 
	position: relative;
  display: flex;
	justify-content: center;
	flex-direction: column;
	align-self: start;
}

.conten_baner_blog_img--Contact{
	background-image: url("./img/Banner\ contato.png");
	background-size: cover; 
	background-position: center; 
	width: 100%; 
	height: 450px; 
	background-color: rgba(0, 0, 0, 0.5);
	background-blend-mode: darken; 
	position: relative;
  display: flex;
	justify-content: center;
	flex-direction: column;
	align-self: start;
}

.img__tokyo--noche{
	width: 100%;
	height: 300px;
	overflow: hidden;
	position: relative;
	object-position: center;
	object-fit: cover;
}



.banner__descripcion {
	width: auto;
	color: var(--grafito);
	text-align: left;
	font-size: var(--dimension-titulo);
	font-style: var(--fonts-primary);
	font-weight: 400px;
	line-height: 100%;
	margin: 0 auto 8% ;
}

.banner__descripcion--index {
	width: auto;
	color: var(--grafito);
	text-align: center;
	font-size: var(--dimension-titulo);
	font-style: var(--fonts-primary);
	font-weight: 400;
	line-height: 1.3;
	margin: 5% auto 5% ;
}



.banner__descripcion--title {
  width: 35%;
  color: var(--gris-claro);
  text-align: left;
  font-size: var(--dimension-titulo);
  font-style: var(--fonts-primary);
  line-height: 150%;
  margin: 0 10%; 
  font-weight: bold;
}


.container {
  width: auto;
  height: auto;
  max-width: 100%;
	padding: 5% 10% 5% 10% ;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.ofertas {
	margin-bottom: 112px;
}

.testimonios__titulo,
.pago__titulo,
.destinos__titulo,
.busca__titulo,
.ofertas__titulo {
	color: var(--grafito);
	font-size: var(--dimension-titulo);
	font-style: var(--fonts-primary);
	font-weight: 700;
	line-height: normal;
	text-align: center;
	margin-bottom: 64px;
}

.testimonios__titulo--subrayado,
.pago__titulo--subrayado,
.destinos__titulo--subrayado,
.busca__titulo--subrayado,
.ofertas__titulo--subrayado {
	width: 180px;
	height: 4px;
	background: var(--rojo);
	margin: 0 auto;
	margin-top: 16px;
}



.ofertas__cards--grupo {
	display: flex;
	gap: 24px;
	justify-content: space-around;
	flex-wrap: wrap;
}

.ofertas__cards--elemento {
	display: flex;
	padding: 24px 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 16px;
	border-radius: 16px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 24px 32px;
	color: var(--blanco);
	flex: 1 0 calc(50% - 48px);
	box-sizing: border-box;
	text-align: center;
}

.ofertas__cards--japon {
	background-image: url("./img/tokyo.png");
}

.ofertas__cards--san-andreas {
	background-image: url("./img/san-andreas.png");
}



.ofertas__card--destino-tipo {
	color: var(--blanco);
	text-align: center;
	font-size: var(--dimension-texto);
	font-style: var(--fonts-primary);
	font-weight: 400;
	line-height: 32px;
	margin-bottom: 8px;
}

.ofertas__card--destino-nombre {
	font-size: var(--dimension-texto);
	font-style: var(--fonts-primary);
	font-weight: 700;
	line-height: normal;
}

.ofertas__card--precio {
	font-size: var(--dimension-texto);
	font-style: var(--fonts-primary);
	font-weight: 700;
	line-height: normal;
	margin-bottom: 24px;
}



.destinos__elemento--boton-texto,
.ofertas__card--boton-texto {
	font-size: var(--dimension-texto);
	font-style: var(--fonts-primary);
	font-weight: 700;
	line-height: 32px;
	color: var(--blanco);
}

.busca__categorias {
	display: flex;
	align-items: stretch;
	gap: 24px;
	margin-bottom: 112px;
}

.busca__categoria {
	color: var(--grafito);
	text-align: center;
	font-size: var(--dimension-texto);
	font-style: var(--fonts-primary);
	font-weight: 700;
	line-height: normal;
	border-radius: 8px;
	background: var(--gris-claro);
	padding: 24px 16px;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

span.material-symbols-outlined {
	color: var(--gris-oscuro);
	font-size: 80px;
	font-style: var(--fonts-primary);
	font-weight: 400;
	line-height: normal;
}

.destinos__lista {
	display: flex;
	align-items: stretch;
	gap: 24px;
	margin-bottom: 112px;
}

.destinos__elemento {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.destinos__elemento--row {
	flex: 1;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}


.destinos__elemento--image {
	max-width: 100%;
}

.destinos__elemento--nombre {
	color: var(--grafito);
	font-size: var(--dimension-titulo);
	font-style: var(--fonts-primary);
	font-weight: 700;
	line-height: normal;
	margin: 24px 0;
	text-align: left;
}

.destinos__elemento--descripcion {
	color: var(--grafito);
	font-size: var(--dimension-texto-m);
	font-style: var(--fonts-primary);
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 24px;
	text-align: left;
	text-align: justify;
	letter-spacing: 0em;
}

.pago {
	margin-bottom: 112px;
	display: flex;
	flex-direction: column;
}

.pago__imagenes--grupo,
.pago__condiciones {
	display: flex;
	gap: 24px;
}



.pago__condiciones--destaque {
	color: var(--grafito);
	font-size: var(--dimension-titulo);
	font-style: var(--fonts-primary);
	font-weight: 700;
	line-height: normal;
	margin-bottom: 24px;
}

.pago__condiciones--detalles {
	color: var(--grafito);
	font-size: var(--dimension-texto);
	font-style: var(--fonts-primary);
	font-weight: 400;
	line-height: 32px;
	width: 384px;
	max-width: 100%;
}

.pago__imagenes--imagen-container {
	flex: 1;
}

.pago__imagenes--imagen-destaque {
	margin-top: 20px;
}

.pago__imagenes--imagen {
	max-width: 100%;
}

.testimonios {
	margin-bottom: 112px;
}




.testimonios__elemento {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	max-width: 400px;
	width: 100%;
	box-sizing: border-box;
}

.testimonios__autor{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 7%;

}

.testimonios__autor--foto {
	max-width: 86px;
}

.testimonios__autor--nombre {
	color: var(--grafito);
	text-align: center;
	font-size: var(--dimension-texto);
	font-style: var(--fonts-primary);
	font-weight: 700;
	line-height: 32px;
	margin-bottom: 8px;
}

.pre-footer__image {
	width: auto;
  height: auto;
  max-width: 100%;
	margin: 0;
}

.footer__container {
	background: var(--negro);
	width: 100%;
	padding: 40px 0;
	margin-top: -4px;
}

.footer {
	justify-content: space-between;
	display: flex;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
	color: var(--blanco);
}

.footer__logo-icon {
	max-width: 160px;
	margin-bottom: 16px;
}

.footer__info-container {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.footer__text-info {
	color: var(--neutral-c);
	font-size: var(--dimension-texto-m);
	font-style: var(--fonts-primary);
	font-weight: 400;
	line-height: 32px;
	/* 160% */
}

.footer__social-media-container {
	text-align: center;
}

.footer__social-media-text {
	color: var(--neutral-c);
	font-size: var(--dimension-texto-m);
	font-style: var(--fonts-primary);
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 16px;
}



.contenedor {
  display: flex;
  justify-content: space-between;
  align-items: center; 
}







.ofertas {
	margin-bottom: 112px;
}

.testimonios__titulo,
.pago__titulo,
.destinos__titulo,
.busca__titulo,
.ofertas__titulo {
	color: var(--grafito);
	font-size: var(--dimension-titulo);
	font-style: var(--fonts-primary);
	font-weight: 700;
	line-height: normal;
	text-align: center;
	margin-bottom: 64px;
}

.testimonios__titulo--subrayado,
.pago__titulo--subrayado,
.destinos__titulo--subrayado,
.busca__titulo--subrayado,
.ofertas__titulo--subrayado {
	width: 180px;
	height: 4px;
	background: var(--rojo);
	margin: 0 auto;
	margin-top: 16px;
}

.ofertas__titulo--subrayado--left{
	width: 150px;
	height: 3px;
	background: var(--rojo);
	margin: 0 10%;
}

.ofertas__titulo--texto{
	margin: 10% 0 10 0%;
	text-align: center;

}



img {
	max-width: 100%;
}

.ofertas__cards--grupo {
	display: flex;
	gap: 24px;
	justify-content: space-around;
	flex-wrap: wrap;
}

.ofertas__cards--elemento {
	display: flex;
	padding: 24px 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 16px;
	border-radius: 16px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 24px 32px;
	color: var(--blanco);
	flex: 1 0 calc(50% - 48px);
	box-sizing: border-box;
	text-align: center;
}

.ofertas__cards--japon {
	background-image: url("./img/tokyo.png");
}

.ofertas__cards--san-andreas {
	background-image: url("./img/san-andreas.png");
}

.turismo__imagenes{
	height: 20rem;
	width: auto;
}



.ofertas__card--destino-tipo {
	color: var(--blanco);
	text-align: center;
	font-size: var(--dimension-titulo);
	font-style: var(--fonts-primary);
	font-weight: 400;
	line-height: 1;
	margin-bottom: 8px;
}

.ofertas__card--destino-nombre {
	font-size: var(--dimension-texto-m);
	font-style: var(--fonts-primary);
	font-weight: 700;
	line-height: normal;
}

.ofertas__card--precio {
	font-size: var(--dimension-texto-m);
	font-style: var(--fonts-primary);
	font-weight: 700;
	line-height: normal;
	margin-bottom: 24px;
}


.destinos__elemento--boton-container{
	display: flex;
  justify-content: center;
  align-items: center;
	margin-top: 5%;
}

.destinos__elemento--boton,
.ofertas__card--boton {
	border-radius: 8px;
	background: var(--rojo);
	padding: 16px 48px;
	box-sizing: border-box;
	display: inline-block;
	color: var(--blanco);
	font-style: var(--fonts-primary);
}

.destinos__elemento--boton-texto,
.ofertas__card--boton-texto {
	font-size: var(--dimension-texto-m);
	font-style: var(--fonts-primary);
	font-weight: 700;
	line-height: 32px;
	color: var(--blanco);
}

.busca__categorias {
	display: flex;
	align-items: stretch;
	gap: 24px;
	margin-bottom: 112px;
}

.busca__categoria {
	color: var(--grafito);
	text-align: center;
	font-size: var(--dimension-texto-m);
	font-style: var(--fonts-primary);
	font-weight: 700;
	line-height: normal;
	border-radius: 8px;
	background: var(--gris-claro);
	padding: 24px 16px;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

span.material-symbols-outlined {
	color: var(--gris-oscuro);
	font-size: 80px;
	font-style: var(--fonts-primary);
	font-weight: 400;
	line-height: normal;
}

.destinos__lista {
	display: flex;
	align-items: stretch;
	gap: 24px;
	margin-bottom: 112px;
}

.destinos__elemento {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.destinos__elemento--image {
	max-width: 100%;
}

.destinos__elemento--nombre {
	color: var(--grafito);
	font-size: var(--dimension-titulo);
	font-style: var(--fonts-primary);
	line-height: normal;
	margin: 24px 0;
}



.pago {
	margin-bottom: 112px;
}

.pago__imagenes--grupo,
.pago__condiciones {
	display: flex;
	gap: 14px;
}

.pago__condiciones--destaque {
	color: var(--grafito);
	font-size: var(--dimension-titulo);
	font-style: var(--fonts-primary);
	font-weight: 700;
	line-height: normal;
	margin-bottom: 24px;
}

.pago__condiciones--detalles {
	color: var(--grafito);
	font-size: var(--dimension-titulo);
	font-style: var(--fonts-primary);
	font-weight: 400;
	line-height: 32px;
	width: 384px;
	max-width: 100%;
}

.pago__imagenes--imagen-container {
	flex: 1;
}

.pago__imagenes--imagen-destaque {
	margin-top: 20px;
}

.pago__imagenes--imagen {
	max-width: 100%;
}

.testimonios {
	margin-bottom: 112px;
}

.testimonios__wrapper{
	display: flex;
	flex-direction:row;
	align-items: center;
	justify-content: center;
	gap: 5%;
	margin: 0 auto 15%;
}



.testimonios__texto {
	color: var(--grafito);
	font-size: var(--dimension-texto-m);
	font-style: var(--fonts-primary);
	font-weight: 400;
	line-height: 1.3;
	margin: 0 auto;
}


.formulario-- {
	width: 620px;
	display: flex;
  flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
  gap: 16px;
	justify-content: center;
	align-items: center;
}

.formulario--input{
	border:none;
	border-bottom: 2px solid var(--gris-oscuro);

}

.formulario--input:focus{
	outline: none;
	border-bottom-color: var(--rojo);
}

.formulario--input--{
	border-radius: 8px;
	border-bottom: 2px solid var(--gris-oscuro);
	resize: none;
}

.formulario--input--:focus{
	outline: none;
	border-color: var(--rojo);
}


.footer__container {
	background: var(--negro);
	width: 100%;
	padding: 40px 0;
	margin-top: -4px;
}

.footer {
	justify-content: space-between;
	display: flex;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
	color: var(--blanco);
}

.footer__logo-icon {
	max-width: 160px;
	margin-bottom: 16px;
}

.footer__info-container {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.footer__text-info {
	color: var(--neutral-c);
	font-size: var(--dimension-titulo);
	font-style: var(--fonts-primary);
	font-weight: 400px;
	line-height: 32px;
	/* 160% */
}

.footer__social-media-container {
	text-align: center;
}

.footer__social-media-text {
	color: var(--neutral-c);
	font-size: var(--dimension-titulo);
	font-style: var(--fonts-primary);
	font-weight: 400px;
	line-height: 28px;
	margin-bottom: 16px;
}

@media (max-width: 450px){

	.banner__descripcion--title{
		width: auto;
	}

	.encabezado__container {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.encabezado__navegacion{
		width: auto
	}

	.encabezado__navegacion ul{
		display: flex;
		gap:5%;
		list-style: none;
		flex-wrap: wrap;
		justify-content: center;
	
	}

	.container{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		text-align: center;
	}
	.destinos__elemento--nombre{
		text-align: center;

	}
	.encabezado{
		display: flex;
		flex-direction: column;
		
	}

	.ofertas__cards--grupo{
		display: flex;
		flex-direction: column;
	}

	.destinos__lista{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		text-align: center;
	}
	
	.busca__categorias{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.container {
		display: flex;
		flex-direction: column;
	}
	.destinos__lista{
		display: flex;
		flex-direction: column;
	}

	.pago,
	.pago__condiciones{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		text-align: center;
	}

	.pago__condiciones--descripcion{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 100%;
	}

	.testimonios,
	.testimonios__autor{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		text-align: center;
	}
	.pre-footer__image{
		max-width: 100%;
		height: auto;
	}
	.footer__container {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		text-align: center;
	}
	.testimonios__wrapper{
		display: flex;
		flex-direction: column;
	}
	.footer{
		display: flex;
		flex-direction: column;
	}
}