/* Hoja de estilos personaliza para la web Euroenvios
Autor: Apatxe73 @2021 */

/* Definición de fuentes */
p {
	font-family: 'Mulish', sans-serif;
	font-weight: 300;
	font-size: 1.3rem;
	line-height: 1.5rem;
	color: #343434;
	padding-bottom: 0.3rem;
}

h1 {
	font-family: 'Mulish', sans-serif;
	font-weight: 400;
	font-size: 2.4rem;
	color: #003a89;
}

h2 {
	font-family: 'Mulish', sans-serif;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.8rem;
	color: #003a89;
}

strong {
	font-family: 'Mulish', sans-serif;
	font-weight: 700;
	font-size: 2.25rem;
	color: #003a89;
}

.destacado {
	font-family: 'Mulish', sans-serif;
	font-weight: 700;
	font-size: 2.5rem;
	line-height: 2.7rem;
	color: #003a89;
	margin-top: 50px;
	margin-bottom: 70px;
}

.secionMaritimo {
	margin-bottom: 70px;
}

.secionMaritimo h1 {
	font-family: 'Mulish', sans-serif;
	font-weight: 400;
	font-size: 2.8rem;
	color: #bf0912;
}

.titularTarifa {
	font-family: 'Mulish', sans-serif;
	font-weight: 400;
	font-size: 2.8rem;
	color: #343434;
}

.textoTarifa {
	font-family: 'Mulish', sans-serif;
	font-weight: 400;
	font-size: 2.25rem;
	line-height: 2.5rem;
	color: #343434;
}

.precioTarifa {
	font-family: 'Mulish', sans-serif;
	font-weight: 700;
	font-size: 2.8rem;
	color: #003a89;
}

.secionAereo h1 {
	font-family: 'Mulish', sans-serif;
	font-weight: 400;
	font-size: 2.8rem;
	color: #003a89;
}

#terminos h2 {
	font-family: 'Mulish', sans-serif;
	font-weight: 400;
	font-size: 2.25rem;
	color: #343434;
}

#terminos li {
	font-family: 'Mulish', sans-serif;
	font-weight: 400;
	font-size: 1.2rem;
	color: #343434;
	padding-bottom: 1rem;
}

footer li {
	font-family: 'Mulish', sans-serif;
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 2rem;
	color: #ffffff;
}

footer .legales li a {
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.2rem;
}

/* Iconos */
.bi {
	font-size: 2.2rem;
	color: #ffffff;
	padding-right: 10px;
}

/* Menu superior */
#menuSuperior {
	background-color: #003a89;
	margin-bottom: 70px;
}

#menuSuperior ul {
	list-style-type: none;
	text-align: center;
	padding-left: 0;
}

#menuSuperior li {
	display: inline;
	padding-right: 1rem;
}

#menuSuperior a {
	font-family: 'Mulish', sans-serif;
	font-weight: 400;
	font-size: 1.5rem;
	color: #ffffff;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
}

#menuSuperior a:hover {
	background-color: #bf0912;
	color: #ffffff;
	transition:all .5s ease-in-out;
}

/* Whatsapp */
.envioEmail {
	margin-top: 50px;
	margin-bottom: 50px;
}

.envioEmail:hover {
	transform: translate(10px,0);
    -webkit-transform: translate(10px,0); /** Safari & Chrome **/
    -o-transform: translate(10px,0); /** Opera **/
    -moz-transform: translate(10px,0); /** Firefox **/
    transition:all 0.8s ease-in-out;
}

/* efecto avión 
#avion:hover {
	transform: translate(-800px,-300px);
    -webkit-transform: translate(-800px,-300px); /** Safari & Chrome **/
    -o-transform: translate(-800px,-300px); /** Opera **/
    -moz-transform: translate(-800px,-300px); /** Firefox **/
    transition:all 1.2s ease-in-out;
}
*/


/* efecto barco */
#barco:hover {
	transform: translate(1500px,0px);
    -webkit-transform: translate(1500px,0px); /** Safari & Chrome **/
    -o-transform: translate(1500px,0px); /** Opera **/
    -moz-transform: translate(1500px,0px); /** Firefox **/
    transition:all 1.2s ease-in-out;
}

/* Tarifas */
.tarifas {
	margin-bottom: 20px;
}

.cabeceraTarifa {
	background-color: #6A9FF8;
}

.interiorTarifas {
	background-color: #CFDBFA;
	padding: 50px;
}

.textoTarifa {
	margin-left: 50px;
}

.precioTarifa {
	margin-left: 50px;
}

/* Terminos y condiciones */
#terminos {
	margin-top: 50px;
	margin-bottom: 50px;
}

.accordion-button:not(.collapsed) {
	font-size: 1.5rem;
	color: #003a89;
}

/* boton subir arriba */
.ir-arriba {
	display:none;
	padding:20px;
	background:#bf0912;
	font-size:22px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
}

/* footer */
footer {
	margin-top: 50px;
	padding-top: 100px;
	background-color: #003a89;
	padding-bottom: 50px;
}

footer ul {
	list-style-type: none;
}

footer a {
	color: #ffffff;
	text-decoration: none;
}

footer a:hover {
	color: #bf0912;
}

footer .bi:hover {
	color: #bf0912;
}

footer .legales {
	margin-top: 50px;
}

/* Animacion de objetos */
#animado {
   opacity: 1;
}

@keyframes avion {
	0%{
		transform: translate(250%,200px);
	}
}

@keyframes mover {
	0%{
		opacity:0;
		transform: translateX(-250%);
	}
}

@keyframes tarifasAnimacion {
	from {
    	filter: opacity(0);
  	}

  	to {
    	filter: opacity(100%);
  	}
}

/***********************************************/
/***********************************************/
/***********************************************/

/**** Media Queries ****/
/* Definición de los estilos de los a para tamaño 450px */
@media (max-width: 576px) {
	/* Definición de fuentes */
	p {
		font-size: 1.45rem;
		line-height: 1.55rem;
		padding-bottom: 0.7rem;
	}

	h1 {
		font-size: 2rem;
	}

	h2 {
		font-size: 1.65rem;
		line-height: 1.75rem;
	}

	strong {
		font-size: 1.45rem;
	}

	.destacado {
		font-size: 2.1rem;
		line-height: 1.9rem;
		margin-bottom: 70px;
		margin-top: 70px;
	}

	.secionMaritimo h1 {
		font-size: 2rem;
	}

	.titularTarifa {
		font-size: 2.2rem;
	}

	.textoTarifa {
		font-size: 1.8rem;
		line-height: 2rem;
	}

	.precioTarifa {
		font-size: 2.2rem;
	}

	.secionAereo h1 {
		font-size: 2rem;
	}

	#terminos h2 {
		font-size: 1.45rem;
	}

	#terminos li {
		font-size: 1.2rem;
	}

	footer li {
		font-size: 1.7rem;
		line-height: 1.9rem;
	}

	footer .legales li a {
		font-size: 1.4rem;
	}

	footer {
		padding-left: 30px;
		padding-right: 30px;
	}

	footer ul {
		padding: 0;
		margin: 0;
	}

	/* Tarifas */
	.interiorTarifas {
		padding: 20px;
	}

	.textoTarifa {
		margin-left: 20px;
	}

	.precioTarifa {
		margin-left: 20px;
	}

	/* Botón Whatsapp */
	.botonWhatsapp {
		margin-left: 75%;
    	margin-bottom: 7%;
	}
}