@charset "UTF-8";
/* CSS Document */

/*
 * Dorado #ffbf00
 */

@import url('https://fonts.googleapis.com/css?family=Lato:300,400|Montserrat:200,400,500|Nobile|Cookie&display=swap');

@font-face{
	font-family:papercute-bold;
	src:url(/editor/fonts/papercute-bold.ttf) format("truetype")
}



body{
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: 400;
	line-height: 30px;
	font-family: "Raleway", Sans-Serif; /*lato*/
	color: #3d6466; /* rgb(74, 78, 87);*/
	background-color:#ececec !important;
/*	background-color: #1148a4 !important;*/
}

.caja-sombreada
{
 /* -webkit-box-shadow: 1px 0px 10px 1px rgba(0,0,0,0.43);
  -moz-box-shadow: 1px 0px 10px 1px rgba(0,0,0,0.43);
  box-shadow: 1px 0px 10px 1px rgba(0,0,0,0.43);*/
  background-color: #fff; /*#3a6181; #9baaab;*/
}

section{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

#maps{
	position: fixed;
	overflow-y: auto;
	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none !important;
	height: 100vh;
	margin-top: -180px !important;
}

#maps::-webkit-scrollbar {
  display: none !important;
}

.logo{
	padding: 20px 0px;
}

.logo img{
	width: 180px;
	margin-bottom: 10px;
	margin-left: 50px;
}

.logo h5{
	color: #fff;
	font-family: "Raleway", Sans-Serif;
	font-weight: 200;
	font-size: 15px;
}

.card{
	margin-bottom: 30px;
}

.card-header {
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 15px;
    color: #000;
    text-align: center;
}

.card-header i[class*="bx"]{
	font-size: 20px;
	line-height: 20px;
	vertical-align: middle;
}

.pt3{
	padding-top: 3px;
}

.pl5{
	padding-left: 5px;
}

.pr5{
	/*padding-right: 5px; Mv 27/08/2020 */
	padding: 0px 0 0 12px !important;
}

.new-checkbox {
/* The switch - the box around the slider */
/* Hide default HTML checkbox */
/* The slider */
/* Rounded sliders */ 
	height: 34px;
}

.new-checkbox .switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px; 
}

.new-checkbox .switch input {
	opacity: 0;
	width: 0;
	height: 0; 
}

.new-checkbox .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s; 
}

.new-checkbox .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: #ffffff;
	-webkit-transition: .4s;
	transition: .4s; 
}

.new-checkbox input:checked + .slider {
	background-color: #000; 
}

.new-checkbox input:focus + .slider {
	box-shadow: 0 0 1px #000; 
}

.new-checkbox input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px); 
}

.new-checkbox .slider.round {
	border-radius: 34px; 
}

.new-checkbox .slider.round:before {
	border-radius: 50%; 
}

.list-group-item a,
label a{
	color: #000 !important;
}

/*
 * Portrait
 */

#portrait{
	height: 90vh;
	margin: 5vh auto !important;
	transition: all .8s ease-in-out;

	overflow: hidden;
}

/* zoom del cuadro */
/*#portrait:hover, #landscape:hover {
  -ms-transform: scale(1.3); 
  -webkit-transform: scale(1.3);
  transform: scale(1.3); 
}*/

/*
#mapaestelarX
{
	transition: all .5s ease-in-out;

}

#mapaestelarX:hover
{
  -ms-transform: scale(2.5); / * IE 9 * /
  -webkit-transform: scale(2.5); / * Safari 3-8 * /
  transform: scale(2.5); 
}*/


.texto-demo {
    position: absolute;
    z-index: 999;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    top: 37%;
    background: rgb(0 0 0 / 45%);
    font-family: Arial,sans-serif;
    color: #ffffff7a;
    width: 60%;
          -webkit-transform: rotate(-45deg); 
      -moz-transform: rotate(-45deg); 
      -ms-transform: rotate(-45deg); 
      -o-transform: rotate(-45deg); 
      transform: rotate(-45deg); 
      
      -webkit-transform-origin: 50% 50%; 
      -moz-transform-origin: 50% 50%; 
      -ms-transform-origin: 50% 50%; 
      -o-transform-origin: 50% 50%; 
      transform-origin: 50% 50%; 
}


