@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');
body{
	margin:0;
	padding:0;
	font-family:Montserrat;
	font-size:18px;
}
a{text-decoration:none;color:#383838}
ul{margin:0;padding:0;list-style-type:none}
input,textarea,select,button{font-family:Montserrat, sans-serif;font-size:18px;font-weight: 500;}
textarea{line-height:21px;border:1px solid #373737;color:#373737;height: 110px;}
input[type="submit"]:disabled{font-weight:500; background-color: #ccc; background-image: -moz-linear-gradient(top,#ccc,#ccc); background-image: -webkit-linear-gradient(top,#ccc,#ccc); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ccc),color-stop(1,#ccc)); background-image: linear-gradient(top,#ccc,#ccc); }
select, input[type="text"], input[type="file"], textarea {padding: 12px;vertical-align: top;border: 0;display: inline-block;width: 100%;box-sizing: border-box;border-bottom: 2px solid #565656;color: #ffffff;background-color: #404040;}
select:focus, input[type="text"]:focus, input[type="file"]:focus, textarea:focus {outline: none; background-color: rgb(255 255 255 / 16%); }
input[type="checkbox"]{width: 24px; height: 24px; vertical-align: middle; }
input[type='checkbox']:checked {-webkit-filter: grayscale(100%);}
input[type='radio']:checked {-webkit-filter: grayscale(100%);}
::-moz-selection {color:#FFF; background:#222; }
::selection {color:#FFF;background:#222;}
::placeholder {color: #ffffff96;}
::-ms-input-placeholder {#ffffff96}
.botAmarillo{
	text-decoration:none;
	background-color:#e3b740;
	border:1px solid #e3b740;
	color:#383838;
	padding:10px;
	font-size:18px;
	font-weight:bold;
	display:block;
	cursor:pointer;
	text-align:center;
}
.botAmarillo:hover{
	background-color:transparent;
	color:#e3b740;
}
.seccion .botAmarillo{
	display:inline-block;
	margin-right:40px;
	margin-top:20px;
	margin-bottom:10px;
}
.slogan{
	font-weight: bold;
    font-size: 150%;
}
.dest{
	font-family:"Dancing Script";
	font-size:150%;
	font-weight:normal;
}
@media(min-width:550px){
	.slogan{
	    font-size: 200%;
	}
	.dest{
		font-size:200%;
	}	
}
/*menu*/
#verMenu{
	position:fixed;
	top:20px;
	right:40px;
	z-index:23;
	cursor:pointer;
	font-size:200%;
	color:#e3b740
}
#menuS{
	text-align:center;
	background-color:#383838;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:99;
	visibility: hidden;
  	opacity: 0;
	transition: all 0.8s ease 0s;
}
#menuS .logo{
	max-width:150px;
	margin:10px auto;
}
#menuS>div{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  width:100vw;
  height:100vh;
  margin: auto;
  display:flex;
  align-items:flex-start;
  flex-wrap: wrap;
  justify-content:center;
}
#menuS ul{
text-align:center;
margin:auto;
padding:50px 20px 0 20px;
margin:0}
#menuS ul li{}
#menuS ul li a{
  color:#fff;
  padding:10px 0;
  display:block;
  width:90vw;
  text-decoration:none;
  margin:auto;
}
#menuS .cerrar{
	color:#fff;
    position: fixed;
    right: 0px;
    top: 10px;
    font-size: 34px;
    cursor: pointer;
    margin:0;
    z-index: 40;
}
@media(min-height: 500px){
  #menuS ul li a{
    padding-top:15px;
    padding-bottom:15px;
    font-size:21.22px;
  }
}
@media(min-width:1000px) and (min-height:600px){
	#verMenu{
		left:40px;
	}
	#menuS .logo{
		max-width:250px;
		margin-bottom:30px;
	}
	#menuS ul li a{
		font-size:150%;
	}
}
/*error404*/
#error404{
	background:linear-gradient(to right,rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.2)), url(/img/fondo-home.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    color:#fff;
    min-height:50vh;
}
#error404 .in{
    padding: 40px;
}
#error404 img{
	max-width:100%;
	margin-top:40px;
}
@media(min-width:1000px){
	#error404 .in{
		padding:100px;
		max-width:50%;
	}
}
/*home*/
#home1{
	background:linear-gradient(to right,rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.2)), url(/img/fondo-home.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    color:#fff;
    min-height:50vh;
}
#home1 .in,
#home2 .in{
    padding: 40px;
}
#home1 .dest{
	display:block;
	margin-bottom:15px;
}
#home2 .dest{display:block;}
#home2 ul{list-style-type:none}
#home2 ul li{ padding-bottom:4px;}
#home2 ul li span{color:#e3b740}
#home2 .in p.texto{
	margin-bottom:40px;
}
@media(min-width:1000px) and (min-height:650px){
	#home1{
		height:100vh;
	}
	#s13 #home1{
		height:60vh;
	}
	#home1 .in{
		display: flex;
    	height: calc(100% - 80px);
    	align-items: center;
	}
	#home2 ul{
		font-size:120%;
	}
	#home2 .in p.texto{
		max-width:55%;
		font-size:120%;
	}
}
@media(min-width:1300px) and (min-height:650px){
	#home1 .in,#home2 .in{
		padding:100px;
	}	
}
@media(min-width:1400px) and (min-height:650px){
	#home1 .slogan,
	#home2 .slogan{
		font-size:300%;
	}
	#home2 ul{
		font-size:150%;
	}
	#home2 .in p.texto{
		font-size:150%;
	}
}

