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

/*
 * Dorado #ffbf00
 */

/*//@import url('https://fonts.googleapis.com/css?family=Roboto|Lato:300,400|Montserrat:200,400,500|Nobile|Cookie&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Quicksand|Cinzel|Roboto|Lato:300,400|Montserrat:200,400,500|Nobile|Cookie|Dancing+Script|Life+Savers|Waiting+for+the+Sunrise&display=swap');

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;*/
      font-family: 'Quicksand';

}

input::placeholder,
textarea::placeholder {
  font-family: "Quicksand", sans-serif;
}

/* Compatibilidad con navegadores antiguos */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-family: "Quicksand", sans-serif;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  font-family: "Quicksand", sans-serif;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  font-family: "Quicksand", sans-serif;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-family: "Quicksand", sans-serif;
}


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 {
    font-family: "Quicksand";
    font-weight: 600;
    font-size: 14px;
    color: #212529;
    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); 
}*/

/* opciones para la selección de frases de inspiración */

  #inspiracion {
    width: 100%; /* Ajusta esto según sea necesario */
    max-width: 300px; /* Ancho máximo para evitar desbordamiento */
}

option:disabled {
    color: #495057 !important;
    font-size: 110%;
    font-weight: 600;
}


.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-color: #000;
	width: 67.5vh;
	height: 90vh;
	padding: 4vh;
	color: #FFF;
	text-align: center;
	font-size: 1em;
	line-height: 1.1em;
	 box-shadow: 10px 5px 15px rgba(0, 0, 0, 0.6);
}

#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;*/
}

#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;
}*/



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

#portrait-message.nobile,
#landscape-message.nobile{
	font-family: "Nobile", Sans-Serif;
	font-weight: 400;
	line-height: 1.43em;
	white-space: pre-wrap;
}

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

#portrait-message.dancing, #landscape-message.dancing {
    font-family: "Dancing Script", Sans-Serif !important;
    font-size: 1.5em;
    line-height: 1.05em;
    font-weight: 400;
}

	#portrait-message.life,
	#landscape-message.life{
		font-family: "Life Savers", Sans-Serif !important;
		font-size: 1.35em;
		line-height: 1em;
		font-weight: 400;
	}

#portrait-message.sunrise, #landscape-message.sunrise {
    font-family: "Waiting for the Sunrise", Sans-Serif;
    font-weight: 400;
    font-size: 1.4em;
    line-height: 1.2em;
    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: 47vh !important;
    margin-top: -25px;
    width: 100px;
    height: 20px;
    background-size: cover;
}


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


/* Esconde el enlace a leaflet y esri */

.leaflet-control-attribution.leaflet-control.esri-truncated-attribution\:hover.esri-truncated-attribution {
    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;
	box-shadow: 10px 5px 15px rgba(0, 0, 0, 0.6);
}

#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 .landscape-24x18 #landscape-text {
    float: left;
    display: block;
    width: 72vh;
    height: 5vh;
    font-size: 0.56em;
    line-height: 1.3em;
    text-transform: uppercase;
    font-family: 'Lato';
    margin-top: 13px;
}

#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 {
    display: block;
    background-color: #25d366;
    width: 50px;
    height: 50px;
    color: #FFF;
    text-align: center;
    padding-top: 9px;
    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) {

.row.inicial {
    margin-top: 80px;
    /* background-color: coral; */
}
.boton-desktop {
    margin-top: 20px;
}

	.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: #FFF;
    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{
		float: left;
		display: block;
		width: 70.95vw;
		height: 13.3333vw;
		margin-top: 4vw;
		margin-bottom: 2vw;
	}*/

	#portrait .portrait-18x24 #portrait-message {
    float: left;
    display: block;
    width: 70.95vw;
    height: 13.3333vw;
    margin-top: 9vw;
    margin-bottom: 1vw;
    font-size: 14px;
}

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

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

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

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

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

	#portrait-message.roboto,
#landscape-message.roboto{
	font-family: "Roboto", Sans-Serif;
	font-weight: 400;
	line-height: 1.43em;
	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{
		display: block;
		position: absolute;
		right: 8vw !important;
		margin-top: -6.6666vw;
		width: 12vw;
		height: 12vw;
		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;
}