#portrait .portrait-18x24 {
    position: absolute;
    left: 50%;
    margin-left: -33.75vh;
    background-image: url("/editor/img/plantillas/acuarela-gris.png");
    width: 67.5vh;
    height: 90vh;
    padding: 4vh;
    color: #000000;
    text-align: center;
    font-size: 1em;
    line-height: 1.1em;
}

#portrait .portrait-18x24.white{
	background-color: #FFF;
/*	 background-image: url("../img/plantillas/purple-11-14-inch_1400w.png");*/
	color: #000;
}

#portrait .portrait-18x24 .frame {
    border: 0px solid #FFF;
    height: 100%;
    padding: 5vh;
}

#portrait .portrait-18x24.white .frame{
	border: 3px solid #000;
	height: 100%;
}

#portrait .portrait-18x24 #portrait-map{
	float: left;
	display: block;
	border-radius: 50%;
	width: 49.5vh !important;
	height: 49.5vh !important;
/*	background-color: #000;*/
   margin-top:-20px;
}

#portrait .portrait-18x24 #portrait-map{
	background-position: center;
	background-size: cover;
}

#portrait .portrait-18x24 #portrait-map canvas{
	width: 49.5vh !important;
	height: 49.5vh !important;
	border-radius: 50%;
	border: 0px solid #FFF;
}

#portrait .portrait-18x24.white #portrait-map canvas{
	border: 0px solid #000;
}

#portrait .portrait-18x24 #portrait-message{
	float: left;
	display: block;
	width: 49.5vh;
	height: 10vh;
	margin-top: 4.5vh;
	margin-bottom: 3vh;
}

#portrait .portrait-18x24 #portrait-text{
	float: left;
	display: block;
	width: 49.5vh;
	height: 5vh;
	font-size: 0.6em;
	line-height: 1.3em;
	text-transform: uppercase;
	margin-top:40px;
}

#portrait-message,
#landscape-message{
	font-family: "papercute-bold", Sans-Serif;
		font-size: 2.3vh;
	font-weight: 400;
	line-height: 1.1em;

/*	font-family: "papercute-bold", Sans-Serif;*/
/*	font-weight: 400;
	line-height: 1.43em;*/
/*	white-space: pre-wrap;*/
}

#portrait-message.cursive,
#landscape-message.cursive{
	font-family: "Cookie", Sans-Serif !important;
	font-size: 1.8em;
	font-weight: 400;
	line-height: 1.1em;
	white-space: pre-wrap;
}

#portrait-latitude,
#portrait-longitude{
	float: left;
	width: 50%;
}

#portrait-latitude{
	text-align: right;
	padding-right: 2px;
}

#portrait-longitude{
	text-align: left;
	padding-left: 2px;
}
/*
#portrait-qrcode,
#landscape-qrcode{
	display: block;
	position: absolute;
	right: 6vh !important;
	margin-top: -5vh;
	width: 9vh;
	height: 9vh;
	background-size: cover;
}*/

#landscape-qrcode {
	display: block;
	position: absolute;
	right: 12vh !important;
	margin-top: -24px;
	width: 100px;
	height: 26px;
	background-size: cover;
}

/*#portrait-qrcode {
	display: block;
	position: absolute;
	right: 25vh !important;
	margin-top: -24px;
	width: 100px;
	height: 20px;
	background-size: cover;
}*/



#portrait-qrcode {
    display: block;
    position: absolute;
    right: 170px !important;
    margin-top: 426px;
    width: 100px;
    height: 20px;
    background-size: cover;
}


#landscape,
#contenidoQRInput,
#imagenInput,
#dobleMapaInput,
#portrait-qrcode,
#landscape-qrcode{
	display: none;
}


/*
 * Landscape
 */

#landscape{
	height: 67.5vh;
	margin: 16vh auto !important;
	transition: all .8s ease-in-out;
}

#landscape .landscape-24x18{
	position: absolute;
	left: 50%;
	margin-left: -45vh;
	background-color: #000;
	height: 67.5vh;
	width: 90vh;
	padding: 4vh;
	color: #FFF;
	text-align: center;
	font-size: 1em;
	line-height: 1.1em;
}