/*seccion*/
.seccion #cab1{
    position: relative;
    color:#fff;
    min-height:50vh;
}
.seccion #cab1 .in,
.seccion #cab2 .in{
    padding: 40px;
}
.seccion #cab2 .in{
	text-align:left;
}
.seccion #cab2 .in h2{
	margin-bottom:40px;
}
.seccion #cab1 .dest{
	display:block;
	margin-bottom:15px;
}
.seccion #cab2{
	max-width:750px;
}
.seccion #cab2 ul{list-style-type:none}
.seccion #cab2 ul li{ padding-bottom:20px;}
.seccion #cab2 ul li:before{ content: '\e806'; font-family:fontello;color:#e3b740;margin-right:10px}
.seccion #cab2 ul li span{color:#e3b740}
@media(min-width:750px){
	.seccion #cab2 .in{
		text-align:justify;
	}
}
@media(min-width:1000px) and (min-height:650px){
	.seccion #cab1 .in{
		display: flex;
    	height: calc(100% - 80px);
    	align-items: center;
	}
	.seccion #cab2{
		max-width:55%;
		font-size:120%;
	}
}
@media(min-width:1300px) and (min-height:650px){
	.seccion #cab1 .in,
	.seccion #cab2 .in{
		padding:100px;
	}	
}
@media(min-width:1400px) and (min-height:650px){
	.seccion #cab1 .slogan{
		font-size:300%;
	}
	.seccion #cab2{
		font-size:150%;
	}
}
/*seccion contacto*/
#formSContacto{
	max-width:650px;
}
#formSContacto .in{
    padding: 40px;
}
#formSContacto select,
#formSContacto input[type="text"],
#formSContacto input[type="file"],
#formSContacto textarea{
	background-color:#fbfbfb;
	color:#383838;
}
#formSContacto ::placeholder {color: #38383896;}
#formSContacto ::-ms-input-placeholder {#38383896}
#formSContacto #e-mail{display:none}
#formSContacto form>div{margin-bottom:40px}
#formSContacto #lfpolitica a,
#formSContacto .notas{text-align:justify}
#formSContacto .notas a{text-decoration:underline}
#formSContacto .mensaje.ok{
  font-weight: bold;
  padding: 20px;
  text-align:center;
  border:2px solid #e3b740;
}
#formSContacto .mensaje.error{
  font-weight: bold;
  padding: 20px;
  text-align:center;
  border:2px solid #e34040;
}

