/*
font-family: 'Barlow Condensed', sans-serif;
font-family: 'Special Elite', cursive;
*/

@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&family=Ms+Madi&display=swap');



/*** fuentes ***/

body{font-family: "Dosis", sans-serif; /*color: #1d1d1b;*/ background-color: #000; color:#fff !important;}
/*body{background-color: #000; color:#fff !important;}*/
p{font-size: 1.3em;}
ul li {font-size: 1.02em;}
a{color:#fff; text-decoration:none; }
a:hover{color:#fff; text-decoration: underline;}
h1, .h1 { font-size: 3.5rem; font-family: "Ms Madi", cursive;}
h2, .h2 { font-size: 2.5rem; font-family: "Ms Madi", cursive;}
h3, .h3 { font-size: 1.5rem; font-family: "Ms Madi", cursive;}
h4, .h4 { font-size: 1rem; font-family: "Ms Madi", cursive;}

/*
h1, .h1 { font-size: 4rem; font-family: "Ms Madi", cursive;}
h2, .h2 { font-size: 3rem; font-family: "Ms Madi", cursive;}
h3, .h3 { font-size: 2rem; font-family: "Ms Madi", cursive;}
h4, .h4 { font-size: 1rem; font-family: "Ms Madi", cursive;}

*/
.table {color: #ffffff;}

.dosis{font-family: "Dosis", sans-serif !important;}
/*** fuentes***/

/** cabecera */
.logo{max-width: 80%;}
#cabecera{padding:1% 0px;}
#cabecera p{margin:0px; padding: 0px 4em;}
.medio{padding-top:2.5%; padding-bottom: 2.5%;}
.medioD{padding-top:4.5%; padding-bottom: 3.5%;}
.menu{border: 1px solid #1d1d1b; padding: 1% 3%; color: #1d1d1b; text-decoration: none; display: block;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.menu:hover{background:#1d1d1b; color:#fff;text-decoration: none;}
.montecanal{display:block;}
.montecanal:hover{background:#1d1d1b; color:#fff;text-decoration: none;}
.zentro{display:block;border-top:0;}
.zentro:hover{background:#c4a571; color:#fff;border-color:#c4a571;text-decoration: none;}
.sint{border-top:0;}
.menumov{border: 1px solid #1d1d1b; padding: 1% 3%; color: #1d1d1b; text-decoration: none; display:block; text-align: center; margin-bottom: 10px; width: 70%;margin-right: auto;    margin-left: auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.menumov:hover{background:#1d1d1b; color:#fff;text-decoration: none;}
.zen:hover{background:#c4a571; color:#fff;border-color:#c4a571;text-decoration: none;}

.movil{display:none;}
.ordenador{display:block;}

@media only screen and (min-width: 220px){  .movil{display:block;}.ordenador{display:none;} }
@media only screen and (min-width: 480px){   }
@media only screen and (min-width: 575px){.menumov{width: 100%;} .logo{max-width: 60%;}   }
@media only screen and (min-width: 992px){ .movil{display:none;}.ordenador{display:block;} #cabecera p{ padding: 0px 3em;} .logo{max-width: 80%;}}
@media only screen and (min-width: 1200px){ #cabecera p{ padding: 0px 4em;}  }
@media only screen and (min-width: 1300px){   }
@media only screen and (min-width: 1400px){  }

/* cabecera */

/*video */

#video{
  position: relative;
  background: transparent;
	/*max-height: 600px;
	overflow: hidden;*/
	
}

.ytplayer-container{
  position: absolute;
  top: 0;
  z-index: -1;

}
.ytplayer-player-inline{width:100% !important; /*margin-top: -200px;*/}



@media only screen and (min-width: 220px){ .ytplayer-player-inline{margin-top:0px;} }
@media only screen and (min-width: 480px){   }
@media only screen and (min-width: 620px){   }
@media only screen and (min-width: 992px){}
@media only screen and (min-width: 1200px){ .ytplayer-player-inline{margin-top: -200px;}  }
@media only screen and (min-width: 1300px){   }
@media only screen and (min-width: 1400px){  }

.videoo{max-width: 100%;}
.sinpad{padding: 0px;}

/* video*/


/* contenido */
.seccion{padding:3em 0px;}
.titulo{border-bottom: 1px solid #1d1d1b;margin-bottom: 20px;}
.titulom{border-bottom: 1px solid #1d1d1b;margin-bottom: 20px;}

.padtb{padding: 1em 0px;}

.boton{border: 1px solid #1d1d1b; padding: 3% 6%; color: #1d1d1b; text-decoration: none; text-align: center; display: inline-block; font-size:1.2em;
-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.boton:hover{background:#1d1d1b; color:#fff;text-decoration: none;}

.carta, .cartaz{border: 1px solid #1d1d1b; padding: 3% 6%; color: #1d1d1b; text-decoration: none; text-align: center; display: block; font-size:1.2em; margin:10px 0px;
-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.carta:hover{background:#1d1d1b; color:#fff;text-decoration: none;}
.cartaz:hover{background:#c4a571; color:#fff;text-decoration: none;border-color:#c4a571;}
@media only screen and (min-width: 220px){  .carta, .cartaz{ padding: 1% 4%; max-width: 70%; margin-right: auto;
    margin-left: auto;} }
@media only screen and (min-width: 480px){   }
@media only screen and (min-width: 620px){  .carta, .cartaz{ padding: 2% 5%;max-width: 90%;} }
@media only screen and (min-width: 992px){ .carta, .cartaz{ padding: 3% 6%;max-width: 100%;}}
@media only screen and (min-width: 1200px){  }
@media only screen and (min-width: 1300px){  }
@media only screen and (min-width: 1400px){  }
/* contenido */


/* cartas */
.gris{background-color:  #f2f2f2;}
/*.cartain {font-family: 'Barlow Condensed', sans-serif;}*/
/*.tituloc{padding:0.3em; border:1px solid #1d1d1b; text-align: center; padding-top: 0.1em;}*/

.cartain h2{text-decoration:underline;}
.cartain h3{font-size: 1.3rem; font-weight: 400;margin-top: 30px;font-family: 'Barlow Condensed', sans-serif;}
.cartain h4{margin-top: 10px;}
.cartain p {font-size: 1.25rem; font-weight: 200; margin-bottom: 8px;font-family: 'Barlow Condensed', sans-serif;}

/* cartas */


/** noticias incio */
.caja{margin-bottom: 20px;}
.cajatext{background-color: #c4a571;  color: #fff;  padding: 2% 4%;}
.cajatext a{color:#fff;text-decoration: none;}
.cajatext a:hover{color:#f3d8bc;}
.cajatext p{font-family: 'Barlow Condensed', sans-serif;font-size: 1.3em;}

.notiin p, .notiin ul li{font-family: 'Barlow Condensed', sans-serif;font-size: 1.3em;}
.notiin h2{margin-top: 30px;}
.notiin h3{margin-top: 30px;}
.notiin h4{margin-top: 30px;}

.socialban {
    padding: 20px;
    border: 3px dashed #f2f2f2;
    text-align: center;
}
.social {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 56px;
    color: #FFF;
    background-color: #1d1d1b;
    text-align: center;
    font-size: 20px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.social:hover{ color: #fff;    background-color: #c4a571;}

/* noticias inicio */


/** pie **/
#pie{padding:2em 1em;border-top: 1px solid #000; background-color: #000;}
#pie img{max-width: 26px; margin-top: -8px;}
#pie a{color:#fff; text-decoration:none; }
#pie a:hover{color:#fff; text-decoration: underline;}
#pie p {margin-bottom:5px; color:#fff}
#pie h4{font-size: 2rem; color:#fff; }
.padt{padding-top:10px;}
.separa{border-right: 1px solid #000;margin:0 auto;width: 3px; height: 100%;}
.separamovil{border-bottom: 1px solid #000;margin:0 auto;height: 3px; width: 100%; margin: 15px 0px 30px 0px;}
@media only screen and (min-width: 220px){.separa{display:none;} .separamovil{display:block;} }
@media only screen and (min-width: 768px){ .separa{display:block;} .separamovil{display:none;} }


.scrollToTop {
    bottom: 5px;
    display: block;
    font-size: 32px;
    font-weight: bold;
    height: 50px;
    position: fixed;
    right: 15px;
    text-align: center;
    text-decoration: none;
    width: 50px;
    line-height: 54px;
    z-index: 9999;
    color: #fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-color: #000;
    
}
.scrollToTop:hover{background-color: #111111;color:#fff;}


.facebook {background-image: url("../img/facebook.png"); width: 26px; height: 26px; background-size: 26px;  display: inline-block;  margin-bottom: -8px;
 -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.instagram {background-image: url("../img/instagram.png"); width: 26px; height: 26px; background-size: 26px;  display: inline-block;  margin-bottom: -8px;
 -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.wasap {background-image: url("../img/whatsapp.png"); width: 26px; height: 26px; background-size: 26px;  display: inline-block;  margin-bottom: -8px; 
 -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}

.tiktok {background-image: url("../img/tiktok.png"); width: 26px; height: 26px; background-size: 26px;  display: inline-block;  margin-bottom: -8px;
 -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
/*
.facebook:hover{background-image: url("../img/facebookn.png"); width: 26px; height: 26px; background-size: 26px;}
.instagram:hover{background-image: url("../img/instagramm.png"); width: 26px; height: 26px; background-size: 26px;}
.wasap:hover{background-image: url("../img/whatsappn.png"); width: 26px; height: 26px; background-size: 26px;}
.tiktok:hover{background-image: url("../img/tiktokn.png"); width: 26px; height: 26px; background-size: 26px;}
*/
/** pie **/

/** copy **/

#copy{background-color: #000; color:#fff; padding: 1em;padding-top: 0;}
#copy p{margin:0; font-size:0.9em;}
#copy a{color:#fff; text-decoration:none; }
#copy a:hover{color:#fff; text-decoration: underline;}

/** copy **/

/** copy **/

#migas{background-color: #fff; color:#1d1d1b; padding: 1em; text-align: left;}
#migas p{margin:0; font-size:0.9em;}
#migas a{color:#1d1d1b; text-decoration:none; }
#migas a:hover{color:#c4a571; text-decoration: underline;}

/** copy **/

/*** QR */
.oculta{display:none;}
.tope{max-width: 250px;padding: 0.5em;}
@media only screen and (min-width: 220px){  .tope{max-width: 100%;} }
@media only screen and (min-width: 480px){   }
@media only screen and (min-width: 620px){   .tope{max-width: 250px;} }
@media only screen and (min-width: 992px){ }
@media only screen and (min-width: 1200px){ }
@media only screen and (min-width: 1300px){   }
@media only screen and (min-width: 1400px){  }
/* QR */

/*** Cookies ***/
.cfGMLl button {
    --banner-btn-bg: #000 !important;
    --banner-btn-border-color: #000 !important;
    --banner-btn-hover-border-color: #000 !important;
    --banner-btn-hover-text: #000 !important;
} 
/***** fin cookies ***/

/* botón cookies */
.cfGMLl button {filter: hue-rotate(0deg) saturate(0.0);}



/** INICIO **/
.fondoinicio{background-image: url("../img/fondoinicio.webp");  background-repeat: no-repeat;
  background-position: center center;
  background-size:cover;
  /*background-attachment: fixed;*/}
.textinicio{color: #fff; font-size: 6.5rem;}
@media only screen and (min-width: 220px){ 
	.textinicio{color: #fff; font-size: 5rem;} 
	.navbar-dark .navbar-brand { max-width: 55%;}
	.navbar-light .navbar-brand { max-width: 55%;}
	.mbtitulo{margin-bottom: 0px;}
}
@media only screen and (min-width: 480px){ .textinicio{color: #fff; font-size: 5rem;} }
@media only screen and (min-width: 768px){ 
	.textinicio{color: #fff; font-size: 6rem;}
.navbar-dark .navbar-brand { max-width: 35%;}
	.navbar-light .navbar-brand { max-width: 35%;}
	.mbtitulo{margin-bottom: -30px;}
}
@media only screen and (min-width: 992px){ 
	.textinicio{color: #fff; font-size: 7rem;}
	.navbar-dark .navbar-brand { max-width: 50%;}
	.navbar-light .navbar-brand { max-width: 50%;}
	.mbtitulo{margin-bottom: -50px;}
}
@media only screen and (min-width: 1200px){
	.textinicio{color: #fff; font-size: 6.5rem; line-height: 6.5rem;}
	.navbar-dark .navbar-brand { max-width: 190px;}
	.navbar-light .navbar-brand { max-width: 190px;}
	.mbtitulo{margin-bottom: -60px;}
}
@media only screen and (min-width: 1300px){ .mbtitulo{margin-bottom: -70px;} }
@media only screen and (min-width: 1400px){ .mbtitulo{margin-bottom: -80px;} }


.btnreserva {
    bottom: 50%;
   /* display: block;*/
    font-size: 25px;
	letter-spacing: 1px;
    /*font-weight: bold;*/
    /*height: 50px;*/
	padding: 8px 20px;
    position: fixed;
    right: 0px;
    text-align: center;
    text-decoration: none;
    /*width: 50px;*/
    /*line-height: 54px;*/
    z-index: 9999;
    color: #000;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-color: #fff;
    
}
.btnreserva:hover{background-color: #000;color:#fff; text-decoration: none;}

.btnreservain {
       font-size: 25px;
	letter-spacing: 1px;
	padding: 8px 20px;
    text-align: center;
    text-decoration: none;
    color: #000;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-color: #fff;
	margin-top:20px;
    
}
.btnreservain:hover{background-color: #000;color:#fff; text-decoration: none;}

/** menu inicio */
.navbar-dark .navbar-nav .nav-link{font-size: 1.3rem;}
.navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 1);  border-color: rgba(255, 255, 255, 1); border-radius: 0px;}
.navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 1);}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{color: rgba(255, 255, 255, 1); text-decoration: underline;}

/** menu interior */
.navbar-light .navbar-nav .nav-link{font-size: 1.3rem;}
.navbar-light .navbar-toggler { color: rgba(0, 0, 0, 1);  border-color: rgba(0, 0, 0, 1); border-radius: 0px;}
.navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 1);}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{color: rgba(0, 0, 0, 1); text-decoration: underline;}

/***** EVENTOS **/
.form-control{border-radius: 0px !important;}
.btnenviar{ font-size: 20px; background: #000;  border: 2px solid;   color: #fff; 
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;}
.btnenviar:hover{background: #fff;color: #000;}



/*** CARTA ***/
.pcarta{font-size: 1.4em; font-weight: 300;} 
.pobserva{font-size: 1.1em; letter-spacing: 2px;} 
.linea{max-width: 150px; border-color: #000;}
.etiqaler{font-size: 1.3em; margin-right: 8px;}
.destaca{font-weight: 600; font-size:1.7em;}
input[type=checkbox] {
    accent-color: #000000;
    color: #ffffff;
}

.nodecoration, .nodecoration:hover{text-decoration: none !important;}

.volver{color: #fff;  font-size: 1.1rem;   letter-spacing: 1px; -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;   -ms-transition: all 0.5s;
    -o-transition: all 0.5s;    transition: all 0.5s; padding: 5px 10px;}
.volver:hover{text-decoration: none; background-color: #000; color:#fff;}

/* ~~~~~~~ INIT. BTN ~~~~~~~ */

.cartah {   
font-family: "Ms Madi", cursive;
  position: relative; 
  padding: 4.5rem 0rem;
  font-size: 3.5rem;
  color: #fff;
  transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);  
  cursor: pointer;
  user-select: none;
	text-decoration: none;
}

.cartah:before, .cartah:after {
  content: '';
  position: absolute; 
  transition: inherit;
  z-index: -1;
}

.cartah:hover {
  color: #fff;
  transition-delay: .5s;
text-decoration: none;
}

.cartah:hover:before {
  transition-delay: 0s;
}

.cartah:hover:after {
  background: #000;
  transition-delay: .35s;
}

/* From Top */

.from-top:before, 
.from-top:after {
  left: 0;
  height: 0;
  width: 100%;
}

.from-top:before {
  bottom: 0;  
  border: 1px solid var(--inv);
  border-top: 0;
  border-bottom: 0;
}

.from-top:after {
  top: 0;
  height: 0;
}

.from-top:hover:before,
.from-top:hover:after {
  height: 100%;
}

/* From Left */

.from-left:before, 
.from-left:after {
  top: 0;
  width: 0;
  height: 100%;
}

.from-left:before {
  right: 0;
  border: 1px solid var(--inv);
  border-left: 0;
  border-right: 0;  
}

.from-left:after {
  left: 0;
}

.from-left:hover:before,
.from-left:hover:after {
  width: 100%;
}

/* From Right */

.from-right:before, 
.from-right:after {
  top: 0;
  width: 0;
  height: 100%;
}

.from-right:before {
  left: 0;
  border: 1px solid var(--inv);
  border-left: 0;
  border-right: 0;  
}

.from-right:after {
  right: 0;
}

.from-right:hover:before,
.from-right:hover:after {
  width: 100%;
}

/* From center */

.from-center:before {
  top: 0;
  left: 50%;
  height: 100%;
  width: 0;
  border: 1px solid var(--inv);
  border-left: 0;
  border-right: 0;
}

.from-center:after {
  bottom: 0;
  left: 0;
  height: 0;
  width: 100%;
  background: var(--inv);
}

.from-center:hover:before {
  left: 0;
  width: 100%;
}

.from-center:hover:after {
  top: 0;
  height: 100%;
}

/* From Bottom */

.from-bottom:before, 
.from-bottom:after {
  left: 0;
  height: 0;
  width: 100%;
}

.from-bottom:before {
  top: 0; 
  border: 1px solid #000;
  border-top: 0;
  border-bottom: 0;
}

.from-bottom:after {
  bottom: 0;
  height: 0;
}

.from-bottom:hover:before,
.from-bottom:hover:after {
  height: 100%;
}


/* ~~~~~~~~~~~~ GLOBAL SETTINGS ~~~~~~~~~~~~ */

*, *:before, *:after {
  box-sizing: border-box;
}


/**** CARTA ***/
	hr{    border-top: 1px solid #fff;}
	
	.card{border:0; border-radius: 0;}
	.bordeliso{border-bottom: 1px solid #fff;}
	.bordecasita:after {
    content: "";
    display: block;
    height: 48px;
		margin-top:-2px;
    background-image: url("../carta/img/separacasa.png");
    background-repeat: no-repeat;
		background-position: right;
	background-color: #000;
		background-size: contain;
}
	.bordearbol:after {
    content: "";
    display: block;
    height: 75px;
		margin-top:-55px;
    background-image: url("../carta/img/separbol.png");
    background-repeat: no-repeat;
		background-position: center;
	background-color: #000;
		background-size: contain;
}
	
	.borderemarca{border: 1px solid #fff;}
	.sinborde{border:none;}
	.card-body{background: #000;  }

	#video{margin-bottom: -8px;}

.especial{font-size: 1.8rem;
    padding: 20px 0px;
    border-top: 1px solid;
    margin: 30px 0px;
    border-bottom: 1px solid;
    text-transform: uppercase;
    letter-spacing: 0.5rem;}