#landscape .landscape-24x18.white{
	background-color: #FFF;
	color: #000;
}

#landscape .landscape-24x18 .frame{
	border: 0px solid #FFF;
	height: 100%;
	padding: 3vh;
}

#landscape .landscape-24x18.white .frame{
	border: 0px solid #000;
	height: 100%;
}

#landscape .landscape-24x18 #landscape-map-1,
#landscape .landscape-24x18 #landscape-map-2{
	float: left;
	display: block;
	border-radius: 50%;
	width: 36vh !important;
	height: 36vh !important;
/*	background-color: #000;*/
}

#landscape .landscape-24x18 #landscape-map-1 canvas{
	border-radius: 50%;
	width: 36vh !important;
	height: 36vh !important;
	border: 0px solid #FFF;
}

#landscape .landscape-24x18 #landscape-map-2{
	border: 1px solid #FFF;
}

#landscape .landscape-24x18 #landscape-map-1,
#landscape .landscape-24x18 #landscape-map-2{
	background-position: center;
	background-size: cover;
}

#landscape .landscape-24x18 #landscape-map-2{
	margin-left: 3vh;
}

#landscape .landscape-24x18 #landscape-map-2 .help{
	text-align: center;
	padding-top: 12vh;
}

#landscape .landscape-24x18 #landscape-map-2 .help i[class*="bx-"]{
	font-size: 64px;
	margin-bottom: 12px;
}

#landscape .landscape-24x18 #landscape-map-2 .help h5{
	font-family: "Raleway", Sans-Serif;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 2px;
}

#landscape .landscape-24x18.white #landscape-map-1 canvas,
#landscape .landscape-24x18.white #landscape-map-2{
	border: 3px solid #000;	
}

#landscape .landscape-24x18.white #landscape-map-2 .help{
	color: #FFF;
}

#landscape .landscape-24x18 #landscape-message{
	float: left;
	display: block;
	width: 72vh;
	height: 7.5vh;
	margin-top: 2.5vh;
	margin-bottom: 1vh;
}

#landscape .landscape-24x18 #landscape-text{
	float: left;
	display: block;
	width: 72vh;
	height: 5vh;
	font-size: 0.6em;
	line-height: 1.3em;
	text-transform: uppercase;
}

#landscape-latitude,
#landscape-longitude{
	float: left;
	width: 50%;
}

#landscape-latitude{
	text-align: right;
	padding-right: 2px;
}

#landscape-longitude{
	text-align: left;
	padding-left: 2px;
}

#footer{
	color: #FFF;
	font-size: 0.9em;
	padding: 5px 0px;
}

#footer a{
	color: #FFF;
}

#footer a:hover{
	text-decoration: none;
}

#whatsapp-icon{
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 64px;
	z-index: 99999;
}

#whatsapp-icon .circle{
	display: block;
	background-color: #25d366;
	width: 64px;
	height: 64px;
	color: #FFF;
	text-align: center;
	padding-top: 16px;
	border-radius: 50%;
}

#whatsapp-icon .circle i[class*="bxl-"]{
	font-size: 32px;
}

.mb10{margin-bottom: 10px;}

.btn-primary{
	background-color: #000;
	border-color: #000;
	color: #FFF;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus{
	background-color: #141414;
	border-color: #141414;
}

.btn-ordenar{
	padding-top: 10px;
	padding-bottom: 10px;
	height: auto;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#card{
	height: 200px;
	margin: 3vh auto !important;
}

#card .card-info{
	position: absolute;
	left: 50%;
	margin-left: -33.75vh;
	background-color: 0;
	border: 3px solid #FFF;
	width: 67.5vh;
	height: 200px;
	padding: 4vh;
	color: #FFF;
	text-align: left;
	font-size: 1em;
	line-height: 1.5em;
}

	.mapa-estelar{
		margin-top:-170px;

	}

.margen-tope {
	margin-top: 45px !important;
	font-size: 1.2rem !important;
}

  #landscape-leyenda, #portrait-leyenda
  {
  	font-size:4px; 
  	margin-top:45px; 
  	text-transform: none;
  }