@media(min-width:850px){
	body#s11 #sellos ul{
		display:flex;
		max-width:100%;
		justify-content:space-between;
	}
}
@media(min-width:1000px){
	body#s11 .seccion{
		display:grid;
		grid-template-columns:50% 50%;
	}
	body#s11 .seccion #cab1,
	body#s11 #mapa,
	body#s11 .seccion #sellos{
		grid-column-start:1;
		grid-column-end:3;
	}
	body#s11 .seccion #cab2{
		max-width:100%;
		grid-column-start:1;
		grid-column-end:2;
	}
	body#s11 .seccion #formSContacto{
		grid-column-start:2;
		grid-column-end:3;
	}
	#formSContacto .in{
    	padding-top: 130px;
	}
	#formSContacto p{
		font-size:120%;
	}
}
@media(min-width:1300px){
	#formSContacto{
		max-width:unset;
	}
	#formSContacto .in{
    	padding-top: 190px;
	}
}
@media(min-width:1400px){
	#formSContacto p{
		font-size:150%;
	}
	#formSContacto .in{
    	padding-top: 210px;
	}
}
/*galería en sección*/
.seccion ul.listaF{
	padding:15px;
	margin: 0 auto;
}
.seccion ul.listat>.listat-item,
.seccion ul.listaF>.listaF-item{
	display:inline-block;
	margin:5px;
	width:230px;
}
.seccion ul.listat>.listat-item>a,
.seccion ul.listaF>.listaF-item>a{
	position:relative;
	width:100%;
}
.seccion ul.listat>.listat-item>a>img,
.seccion ul.listaF>.listaF-item>img{
	filter:brightness(0.85);
	width:100%;
	display:block;
	transition: all 0.5s ease-out;
}
.seccion ul.listaF>.listaF-item>img{
	filter:unset;
}
@media(min-width:400px){
	.seccion ul.listat>.listat-item,
	.seccion ul.listaF>.listaF-item{
		width:300px;
	}
}
@media(min-width:550px){
	.seccion ul.listaF>.listaF-item{
		width:450px;
	}
}
@media(min-width:1000px) and (min-height:650px){
	.seccion .outListaF{
		max-width:61%;
	}
}
/*sellos*/
#sellos{
	background-color: #fbfbfb;
    padding: 20px;
    text-align: center;
}
#sellos ul{}
#sellos ul li{
	max-width: 200px;
    margin: 60px auto;
    text-align: center;
}
#sellos ul li img{
	max-width:100%;
}
#sellos ul li p{}
@media(min-width:850px){
	#sellos ul{
		display: flex;
	}
}
@media(min-width:1000px) and (min-height:650px){
	#sellos ul{
    	justify-content: space-between;
    	max-width:61%;
	}
	#sellos ul li{
		margin: 60px auto;
	}
}
@media(min-width:1300px) and (min-height:650px){
	#sellos ul li{
		
	}
}
/*contacto*/
#s11 section#contacto,
#s11 a#botContactMv{
	display:none;
}
a#botContactMv{position:fixed;bottom:0;width:100%;z-index:40}
a#botContactMv:hover{background-color:#fff}
section#contacto{background: #383838;color: #FFF;position: fixed;top: 100vh;height: 100vh;width: 100%;
	overflow: auto;
	transition: all 0.8s ease 0s;z-index:36;}
section#contacto .contenedor{padding:60px 40px 20px 40px;max-width: 450px;
    margin: auto;}
section#contacto a{color:#fff}
section#contacto a.icon-cancel-3{display:none;position: fixed;right: 0px;top: 10px;font-size: 34px;cursor:pointer;
	z-index:45}
section#contacto:target{top:0;}
section#contacto .logo{text-align:center}
section#contacto .logo img{width:150px;max-width:100%}
section#contacto h2{font-size:25px;}
section#contacto>div{position:relative;}

section#contacto form{}
section#contacto form>div{position:relative;margin: 30px 0;}
section#contacto form>div#pprivacidad{0 0 30px 0}
section#contacto form #e-mail{display:none;}

section#contacto form #pprivacidad>input{display:inline-block;vertical-align: top;margin: 0 10px 0 0;width: 30px;height: 30px;}
section#contacto form #pprivacidad>label{vertical-align: top;display:inline-block;width: calc(100% - 52px);vertical-align: top;}
section#contacto form #pprivacidad>label>a{padding:8px 0;margin:8px 0;}
section#contacto #lfpolitica a,
section#contacto .notas a{text-decoration:underline}
section#contacto .icos{
	margin-top: 30px;
	margin-left:-20px;
    font-size: 25px;
}
section#contacto .icos a{padding:10px;margin:5px}
section#contacto .icos a:hover{color:#e3b740}
section#contacto .mensaje.ok{
	color: #fff;
    font-weight: bold;
    padding: 20px;
    text-align:center;
    border:2px solid #e3b740;
}
section#contacto .mensaje.error{
	color: #fff;
    font-weight: bold;
    padding: 20px;
    text-align:center;
    border:2px solid #e34040;
}
/*section#contacto .icon-ok{background: #ffb700; color: #222; position: relative; padding: 20px 20px 20px 80px; margin: 75px 0 0 0; }
section#contacto .icon-ok:before{position: absolute; left: 0; font-size: 58px; top: 25px; }
section#contacto .notas{font-size: 12px; line-height: 17px; margin: 25px 0; }
section#contacto .notas>a{margin:0;padding:0;}*/
@media(min-width:1000px) and (min-height:650px){
	a#botContactMv{display:none}
	section#contacto{top:0;height:auto;width:350px;right:40px;z-index:25}
}
@media(min-width:1300px) and (min-height:650px){
	section#contacto{
		width:400px;
	}
	section#contacto .logo img{width:200px}
}
@media(min-width:1500px) and (min-height:650px){
	section#contacto{right:100px}
}
@media(min-height:750px){
	section#contacto{padding-bottom:40px}
}
/*footer*/
footer{
	background-color:#383838;
	color:#fafafa;
	padding:20px;
	z-index:35;
  position: relative;
  border-top: 1px solid #fff;
}
footer .sup{}
footer .sup p{text-align:left}
footer .sup>div{}
footer .sup>div:first-child{margin-bottom:40px}
@media(min-width:750px){
	footer .sup p{text-align:justify}
	footer .sup{
    	display:flex;
    	justify-content:space-between;
    	max-width:2000px;
    	margin:auto;
	}
	footer .sup>div:first-child{
		max-width:350px;
		margin-bottom:auto;
	}
}
@media(min-width:900px){
	footer .sup{
    	justify-content:space-around;
	}
	footer .sup>div:first-child{
		max-width:450px;
	}
}
footer a.tel{ margin-top:6px;display:block}
footer a{
	color:#fafafa;
	text-decoration:none;
}
footer #legales{
	text-align:center;
	margin-top:40px;
	font-size:90%;
}
footer #legales .sep{
	max-width:600px;
	border-top:1px solid #fff;
	margin:auto auto 35px auto;
}
footer #legales ul li{
	display:inline-block;
	margin:0 40px 40px 40px;
}
footer .notas{
	font-size: 80%;
    margin-top: 30px;
    display: block;
}
/*termsfeed-cookies*/
#politicacookies{cursor:pointer}

