@font-face
{
	font-family: "MONTSERRAT-BLACK";
	src: url("../fonts/MONTSERRAT-BLACK.TTF");
	
}
@font-face
{
	font-family: "MONTSERRAT-REGULAR";
	src: url("../fonts/MONTSERRAT-REGULAR.TTF");
	
}
@font-face
{
	font-family: "MONTSERRAT-MEDIUM";
	src: url("../fonts/MONTSERRAT-MEDIUM.TTF");
	
}
@font-face
{
	font-family: "MONTSERRAT-SEMIBOLD";
	src: url("../fonts/MONTSERRAT-SEMIBOLD.TTF");
	
}
@font-face
{
	font-family: "MONTSERRAT-BOLD";
	src: url("../fonts/MONTSERRAT-BOLD.TTF");
	
}
@font-face
{
	font-family: "Ants";
	src: url("../fonts/Ants Valley - Personal Use.otf");
	
}
.imginid{
        width: 100%;
}
.cuerpo{
	/*width: 85%;
	margin: auto;*/
}
/* HTML: <div class="loader"></div> */
.loader {
    width: 38px;
    aspect-ratio: 2;
    --_g: no-repeat radial-gradient(circle closest-side, #ffffff 90%, #0000);
    background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
    background-size: calc(100% / 3) 50%;
    animation: l3 1s infinite linear;
}
@keyframes l3 {
    20%{background-position:0%   0%, 50%  50%,100%  50%}
    40%{background-position:0% 100%, 50%   0%,100%  50%}
    60%{background-position:0%  50%, 50% 100%,100%   0%}
    80%{background-position:0%  50%, 50%  50%,100% 100%}
}

header{
	background-color: #005156;
	text-align: center;
	padding: 3rem 0rem;
	/* margin-bottom: -4.8rem; */
}
.txtcenter{
	text-align: center;
}
.fondoedificio{
	
/*    height: 572px;*/
/*height: 80%;*/
    background-image: url(../img/fachadadis.png);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
}
.imgedificio{
/*	margin-top: -4.8rem;*/
}
.zeropadd {
	padding: 0rem 0rem 0rem 0rem !important;
}
.divsuerte{
	padding: 1.9rem 0rem 0rem 0rem;
}
.imgsuerte{
	width: 60%;
	margin-left: 12%;
}
.divslogan{
	    text-align: center;
}
.txtazul1{
	color: #005156;
	font-family: "MONTSERRAT-REGULAR";
	margin: -2.2rem -1.2rem 0rem auto;
	margin: -2.2rem 0rem 0rem auto;
    font-size: 3.6rem;
    width: 90%;
}
.txtazul1 span{
	font-family: "MONTSERRAT-BOLD";
	font-size: 4.1rem;
}
.divtxt{
	padding: 3rem 0rem;
	text-align: center;
}
.txtazul{
	color: #005156;
    font-family: "MONTSERRAT-MEDIUM";
    margin-bottom: 0rem;
    font-size: 1.6rem;
    line-height: 2rem;
}
b{
	font-family: "MONTSERRAT-BOLD"!important;
}
.divdepart{
/*	padding: 3rem 0rem;*/
	text-align: center;
	padding-top: 1rem;
}
.txtazul2{
	color: #005156;
    font-family: "MONTSERRAT-MEDIUM";
    margin-bottom: 0rem;
    font-size: 2.5rem;
}
.divdepartdesde{
	background-color: #9ed683;
    width: max-content;
    border-radius: 3.5rem;
    border-top-right-radius: 1.3rem;
    border-bottom-left-radius: 1.3rem;
    padding: 0rem 1.8rem;
    margin: auto;
    margin-top: 0.5rem;
    margin-bottom: 2rem;
}
.divdepartdesde p{
    color: #005156;
    font-family: MONTSERRAT-BOLD;
    margin-bottom: 0rem;
    font-size: 3.4rem;
    line-height: 5.5rem;
}
.divdepartdesde b{
	font-size: 4.9rem;
}
.divdepartdesde sup {
    top: -0.5em;
    font-size: .6em;
}
.fondoazul{
	background-color: #005156;

}
.divsloganazul{
	padding-top: 3rem;
	width: 91%;
	margin-left: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.divtxtazul{
	background-color: #9ed683;
	width: 35%;
	border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
}
.divimgazul{
	width: 65%;
}
.imgdep{
	    width: 100%;
}
.divtxtazul p{
	margin-bottom: 0;
    padding: 1rem 1.7rem;
    font-size: 2.7rem;
    color: #005156;
    font-family: "MONTSERRAT-BLACK";
    line-height: 2.9rem;
    text-align: center;
}
.divamenidades2{
	padding-top: 1.5rem;
	width: 77%;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 6.5rem;
}
.divamenidades2-1{
	width: 50%;
	text-align: center;
}
.divamenidades2_1_img{

}
.divamenidades2 p{
	color: #fff;
	margin-bottom: 0px;
	font-family: "MONTSERRAT-REGULAR";
	font-size: 1.55rem;
	line-height: 1.9rem;
	word-spacing: 2px;
	letter-spacing: 0.5px;
}
.divamenidades2_1_txt .txtnegrita{
	font-family: MONTSERRAT-BOLD;
	font-size: 1.5rem;
	line-height: 1.5rem;
	word-spacing: 2px;
}
.imgamenidades{
	margin-bottom: 1rem;
	height: 5rem;
}
.divamenidades3 p {
	color: #fff;
	margin-bottom: 0px;
	font-family: "MONTSERRAT-REGULAR";
	font-size: 1.35rem;
	line-height: 1.55rem;
	word-spacing: 2px;
	letter-spacing: 0.5px;
}
.imgamenidades2{
	height: 4.3rem;
	margin-bottom: 0.7rem;
}
.imgamenidades2cama{
	height: 4rem;
	margin-bottom: 0.7rem;
}
.divamenidades3{
	width: 85%;
	margin: auto;
	display: flex;
	justify-content: center;
	text-align: center;
	padding-bottom: 2rem;
}
.divamenidades3-1{
	width: 25%;

}
.descripmapa{
    text-align: center;
    padding: 2rem 0rem 1rem 0rem;
}
.descripmapa p{
	color: #005156;
    font-family: MONTSERRAT-BOLD;
    font-size: 1.7rem;
    margin-bottom: 0px;
    line-height: 2rem;
}
.divmapa{
	text-align: center;
	padding-bottom: 5rem;
}
.divencabezadomapa p{
	text-align: center;
    background-color: #9ed683;
    border-top-right-radius: 1.3rem;
    border-top-left-radius: 1.3rem;
    width: max-content;
    margin: auto;
    padding: 5px 1.2rem;
    color: #005156;
    font-family: MONTSERRAT-BOLD;
    font-size: 1.35rem;
    margin-bottom: 0px;
    line-height: 2rem;
}
footer{
	background-color: #f6f6f6;
	padding: 1.7rem 0rem;
}
.imgmapa{
	width: 76%;
}
.footerdiv{
	display: flex;
	justify-content: center;
	align-items: center;
}
.divimgfooter{
	width: 50%;
	text-align: center;
}
.imgfooter{
	width: 47%;
}
.divtxtfooter{
	width: 50%;
	padding-right: 6rem;
}
.divtxtfooter p{
	text-align: right;
	margin-bottom: 0px;
	font-family: "MONTSERRAT-MEDIUM";
	font-size: 0.9rem;
	color: #005156;
}
.divtxtfooter p a{
	color: #005156!important;
}
.divtxtfooter p span{
	color: #32581f!important;
}
.divtxtfooter p span a{
	color: #32581f!important;
}
.divtxtfooter p a{
	text-decoration: none;
}
.title{
	color: #fff;
    margin-bottom: 0.7rem;
    font-family: MONTSERRAT-BOLD;
    font-size: 1.85rem;
    word-spacing: 2px;
    letter-spacing: 0.3px;
    line-height: 1.8rem;
    padding-top: 3.5rem;
}
.subtitle{
	color: #fff;
	margin-bottom: 0.8rem;
	font-family: "MONTSERRAT-REGULAR";
	font-size: 1.08rem;
	line-height: 1.35rem;
	word-spacing: 2px;
	letter-spacing: 0.6px;
}
.subtitle span{
	font-family: "MONTSERRAT-BLACK"!important;
	letter-spacing: 1px;
}
.divform{
	display: flex;
	justify-content: center;
	align-items: stretch;
	margin-bottom: 4rem;
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 2rem;
	background-image: url(../img/bgjuegos.webp);
    background-position: center;
	background-repeat: no-repeat;
    background-size: cover;
}
.divform1{
	width: 47%;
    /*background-image: url(../img/fondoform4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;*/
}
.divform2{
	width: 53%;
    padding: 0rem 2rem;
    text-align: center;
/*    background-color: #005156;*/
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
}
input, textarea{
	width: 94%;
	margin-left: auto;
	margin-right: auto;
    border-radius: 7px!important;
    padding: 7px 8px!important; 
    margin-top: 17px!important;
    color: #2d2d2d!important;
    font-size: 0.85rem!important;  
    font-family: "MONTSERRAT-SEMIBOLD"!important;
    border: 0px !important;
}
input:hover, input:active, input:focus, input:focus-visible {
	border: 0px !important;
	outline: none!important;
}
textarea:hover, textarea:active, textarea:focus, textarea:focus-visible {
	outline: none!important;
	border: 0px !important;
}
textarea::placeholder {
  color: #2d2d2d!important;
  opacity: 1; /* Firefox */
}
input::-ms-input-placeholder { /* Edge 12 -18 */
  color: #2d2d2d!important;
}
input::placeholder {
  color: #2d2d2d!important;
  opacity: 1; /* Firefox */
}
textarea::-ms-input-placeholder { /* Edge 12 -18 */
  color: #2d2d2d!important;
}
.respuesta{
	height: 1.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 0.85rem!important;
    font-family: "MONTSERRAT-MEDIUM"!important;
}
button{
	background-color: #9ed683;
	font-size: 0.85rem!important;
    font-family: "MONTSERRAT-BOLD"!important;
    color: #2d2d2d!important;
    border-radius: 1.5rem;
    padding: 5px 2.7rem;
    margin-bottom: 1rem;
    margin-bottom: 1rem;
    border: 0px !important;
/*    margin-top: 10px;*/
}
.grecaptcha-badge{
	display: none!important;
}
.imgformulario{
	display: none;
}
.imgdep1{
	display: none;
}
.divgracias{
	margin-top: 5rem;
	/* background-color: #fff;
	position: absolute;
    top: 30%;
   right: 50%;*/

}
.txtgracias{
	font-family: "Ants"!important;
	color: #9ed683;
    font-size: 10rem;
    letter-spacing: 6px;
    line-height: 11rem;
    margin-bottom: 0px;
}
.txtaviso{
	font-family: "Ants"!important;
	color: #9ed683;
    font-size: 5rem;
    letter-spacing: 4px;
    line-height: 8rem;
    margin-bottom: 0px;
}
.txtazulAviso{
	color: #005156;
    font-family: "MONTSERRAT-MEDIUM";
    margin-bottom: 0rem;
    font-size: 1rem;
    text-align: justify;
    width: 90%;
    margin: 0.5rem auto 1rem auto;
}
#asteroomPanoViewer{
    width: 100%;
    height: 600px;
}
@media only screen and (min-width:1750px){
	input, textarea {
    	font-size: 1.1rem !important;
    }
    .subtitle{
    	font-size: 1.5rem;
    	line-height: 1.9rem;
    }
    .title{
    	font-size: 2.3rem;
    	line-height: 2.8rem;
    }
    button{
    	font-size: 1.4rem;
    }
    .divtxtfooter p{
    	font-size: 1.35rem;
    }
    .divencabezadomapa p{
    	font-size: 1.45rem;
    }
    .txtazul1{
    	font-size: 4.5rem;
    }
    .txtazul1 span{
		font-size: 5.5rem;
    }
    .txtazul {
    	font-size: 2.5rem;
    	line-height: 3rem;
    }
    .txtazul2{
    	font-size: 3.2rem;
    }
    .divdepartdesde p{
    	font-size: 4rem;
    	line-height: 7.7rem;
    }
    .divdepartdesde b {
	    font-size: 5.9rem;
	}
	.divdepartdesde {
	    border-radius: 4.5rem;
	    border-top-right-radius: 1.8rem;
	    border-bottom-left-radius: 1.8rem;
	    padding: 0.5rem 2.8rem;
	}
	.imgdep {
	    width: 100%;
	}
	.divtxtazul p {
	    padding: 2rem 1.7rem;
	    font-size: 3.5rem;
	    line-height: 3.9rem;
	}
	.divamenidades2_1_txt .txtnegrita {
	    font-size: 2.3rem;
	    line-height: 3rem;
	    word-spacing: 3px;
	}
	.divamenidades2 p {
	    font-size: 1.9rem;
	    line-height: 2.2rem;
	    word-spacing: 3px;
	    letter-spacing: 0.7px;
	}
	.divamenidades3 p {
	    font-size: 1.8rem;
	    line-height: 2.2rem;
	    word-spacing: 3px;
	    letter-spacing: 1px;
	}
	.imgamenidades2cama {
	    height: 6rem;
	    margin-bottom: 1rem;
	}
	.imgamenidades2 {
	    height: 6.8rem;
	    margin-bottom: 1rem;
	}
	.imgamenidades {
	    margin-bottom: 1.5rem;
	    height: 7rem;
	}
	.descripmapa p {
	    font-size: 2.5rem;
	    line-height: 3rem;
	}
	.divencabezadomapa p {
        font-size: 2rem;
        padding: 10px 2.2rem;
    }
    .imgmapa {
	    width: 85%;
	}
	.subtitle {
        font-size: 1.6rem;
        line-height: 2rem;
    }
    .title {
        font-size: 2.5rem;
        line-height: 3rem;
    }
    input, textarea {
        font-size: 1.3rem !important;
        padding: 10px 10px !important;
    }
    button{
    	font-size: 1.6rem!important;
    }
}
@media only screen and (min-width:1600px){
	.cuerpo {
/*	    width: 82%;*/
	}
}
@media only screen and (min-width:1500px){
	input, textarea {
    	font-size: 1rem !important;
    }
    .subtitle{
    	font-size: 1.3rem;
    	line-height: 1.7rem;
    }
    .title{
    	font-size: 2.1rem;
    	line-height: 2.5rem;
    }
    button{
    	font-size: 1.3rem!important;
    }
    .divtxtfooter p{
    	font-size: 1.25rem;
    }
}
@media only screen and (max-width:1290px){
	.cuerpo{
/*		width: 90%;*/
	}
}
@media only screen and (max-width:1150px){
	.txtazul1{
		font-size: 3rem;
	}
	.txtazul1 span{
		font-size: 3.5rem;
	}
	.txtazul{
		font-size: 1.4rem;
	}
	.txtazul2{
		font-size: 2.2rem;
	}
	.divdepartdesde p{
		font-size: 2.8rem;
	}
	.divdepartdesde b{
		font-size: 4rem;
	}
	.divtxtazul p{
		line-height: 2.5rem;
		font-size: 2.2rem;
	}
	.divamenidades2 p{
		font-size: 1.25rem;
    	line-height: 1.5rem;
	}
	.divamenidades3 p{
		font-size: 1.2rem;
	}
	.descripmapa p{
		font-size: 1.5rem;
		line-height: 1.8rem;
	}
	.divencabezadomapa p{
		font-size: 1.2rem;
	}
	.title {
		line-height: 1.6rem;
    	padding-top: 2.5rem;
    	font-size: 1.6rem;
	}
	input, textarea {
		margin-top: 15px !important;
	}
	.subtitle{
		margin-bottom: 0.5rem;
	    font-size: 1rem;
	    line-height: 1.15rem;
	}

	.txtgracias{
	    font-size: 6rem;
	    line-height: 7rem;
	}
	.txtaviso{
	    font-size: 4rem;
	    line-height: 7rem;
	}
	.divgracias{
		margin-top: 3rem;
	}
}
@media only screen and (max-width:1050px){
	.cuerpo {
/*        width: auto;*/
    }
    .txtazul1 {
        font-size: 2.5rem;
        margin: -1.5rem -1.2rem 0rem auto;
        margin: -1.5rem 0rem 0rem auto;
    }
    .txtazul1 span {
        font-size: 3rem;
    }
    .txtazul2 {
        font-size: 1.9rem;
    }
    .divtxt {
	    padding: 2rem 0rem;
	}
	.divdepartdesde b {
        font-size: 3.5rem;
    }
    .divdepartdesde p {
        font-size: 2.4rem;
    }
    .divtxtazul p {
        line-height: 2.2rem;
        font-size: 2rem;
    }
    .imgamenidades {
	    margin-bottom: 0.5rem;
	    height: 4rem;
	}
	.divamenidades2_1_txt .txtnegrita{
		font-size: 1.3rem;
    	line-height: 1.45rem;
	}
	.divamenidades2 p {
        font-size: 1.05rem;
        line-height: 1.3rem;
    }
    .divamenidades3 p {
        font-size: 1rem;
        line-height: 1.3rem;
    }
    .imgamenidades2 {
	    height: 3.8rem;
	    margin-bottom: 0.5rem;
	}
	.imgamenidades2cama {
	    height: 3.5rem;
	    margin-bottom: 0.5rem;
	}
	.divamenidades3 p {
        font-size: 0.9rem;
        line-height: 1.1rem;
    }
    .descripmapa {
    	padding: 1.5rem 0rem 1rem 0rem;
    }
    .descripmapa p {
        font-size: 1.3rem;
        line-height: 1.6rem;
    }
    .divencabezadomapa p {
        font-size: 1rem;
    }
    .title {
        line-height: 1.5rem;
        padding-top: 2rem;
        font-size: 1.3rem;
    }
    .subtitle {
        margin-bottom: 0.3rem;
        font-size: 1rem;
        line-height: 1.15rem;
        word-spacing: 1px;
    	letter-spacing: 0.3px;
    }
    input, textarea {
    	padding: 5px 7px !important;
    }
    .respuesta {
    	height: 1rem;
    }
    .divtxtfooter {
		    padding-right: 2rem;
	}
    #asteroomPanoViewer{
        height: 400px;
    }
}
@media only screen and (max-width:950px){
	header{
		/* margin-bottom: -3.8rem; */
	}
	.divtxtazul p {
        line-height: 2rem;
        font-size: 1.7rem;
    }
    .divform2 {
	    width: 60%;
	}
	.divform1 {
	    width: 40%;
	}
	.divimgfooter {
	    width: 35%;
	}
	.divtxtfooter {
	    width: 65%;
	}
	.imgfooter {
	    width: 70%;
	}
}
@media only screen and (max-width:850px){
	.cuerpo{
/*		width: 95%;*/
	}
	header {
        /* margin-bottom: -2.8rem; */
        padding: 2rem 0rem;
    }
    .imglogoprinicipal{
    	width: 33%;
    }
    .txtazul1 {
        font-size: 2.2rem;
        margin: -1rem 0rem 0rem auto;
    }
    .txtazul {
        font-size: 1.2rem;
        line-height: 1.5rem;
    }
    .divtxt {
        padding: 1.5rem 0rem;
    }
    .divdepart{
    	padding-top: 0rem;
    }
    .txtazul2 {
        font-size: 1.7rem;
    }
    .divdepartdesde p {
        font-size: 2rem;
    }
    .divdepartdesde b {
        font-size: 3rem;
    }
    .divsloganazul{
    	width: 95%;
    }
    .divtxtazul p {
        line-height: 1.8rem;
        font-size: 1.5rem;
        padding: 1rem 1rem;
    }
    .divamenidades2_1_txt .txtnegrita {
        font-size: 1.1rem;
        line-height: 1.25rem;
    }
    .divamenidades2 p {
        font-size: 1rem;
        line-height: 1.1rem;
    }
    .divamenidades2 {
    	width: 90%;
    	padding-bottom: 4rem;
    }
    .divamenidades3{
    	width: 95%;
    }
    .imgamenidades2 {
        height: 3rem;
        margin-bottom: 0.4rem;
    }
    .imgamenidades2cama {
        height: 2.8rem;
        margin-bottom: 0.4rem;
    }
    .divamenidades3 p {
        font-size: 0.9rem;
        line-height: 1rem;
        word-spacing: 1px;
        letter-spacing: 0.3px;
    }
    .descripmapa p {
        font-size: 1.1rem;
        line-height: 1.3rem;
    }
    .imgmapa {
	    width: 90%;
	}
	.divencabezadomapa p {
        font-size: 0.9rem;
        padding: 2px 1rem;
    }
}
@media only screen and (max-width:780px){
	.divform{
		flex-wrap: wrap;
		background-image: none;
	}
	.divform1 {
        width: 95%;
        order: 2;
        background: linear-gradient(0deg, rgba(34, 193, 195, 0) 0%, rgba(0, 81, 86, 0) 40%, rgba(0, 81, 86, 0.4962359943977591) 64%, rgba(0, 81, 86, 1) 89%) !important;
        height: 100px;
	    /*background-image: url(../img/fondoform4.png);
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: left;*/
    }
    .divform2 {
        width: 95%;
        order: 1;
        background-color: #005156;
        border-top-left-radius: 2rem;
        border-bottom-right-radius: 0rem;
    }
    .imgformulario{
/*		display: block;*/
	}


	.txtgracias{
	    font-size: 4rem;
	    line-height: 5rem;
	}
	.txtaviso{
	    font-size: 4rem;
	    line-height: 4.2rem;
	}
	.divgracias{
		margin-top: 2rem;
	}
}
@media only screen and (max-width:767px){
	.cuerpo {
        width: 100%; 
    }
    .txtazul1 {
        font-size: 2.2rem;
        margin: -1rem 0rem 0rem auto;
    }
}
@media only screen and (max-width:650px){
	.imgsuerte {
	    width: 75%;
	    margin-left: 0%;
	}
	.divsuerte {
	    padding: 1.8rem 0rem 0rem 0rem;
	    text-align: center;
	}
	.txtazul1 span {
        font-size: 2.5rem;
    }
    .divdepartdesde p {
        font-size: 1.7rem;
    }
    .divdepartdesde b {
        font-size: 2.5rem;
        line-height: 4rem;
    }
    .divimgazul {
	    width: 60%;
	}
	.divtxtazul{
		width: 40%;
	}
	.descripmapa {
        padding: 1.5rem 1rem 1rem 1rem;
    }
    .footerdiv{
    	flex-wrap: wrap;
    }
    .divimgfooter {
        width: 90%;
        margin: auto;
    }
    .divtxtfooter {
        width: 90%;
        margin: 2rem auto 0rem auto;
        padding: 0;
        text-align: center;
    }
    .divtxtfooter p{
    	text-align: center;
    }
    .imgfooter {
        width: 50%;
    }
}
@media only screen and (max-width:550px){
	.txtazul1 {
        font-size: 2rem;
        margin: 0rem 0rem 0rem 0rem;
        text-align: center;
        width: 100%;
    }
    .txtazul {
        font-size: 1rem;
        line-height: 1.4rem;
    }
    .txtazul1 span {
        font-size: 2.2rem;
    }
    .txtazul2 {
        font-size: 1.5rem;
    }
	.divdepartdesde p {
        font-size: 1.3rem;
        line-height: 3rem;
    }
    .divdepartdesde b {
        font-size: 2rem;
        line-height: 3.5rem;
    }
    .divsloganazul {
        width: 90%;
        flex-wrap: wrap;
        margin: auto;
    }
    .divtxtazul {
        width: 90%;
        border-top-right-radius: 2rem;
        border-bottom-left-radius: 0rem;
    }
    .divimgazul{
    	width: 90%;
    }
	.imgdep1{
		display: block;
		border-bottom-left-radius: 2rem;
	    border-bottom-right-radius: 2rem;
	}
	.imgdep{
		display: none;
	}
	.divamenidades2{
		flex-wrap: wrap;
		padding-bottom: 2rem;
	}
	.divamenidades2-1{
		width: 100%;
		margin-bottom: 1.5rem;
	}
	.divamenidades3{
		flex-wrap: wrap;
	}
	.divamenidades3-1 {
	    width: 50%;
	    margin-bottom: 2rem;
	}
	.brmovil{
		display: none;
	}

	.txtgracias{
	    font-size: 3.5rem;
	    line-height: 4rem;
	}
	.txtaviso{
	    font-size: 2.9rem;
	    line-height: 3rem;
	}
	.divgracias{
		margin-top: 1.5rem;
	}
    #asteroomPanoViewer{
        height: 500px;
    }
}
@media only screen and (max-width:500px){
	.divform{
		width: 95%;
	}
	.imgmapa {
        width: 98%;
    }
    .divencabezadomapa p {
        font-size: 0.85rem;
        padding: 4px 0.5rem;
        margin: auto;
        line-height: 1.1rem;
        width: 90%;
    }
    .imglogoprinicipal {
        width: 45%;
    }
    header {
        /* margin-bottom: -1.5rem; */
        padding: 1.5rem 0rem;
    }
    .txtazul1{
		font-size: 1.5rem;
    }
    .txtazul1 span {
        font-size: 1.8rem;
    }
    .txtazul2 {
        font-size: 1.2rem;
    }
    .divdepartdesde{
    	border-radius: 2.5rem;
	    border-top-right-radius: 1rem;
	    border-bottom-left-radius: 1rem;
	    padding: 0rem 1rem;
	    margin: auto;
	    margin-top: 0.5rem;
	    margin-bottom: 1.5rem;
    }
    .divtxtazul p {
        line-height: 1.5rem;
        font-size: 1.3rem;
        padding: 0.5rem 1rem;
    }
	.divamenidades2 p {
        font-size: 0.9rem;
        line-height: 1.15rem;
    }
    .divamenidades3-1 {
        width: 90%;
        margin-bottom: 1.5rem;
    }
    .descripmapa p {
        font-size: 1rem;
        line-height: 1.25rem;
    }
    .divencabezadomapa p {
        font-size: 0.85rem;
        padding: 2px 0.7rem;
        margin: auto;
        line-height: 1rem;
    }
    .divmapa{
    	padding-bottom: 3rem;
    }
    .divform{
    	margin-bottom: 2rem;
    }
}
@media only screen and (max-width:414px){
    .txtazul{
    	padding: 0rem 0.5rem;
    }
    .divdepartdesde p {
        font-size: 1.1rem;
        line-height: 2rem;
    }
	.divdepartdesde b {
        font-size: 1.5rem;
        line-height: 3rem;
    }
    .divform2{
    	padding: 0rem 1rem;
    }
}
@media only screen and (max-width:380px){
	.txtazul2 {
        font-size: 1rem;
    }
    .txtazul {
        font-size: 0.9rem;
        line-height: 1.2rem;
        padding: 0rem 1rem;
    }
    .divtxtazul p {
        line-height: 1.3rem;
        font-size: 1.1rem;
    }
    .divamenidades2_1_txt .txtnegrita {
        font-size: 1rem;
        line-height: 1.15rem;
    }
    .descripmapa p {
        font-size: 0.9rem;
        line-height: 1.15rem;
    }
	.title {
        line-height: 1.2rem;
        padding-top: 1.5rem;
        font-size: 1.1rem;
        word-spacing: 1px;
        letter-spacing: 1px;
    }
    .subtitle {
        margin-bottom: 0rem;
        font-size: 0.9rem;
        line-height: 1.05rem;
    }
    input, textarea {
    	font-size: 0.8rem !important;
    }
    .txtazul2 {
        font-size: 1rem;
    }
    .txtazul1 {
        font-size: 1.2rem;
    }
    .txtazul1 span {
        font-size: 1.6rem;
    }
    .respuesta{
    	font-size: 0.8rem;
    }
}