/* cambia el tamaño del texto swal.fire */
 div:where(.swal2-container) h2:where(.swal2-title) {

    font-size: 16px !important;

}

@media only screen and (max-width:1280px) {
	

}


@media only screen and (max-width:767.98px) {

	.mapa-estelar{
		margin-top:5px !important;
		
	}


  #landscape-leyenda, #portrait-leyenda
  {
  	margin-top:95px; 
  }


.margen-tope {
	margin-top: 200px !important;
	font-size: 15px !important;
	color: #fff;
}

	#maps{
		position: static;
		overflow-y: inherit;
		overflow: -moz-scrollbars-none;
		-ms-overflow-style: none !important;
		height: auto;

	}




	#maps::-webkit-scrollbar {
	  	display: block;
	}
	
	
	/*
	 * Portrait
	 */

	#portrait{
		height: 120vw;
		margin: 2vw auto !important;
		margin-top: 170px !important;

	}


	#portrait .portrait-18x24 {
    position: absolute;
    left: 50%;
    margin-left: -48vw;
    background-color: #000;
    width: 96vw;
    height: 120vw;
    padding: 5.33333vw;
    color: #000;
    text-align: center;
    font-size: 1em;
    line-height: 1.1em;
}

	#portrait .portrait-18x24.white{
		background-color: #FFF;
		color: #000;
	}

	#portrait .portrait-18x24 .frame{
		border: 0px solid #FFF;
		height: 100%;
		padding: 6.66666vw;
	}

	#portrait .portrait-18x24.white .frame{
		border: 0px solid #000;
		height: 100%;
	}

	#portrait .portrait-18x24 #portrait-map{
		float: left;
		display: block;
		border-radius: 50%;
		width: 70.95vw !important;
		height: 70.95vw !important;
		background-color: #000;
	}

	#portrait .portrait-18x24 #portrait-map{
		background-position: center;
		background-size: cover;
	}

	#portrait .portrait-18x24 #portrait-map canvas{
		width: 70.95vw !important;
		height: 70.95vw !important;
		border-radius: 50%;
		border: 0px solid #FFF;
	}

	#portrait .portrait-18x24.white #portrait-map canvas{
		border: 0px solid #000;
	}

	#portrait .portrait-18x24 #portrait-message{
		font-family: "papercute-bold", Sans-Serif;
		float: left;
		display: block;
		width: 70.95vw;
		height: 13.3333vw;
		margin-top: 4vw;
		margin-bottom: 2vw;
	}

	#portrait .portrait-18x24 #portrait-text{
		float: left;
		display: block;
		width: 70.95vw;
		height: 6.66666vw;
		font-size: 0.44em;
		line-height: 0.9em;
		text-transform: uppercase;
	}

	#portrait-message,
	#landscape-message{
		font-family: "Nobile", Sans-Serif;
		font-weight: 400;
		font-size: 0.6em;
		line-height: 1em;
	}	

	#portrait-message.cursive,
	#landscape-message.cursive{
		font-family: "Cookie", Sans-Serif !important;
		font-size: 0.8em;
		line-height: 1em;
		font-weight: 400;
	}

	#portrait-latitude,
	#portrait-longitude{
		float: left;
		width: 50%;
	}

	#portrait-latitude{
		text-align: right;
		padding-right: 2px;
	}

	#portrait-longitude{
		text-align: left;
		padding-left: 2px;
	}

/*	#portrait-qrcode{
		display: block;
		position: absolute;
		right: 8vw !important;
		margin-top: -6.6666vw;
		width: 12vw;
		height: 12vw;
		background-size: cover;
	}*/


/*	#portrait-qrcode {
    display: block;
    position: absolute;
    right: 53vw !important;
    margin-top: 85.3334vw;
    width: 11vw;
    height: 11vw;
    background-size: cover;
}*/

