html{
	background-color: #FFFFFF;
}

body{
	display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
	padding-bottom: 20px;
    background-color: transparent!important;
    margin-top: 25px!important;
    margin-left: 0px;
    margin-right: 0px;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 11, 2024 */



@font-face {
    font-family: 'my_fontregular';
    src: url('../fonts/alinore/alinore-webfont.woff2') format('woff2'),
         url('../fonts/alinore/alinore-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lalezarregular';
    src: url('../fonts/lalezar/lalezar-regular-webfont.woff2') format('woff2'),
         url('../fonts/lalezar/lalezar-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ///// NUEVOS ESTILOS ///// */

.logo-home{
	width: 55%;
	max-width: 450px;
	min-width: 209px;	
	margin-bottom: 25px;
	margin-top: 95px;
}

.logo-home-map{
    width: 25%;
    min-width: 150px;
    margin-bottom: 11%;
    margin-top: 10%;
    max-width: 220px;
    max-width: 430px;
}

.logo-home-map-modal{
	width: 25%;
    min-width: 150px;
    margin-bottom: 12%; /*25px;*/
    margin-top: 10%; /*75px;*/
	max-width: 220px;
}

.characters{
	width: 45%;
	max-width: 400px;
	min-width: 164px;
	margin-bottom: 15px;
}

.imgmap{
    width: 56%;
    max-width: 500px;
    min-width: 164px;
    margin-bottom: 15px;
    background-image: url(../imgs/paper-map-hd.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 65px 48px;
    font-family: 'my_fontregular';
    font-size: 30px;
    text-align: center;
}

.confetti{
    width: 100%;
    max-width: 350px;
    min-width: 250px;
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
}

.contenthisp{
	display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.btn-hisp-blue{
	background-image: url("../imgs/btn_purple.png");
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 185px;
    text-align: center;
    margin: 1px;
    padding: 9px;
	font-family: 'my_fontregular';
	text-transform: uppercase;	
	color: #ffffff!important;
	font-style: normal;
	font-weight: 400;
	font-size: 34.7143px;
	line-height: 42px;
}

a{
	text-decoration: none!important;
}

.mapa{
	width: 90%;
    height: 66vh;
    display: flex;
    justify-content: center;
	/*background:url('../imgs/loader.gif') center center no-repeat;*/
}

.mapa iframe, .mapa .contentmap{
	border: 0;
    width: 100%;
    height: 100%;
}

.footerhome{
	display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-end;
    width: 100%;
	margin-top: 15px;
}

.footerhome img:first-child{
	width: 120px;
	padding-bottom: 20px;
}

.footerhome img:last-child{
	width: 170px;
}


@media (max-width: 400px) and (max-height: 680px) {

	.iconopaisimg {
		width: 100%;
		padding-left: 15%;
		padding-right: 15%;
		padding-bottom: 5%;
	}
	
	.logo-home-map {
		width: 25%;
		min-width: 150px;
		margin-bottom: 25px;
		margin-top: 75px;
		max-width: 220px;
		max-width: 430px;
	}	
	
	.logo-home-map{
		margin-bottom: 10%;
		margin-top: 8%;
	}	
  /* Tus estilos van aquí */
}

@media (min-width: 800px) {
	.logo-home-map-modal{
		margin-bottom: 5%; /*25px;*/
		margin-top: 7%; /*75px;*/
	}
}