.light.cc_dialog{background-color:rgba(0,0,0,0.8)!important;color:#fff!important;text-align:center!important;}
.cc_dialog.simple{max-width:100%!important;padding:10px 20px!important;width:calc(100% - 40px)!important;top:0!important;bottom:auto!important;}
.light.cc_dialog .cc_dialog_headline,
.light.cc_dialog .cc_dialog_text{color:#fff!important;max-width: 750px;margin-left: auto;margin-right: auto;}
.cc_dialog .cc_dialog_headline{font-size:16px!important;}
.cc_dialog .cc_dialog_text{font-size:14px!important;}
.cc_css_reboot.cc_dialog.light.simple.px-5.py-5 > div > div:nth-child(3){max-width:358px!important;margin:auto!important;}
.light.cc_dialog button.cc_b_ok{max-width:135px!important;}
.light.cc_dialog button.cc_b_cp{max-width:135px!important;float:left;background-color: transparent!important;color: #dcdcdc!important;}
.light .cc_cp_head_lang_selector select{background:#fff;}
@media(min-width:500px){
.cc_css_reboot.cc_dialog.light.simple.px-5.py-5 > div > div:nth-child(3){
max-width:420px!important;
}
.light.cc_dialog button.cc_b_ok{max-width:165px!important;}
.light.cc_dialog button.cc_b_cp{max-width:210px!important;}
}
@media(min-width:600px){
.cc_dialog.simple{padding:40px 20px!important;}
}
@media(min-width:750px){
	.light.cc_dialog .cc_dialog_text{font-size:16px!important;}
}
/*fin termsfeed-cookies*/
/* SCROLL */
::-webkit-scrollbar {
 width: 10px;
 height: 10px;
 background-color:transparent;
}
::-webkit-scrollbar-thumb {
 background: #383838b8;
 /* border-radius: 2px; */
}
::-webkit-scrollbar-thumb:hover{
 background: #383838;
}
::-webkit-scrollbar-track{
 background: transparent;
 /* border-radius: 5px; */
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
/*fontello*/
@font-face {
  font-family: 'fontello';
  src: url('fontello/font/fontello.eot?7317818');
  src: url('fontello/font/fontello.eot?7317818#iefix') format('embedded-opentype'),
       url('fontello/font/fontello.woff2?7317818') format('woff2'),
       url('fontello/font/fontello.woff?7317818') format('woff'),
       url('fontello/font/fontello.ttf?7317818') format('truetype'),
       url('fontello/font/fontello.svg?7317818#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?7317818#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-up-open:before { content: '\e800'; } /* '' */
.icon-down-open:before { content: '\e801'; } /* '' */
.icon-star:before { content: '\e802'; } /* '' */
.icon-star-empty:before { content: '\e803'; } /* '' */
.icon-cancel:before { content: '\e805'; } /* '' */
.icon-ok:before { content: '\e806'; } /* '' */
.icon-phone:before { content: '\e807'; } /* '' */
.icon-location:before { content: '\e845'; } /* '' */
.icon-cancel-3:before { content: '\e8cc'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-whatsapp:before { content: '\f232'; } /* '' */
.icon-volume-control-phone:before { content: '\f2a0'; } /* '' */