#portrait-qrcode {
    display: block;
    position: absolute;
    right: 34vw !important;
    margin-top: 85.3334vw;
    /* width: 30px; */
    height: 22px;
    background-size: cover;
}

	#landscape,
	#contenidoQRInput,
	#imagenInput,
	#dobleMapaInput,
	#portrait-qrcode,
	#landscape-qrcode{
		display: none;
	}


	/*
	 * Landscape
	 */

	#landscape{
		height: 72vw;
		margin: 2vw !important;
		margin-top: 170px !important;
	}

	#landscape .landscape-24x18{
		position: absolute;
				left: 50%;
		margin-left: -48vw;
		background-color: #000;
		height: 72vw;
		width: 96vw;
		padding: 4.26666vw;
		color: #FFF;
		text-align: center;
		font-size: 1em;
		line-height: 1.1em;
	}

	#landscape .landscape-24x18.white{
		background-color: #FFF;
		color: #000;
	}

	#landscape .landscape-24x18 .frame{
		border: 0px solid #FFF;
		height: 100%;
		padding: 3.2vw;
	}

	#landscape .landscape-24x18.white .frame{
		border: 0px solid #000;
		height: 100%;
	}

	#landscape .landscape-24x18 #landscape-map-1,
	#landscape .landscape-24x18 #landscape-map-2{
		float: left;
		display: block;
		border-radius: 50%;
		width: 38.4vw !important;
		height: 38.4vw !important;
		background-color: #000;
	}

	#landscape .landscape-24x18 #landscape-map-1 canvas{
		border-radius: 50%;
		width: 38.4vw !important;
		height: 38.4vw !important;
		border: 0px solid #FFF;
	}

	#landscape .landscape-24x18 #landscape-map-2{
		border: 0px solid #FFF;
	}

	#landscape .landscape-24x18 #landscape-map-1,
	#landscape .landscape-24x18 #landscape-map-2{
		background-position: center;
		background-size: cover;
	}

	#landscape .landscape-24x18 #landscape-map-2{
		margin-left: 2.2vw;
	}

	#landscape .landscape-24x18 #landscape-map-2 .help{
		text-align: center;
		padding-top: 12.8vw;
	}

	#landscape .landscape-24x18 #landscape-map-2 .help i[class*="bx-"]{
		font-size: 32px;
		margin-bottom: 8px;
	}

	#landscape .landscape-24x18 #landscape-map-2 .help h5{
		font-family: "Raleway", Sans-Serif;
		text-transform: uppercase;
		font-size: 7px;
		letter-spacing: 0px;
	}

	#landscape .landscape-24x18.white #landscape-map-1 canvas,
	#landscape .landscape-24x18.white #landscape-map-2{
		border: 0px solid #000;	
	}

	#landscape .landscape-24x18.white #landscape-map-2 .help{
		color: #FFF;
	}

	#landscape .landscape-24x18 #landscape-message{
		float: left;
		display: block;
		width: 76.8vw;
		height: 8vw;
		margin-top: 2.6666vw;
		margin-bottom: 1.222vw;
	}

	#landscape .landscape-24x18 #landscape-text{
		float: left;
		display: block;
		width: 76.8vw;
		height: 5.33333vw;
		font-size: 0.4em;
		line-height: 0.9em;
		text-transform: uppercase;
	}

	#landscape-latitude,
	#landscape-longitude{
		float: left;
		width: 50%;
	}

	#landscape-latitude{
		text-align: right;
		padding-right: 2px;
	}

	#landscape-longitude{
		text-align: left;
		padding-left: 2px;
	}
	
	#landscape-qrcode{
		display: block;
		position: absolute;
		right: 6vw !important;
		margin-top: -7vw;
		width: 11vw;
		height: 11vw;
		background-size: cover;
	}
	
	#whatsapp-icon{
		position: fixed;
		bottom: 10px;
		left: 10px;
		width: 64px;
		z-index: 99999;
	}
	
}

@media only screen and (max-width: 700px) {

  #landscape-leyenda, #portrait-leyenda
  {
  	margin-top:80px; 
  }

  .leaflet-touch .geocoder-control-input {
    width: 75%;
}

.leaflet-touch .geocoder-control-suggestions {
     width: 75%;
}

  #portrait-map #corazon {
    position: absolute;
    top: 0;
    left: 0;
}


}


#dia 
{
	width: 65px;
}