/*** ===== 01 - IMPORTANTE  ==== ***/
.img-ajuste {width: 50%; margin: 0 auto;}
/*** ===== 02 - PAQUETE DE REGLAS DEFINITORIAS DE PORTFOLIO  ===== ***/

.ancho2:not(.pac-fluido).portada #contenido>.contenido {padding: 0 10px;}
#barra-opciones .lista-horizontal li {margin-bottom: 0;}
#barra-opciones .mod-utilidades-tienda .utilidad-idiomas .modulo-idiomas.banderas, #barra-opciones .mod-utilidades-tienda .utilidad-idiomas .modulo-idiomas.banderas-nombre { padding-top: 0;}
.sugerencias-buscador .producto-sugerido div:first-child {font-size: 100%;}
.pull-right .img-limit, .pull-left .img-limit {height: auto;margin-top: 20px; margin-bottom: 40px;}
.pull-right .img-limit {margin-left: 0;}
.pull-left .img-limit {margin-right: 0;}

#pie {position: relative;}
.row.linea-reserva {width: 96%; margin: 50px 2% 0;}
.col-xs-12.col-sm-12.col-md-12.full-width-div.ajustado.bloques-presentacion.bloques-presentacion-derecha {width: 96%; margin: 50px 2%;}
.row.linea-testimonios {width: 96%; margin: 50px 2%;}
.row.linea-formulario  {width: 96%; margin: 0px 2%;}

@media(max-width:767px) {
	#menuMovil .navbar-header.menu-movil-config .iconos-movil>div[class^="icono-"] {display:block !important;}
 	.iconos-movil.justify-center.color-custom-iconos-movil .fa {font-size:90% !important;}

}
@media (min-width: 768px) { 
	.img-derecha, .img-izquierda, .ficha-contenido .pull-right , .ficha-contenido .pull-left {width: 50%;}
	.ficha-contenido .pull-right, .img-derecha, .funcionalidad-contenidos.columnas .contenido-columnas .img-derecha { margin-left: 40px;}
	.ficha-contenido .pull-left, .img-izquierda{ margin-right: 40px;}
}
@media (max-width: 991px) { .row.linea-reserva { display: flex; flex-direction: column-reverse;}}
@media (min-width: 992px) { 
	.ancho2 #barra-opciones>.barra-opciones, .ancho2 #sobrecabecera>.sobrecabecera,.ancho2 #pie>.pie, .ancho2 footer>.footer, .ancho2 #bajo-footer>.bajo-footer {width: 96%;}
	.img-derecha, .img-izquierda, .ficha-contenido .pull-right , .ficha-contenido .pull-left {width: 45%;}
    .col-xs-12.col-sm-12.col-md-2.logotipo-main { padding: 10px 0; width: 15%;}
    .col-xs-12.col-sm-12.col-md-3.ajustado.boton-reserva-superior { width: 35%;}
    .col-xs-12.col-sm-12.col-md-2.datos-contacto-sobrecabecera{width: 30%; margin-left:15%}
    .col-xs-12.col-sm-12.col-md-2.icono-whatsapp-superior {width: 5%;}
	.row.linea-reserva {display: flex; align-items: center; width: 90%; margin: 50px auto 0;}
    .col-xs-12.col-sm-12.col-md-12.ajustado.carrusel-marcas-portada {width: 90%; margin: 50px 5%;}
    .row.linea-testimonios {display: flex; width: 90%; margin: 50px auto;}
    .row.linea-formulario {width: 95%; margin: 0px auto; position: relative; display: flex; align-items: center;}
    .row.linea-formulario:before { position: absolute; content: ""; top: 0; right: -80%; width: 100%; height: 100%; background-color: #cc7340;}
}
@media (min-width: 1200px) { 
    .ancho2 #barra-opciones>.barra-opciones, .ancho2 #sobrecabecera>.sobrecabecera, .ancho2 #pie>.pie, .ancho2 footer>.footer, .ancho2 #bajo-footer>.bajo-footer {width: 90%;}
	.col-xs-12.col-sm-12.col-md-2.logotipo-main {margin: 10px; width: 15%;}
    .col-xs-12.col-sm-12.col-md-2.datos-contacto-sobrecabecera{width: 25%; margin-left:25%}
	.col-xs-12.col-sm-12.col-md-3.ajustado.boton-reserva-superior { width: 30%;}
    .col-xs-12.col-sm-12.col-md-2.icono-whatsapp-superior { width: 5%;}
}
@media (min-width: 1400px) { .ancho2 #barra-opciones>.barra-opciones, .ancho2 #sobrecabecera>.sobrecabecera,  .ancho2 #pie>.pie, .ancho2 footer>.footer, .ancho2 #bajo-footer>.bajo-footer {width: 85%;}}
@media (min-width: 1600px) { 
	.ancho2 #barra-opciones>.barra-opciones, .ancho2 #sobrecabecera>.sobrecabecera, .ancho2 #pie>.pie, .ancho2 footer>.footer, .ancho2 #bajo-footer>.bajo-footer {width: 80%;}
	.img-derecha, .img-izquierda, .ficha-contenido .pull-right, .ficha-contenido .pull-left {width: 40%;}
    
    .col-xs-12.col-sm-12.col-md-2.logotipo-main {width: 13%;}
    .col-xs-12.col-sm-12.col-md-2.datos-contacto-sobrecabecera{width: 21%; margin-left:36%}
	.col-xs-12.col-sm-12.col-md-3.ajustado.boton-reserva-superior { width: 25%;}
    .col-xs-12.col-sm-12.col-md-2.icono-whatsapp-superior { width: 5%;}

	.row.linea-reserva { width: 80%; }
    .col-xs-12.col-sm-12.col-md-12.ajustado.carrusel-marcas-portada { width: 80%; margin: 50px 10%;}
    .row.linea-testimonios { width: 80%;  }
    .row.linea-formulario { width: 85%; }
}
@media (min-width: 1800px) { 
    .ancho2 #barra-opciones>.barra-opciones, .ancho2 #sobrecabecera>.sobrecabecera,  .ancho2 #pie>.pie, .ancho2 footer>.footer, .ancho2 #bajo-footer>.bajo-footer {width: 75%;}
	.row.linea-reserva { width: 70%; }
     .col-xs-12.col-sm-12.col-md-2.logotipo-main {width: 13%;}
    .col-xs-12.col-sm-12.col-md-2.datos-contacto-sobrecabecera{width: 19%; margin-left:42%}
	.col-xs-12.col-sm-12.col-md-3.ajustado.boton-reserva-superior { width: 22%;}
    .col-xs-12.col-sm-12.col-md-2.icono-whatsapp-superior { width: 5%;}
    
    
    .col-xs-12.col-sm-12.col-md-12.ajustado.carrusel-marcas-portada { width: 70%; margin: 50px 15%;}
    .row.linea-testimonios { width: 70%;  }
    .row.linea-formulario { width: 80%; }
}

/*** ===== 03 - CUSTOMIZACIÓN BÁSICA PARA CLIENTE ===== ***/

/** == Fuentes de Texto y personalización== **/
h2 {  border-bottom: 1px solid;}
#sobrecabecera .navbar-default, #menuMovil a, .bloques-presentacion .titulo, .subtitulo-servicio-portada, .contenido-bloque-texto, .eslogan-reservas .subtitulo-eslogan, #contenido .columnas-resalt.cabeceraCategoria figure .imageCabecera h1.tituloCat, #contenido .columnas-resalt.cabeceraContenido figure .imageCabecera h1.tituloCat, #contenido .columnas-resalt.cabeceraCategoria figure .imageCabecera h1.tituloCont, #contenido .columnas-resalt.cabeceraContenido figure .imageCabecera h1.tituloCont, #barra-opciones, .bloques-presentacion .subtitulo-bloque-texto, h1, .servicios-iconos-datos-contacto .subtitulo-servicio-portada, a.boton-eslogan, .modulo-formularios-lineas .form-actions button, .servicios-iconos-datos-contacto .titulo-servicio-portada, .titulo-eslogan, .datos-contacto-extendidos, .modulo-datos-contacto-extendidos .inline, .testimonios-portada, .modulo-menu.vertical-mobile .navbar-nav {font-family: "Josefin Sans", sans-serif!important;}

.redes-sociales-footer span.heading, .palabra-fuente, .row.grupo-carta .bloque-texto-carta .listado-aire li, .row.grupo-carta .subtitulo-seccion-carta.h5 {font-family: "Schibsted Grotesk", sans-serif!important;}

.col-xs-12.col-sm-12.col-md-6.datos-contacto-superior, .bloques-presentacion .modulo-bloques .bloque-texto .titulo.intenso, .subtitulo-bloque-texto, .servicios-iconos-datos-contacto .titulo-servicio-portada, .redes-sociales-footer span.heading, .texto-destacado, .servicios-imagenes-simetrica .titulo-servicio-portada.text-center, .eslogan-reservas .titulo-eslogan, h1, .formulario-portada span.heading {font-weight: bold;}
.texto-destacado, .servicios-imagenes-simetrica .titulo-servicio-portada.text-center, .eslogan-reservas .titulo-eslogan, h1, .formulario-portada span.heading {text-transform: uppercase;}
#sobrecabecera .navbar-default, #menuMovil a, .bloques-presentacion .subtitulo-bloque-texto, .mod-opiniones span, .form h2 {/*text-transform:uppercase;*/}



/** ==  Colores Custom == **/

/* = Color Texto Oscuro = */
/*color*/
/*fondo*/
/*borde*/
/*Hover*/

/* = Color Texto Claro = */
/*color*/
/*fondo*/
/*borde*/
/*Hover*/

/* = Color Principal = */
/*color*/
/*fondo*/
/*borde*/
/*Hover*/

/* = Color Secundario = */

/*color*/
/*fondo*/ 
/*borde*/
/*Hover*/

/* = Color Tres = */

/*color*/
/*fondo*/ 
/*borde*/
/*Hover*/

/* = Color Cuatro = */

/*color*/
/*fondo*/
/*borde*/
/*Hover*/

/* = Color Quinto = */

/*color*/
/*fondo*/
/*borde*/
/*Hover*/

/* = Otro Color Usado = */

/*color*/
.text-muted {color: #2a2a2a;}
.palabra-fuente {color:#8F6200!important}
/*fondo*/
/*borde*/
/*Hover*/

/** == Ajustes de tamaños por jerarquías Mobile First - Excepciones para móvil solo cuando no es posible == **/
.extra-big, .mod-eslogan .extra-big, .modulo-bloques .bloque-texto .extra-big {font-size:30px!important}
.big, .mod-eslogan .big, .modulo-bloques .bloque-texto .big, div#titulo-quien-ficha {font-size:24px!important}
.medium, .mod-eslogan .medium, .modulo-bloques .bloque-texto .medium {font-size:22px!important}
.normal, .mod-eslogan .normal, .modulo-bloques .bloque-texto .normal {font-size:19px!important}
.small, .mod-eslogan .small, .modulo-bloques .bloque-texto .small {font-size:18px!important} 

@media (min-width:768px) {.extra-big, .mod-eslogan .extra-big, .modulo-bloques .bloque-texto .extra-big {font-size:32px!important;}}
@media (min-width:992px) {
	.extra-big, .mod-eslogan .extra-big, .modulo-bloques .bloque-texto .extra-big {font-size:35px!important}
	.big, .mod-eslogan .big, .modulo-bloques .bloque-texto .big, div#titulo-quien-ficha {font-size:26px!important}
	.medium, .mod-eslogan .medium, .modulo-bloques .bloque-texto .medium {font-size:22px!important}
	.normal, .mod-eslogan .normal, .modulo-bloques .bloque-texto .normal {font-size:20px!important}
}
@media (min-width:1200px) {
  	.extra-big, .mod-eslogan .extra-big, .modulo-bloques .bloque-texto .extra-big  {font-size:40px!important}
    .big, .mod-eslogan .big, .modulo-bloques .bloque-texto .big, div#titulo-quien-ficha {font-size:28px!important}
    .medium, .mod-eslogan .medium, .modulo-bloques .bloque-texto .medium {font-size:24px!important}      
}
@media (min-width:1600px) {
    .extra-big, .mod-eslogan .extra-big, .modulo-bloques .bloque-texto .extra-big  {font-size:45px!important}
    .big, .mod-eslogan .big, .modulo-bloques .bloque-texto .big, div#titulo-quien-ficha {font-size:30px!important}
}

/* == Botones ==  */
button.btn.btn-primary, a.btn.boton-default, button.btn.boton-default {color: #ffffff !important; background-color: #1a1e3a !important;}

button.btn.btn-primary:hover, a.btn.boton-default:hover, a.btn.boton-eslogan:hover, button.btn.boton-default:hover {color: #000 !important; background-color: #cc7340 !important;}
.mod-eslogan.diseno-5 .boton-eslogan, .mod-eslogan.diseno-6 .boton-eslogan {border-radius: 0!important;}


.datos-contacto-sobrecabecera span.telefono.parrafo {
    margin: 0;
}

a.boton-eslogan, button.btn.boton-default, #content_main .btn-primary, .modulo-formularios-lineas .form-actions button, .datos-contacto-sobrecabecera span.telefono.inline.parrafo a{ padding: 10px 30px!important;  border-radius: 0!important; text-transform: uppercase; font-weight: bold;}
.datos-contacto-sobrecabecera span.telefono.parrafo a { display: flex; justify-content: center;}
.eslogan-reservas a.boton-eslogan , button.btn.boton-default, #content_main .btn-primary, .modulo-formularios-lineas .form-actions button{/*background-color:#fff!important;*/ border:1px solid #000!important;}
.datos-contacto-sobrecabecera span.telefono.inline.parrafo, .boton-reserva-superior a.btn.boton-eslogan{border:1px solid #000!important;}

/*.modulo-formularios-lineas .form-actions button:first-child, .eslogan-reservas span.boton-eslogan a.boton-eslogan {background-color:#FAAC37!important}
.datos-contacto-sobrecabecera span.telefono.inline.parrafo {background-color:#FFF!important}
.modulo-formularios-lineas .form-actions button:first-child:hover, .eslogan-reservas span.boton-eslogan a.boton-eslogan:hover, .datos-contacto-sobrecabecera span.telefono.inline.parrafo:hover, .boton-reserva-superior a.btn.boton-eslogan:hover {background-color: #CC7340!important}*/
.datos-contacto-sobrecabecera span.telefono.inline.parrafo:hover, .boton-reserva-superior a.btn.boton-eslogan:hover {background-color: #CC7340!important}

/*.mod-eslogan.diseno-6 .boton-eslogan.segundo-boton {background-color:#fff!important}*/
.eslogan-reservas a.boton-eslogan:hover , button.btn.boton-default:hover, #content_main .btn-primary:hover, .modulo-formularios-lineas .form-actions button:last-child:hover, .mod-eslogan.diseno-6 .boton-eslogan.segundo-boton:hover {/*background-color:#e6e6e6 !important;*/ border:1px solid #000;}



.modulo-formularios-lineas .form-actions button:last-child:hover {color:#000!important}



/*** 04 - CUSTOMIZACIÓN AVANZADA PARA CLIENTE ***/

/** == Módulos de portada == **/

/*Servicios Imágenes Simetrica*/
.servicios-imagenes-simetrica  .servicios-portada.style1 .bloque{ border: none;}
.servicios-imagenes-simetrica .servicios-portada.style1 .bloque:after, .servicios-imagenes-simetrica .servicios-portada.style1 .bloque:before {display:none;}
.servicios-imagenes-simetrica .servicio:nth-child(2n+1) .imagen-servicio {width: 50%; margin: 30px auto;}
.servicios-imagenes-simetrica .servicios-portada.style1 .bloque { padding-bottom: 0;}
.servicios-imagenes-simetrica .contenedor-servicios.centrar-bloques {  align-items: top;}
.servicios-imagenes-simetrica .col-md-4.col-sm-6.col-xs-12.servicio:nth-child(2n) {  padding: 40px!important;}
.servicios-imagenes-simetrica  .boton-bloque {display: none!important;}
.servicios-imagenes-simetrica .col-md-4.col-sm-6.col-xs-12.servicio:nth-child(2n) .bloque { display: flex; align-items: center;  flex-direction: column;  justify-content: center; }
.servicios-imagenes-simetrica .col-md-4.col-sm-6.col-xs-12.servicio:nth-child(2n) .bloque .imagen-servicio { display: flex;  justify-content: center; width: 100%; }
.servicios-imagenes-simetrica .subtitulo-servicio-portada { text-align: center;}
.servicios-imagenes-simetrica .subtitulo-servicio-portada p {font-weight:normal!important;}

@media (min-width:768px) {.servicios-imagenes-simetrica .contenedor-servicios.centrar-bloques { width: 90%!important; margin: 0 auto;}}
@media (min-width:992px) and (max-width:1599px) { .servicios-imagenes-simetrica .col-md-4.col-sm-6.col-xs-12.servicio.no-padding { width: 50%;}}
@media (min-width:1200px) {.servicios-imagenes-simetrica .contenedor-servicios.centrar-bloques { width: 80% !important;   margin: 0 auto; }}
@media (max-width:1599px) {.servicios-imagenes-simetrica .servicio:nth-child(2n) {display:none!important;}}

/*Bloques Presentación*/
.bloques-presentacion .titulo { display: block; position: relative;}
.bloques-presentacion .titulo:before { position: absolute; content: "";  left: 0; bottom: 0;  height: 1px; background-color: #1a1e3a; width: 20%;}
.bloques-presentacion .flex.align-center.texto { padding: 20px 0 0!important;}
.bloques-presentacion .modulo-bloques .bloque-texto .titulo.intenso {margin-bottom: 0;}
.bloques-presentacion .col-xs-12.col-sm-6.col-md-6.flex.align-center.no-padding.bloque.texto, .bloques-presentacion .col-xs-12.col-sm-6.col-md-6.flex.align-center.no-padding.bloque.imagen { padding: 0px 25px!Important;}

@media (max-width: 767px) {.bloques-presentacion  .col-xs-12.col-sm-6.col-md-6.flex.align-center.no-padding.bloque.imagen { padding: 0 25px 30px ! Important;}}
@media (min-width: 768px) {.bloques-presentacion .col-xs-12.flex.no-padding.centrar-bloques.fila-bloques { width: 94% !important; margin: 30px 3% !important;}}
@media (max-width: 991px) { .bloques-presentacion .bloque-texto .contenido-bloque-texto  img.img-responsive { display: none;}}
@media (min-width: 992px) {
    .bloques-presentacion .col-xs-12.flex.no-padding.centrar-bloques.fila-bloques { width: 96% !important; margin: 40px 2% !important;}
    .bloques-presentacion .modulo-container.bloques-presentacion-derecha {  position: relative;}
	.bloques-presentacion .modulo-container.bloques-presentacion-derecha:before {position:absolute; content:""; top:0; left:0; width:40%; height:100%; background-color:#FAAC37;}
    .bloques-presentacion .modulo-container.bloques-presentacion-izquierda {  position: relative;}
	/*.bloques-presentacion .modulo-container.bloques-presentacion-izquierda:before {position:absolute; content:""; top:0; right:0; width:40%; height:100%; background-color:#202020;}*/
}
@media (min-width: 1200px) {.bloques-presentacion .col-xs-12.flex.no-padding.centrar-bloques.fila-bloques {  width: 90%!important; margin: 40px 5%!important;}}
@media (min-width: 1600px) {.bloques-presentacion .col-xs-12.flex.no-padding.centrar-bloques.fila-bloques {  width: 80%!important; margin: 40px 10%!important;}}

.bloques-presentacion a.btn.boton-default {
    text-align: center;
    display: block;
}

/*Eslogan Reservas*/
.eslogan-reservas span.boton-eslogan a.boton-eslogan { display: flex; align-items: center;    justify-content: center;}
.eslogan-reservas a.boton-eslogan { width: 100%;}

@media (max-width:767px) {.eslogan-reservas span.boton-eslogan a.boton-eslogan {margin-bottom: 10px;}}
@media (min-width:768px) and (max-width:1199px) {
    .eslogan-reservas .mod-eslogan.diseno-6 .boton-eslogan.segundo-boton {margin-left: 0;  margin-top: 10px; }
    .eslogan-reservas span.boton-eslogan { display: flex; width: 100% !important; margin: 0 auto; flex-direction: column; margin-left: 0; }
}
@media (min-width:1200px) {.eslogan-reservas span.boton-eslogan { display: flex; width: 96%!important;  margin: 0 auto;}}
@media (min-width:1400px) {.eslogan-reservas span.boton-eslogan { display: flex; width: 90%!important;  margin: 0 auto;}}
@media (min-width:1600px) {.eslogan-reservas span.boton-eslogan { display: flex; width: 80%!important;  margin: 0 auto;}}

/*Servicios Iconos Datos Contacto*/
.servicios-iconos-datos-contacto .servicios-portada.style1 .bloque { border: none; padding-bottom: 0px;}
.servicios-iconos-datos-contacto .servicios-portada.style1 .bloque:after, .servicios-iconos-datos-contacto .servicios-portada.style1 .bloque:before {display:none}
.servicios-iconos-datos-contacto .servicios-portada.style1.servicios-portada-bloques .servicio, .servicios-iconos-datos-contacto .bloque { margin: 0!important;}
.servicios-iconos-datos-contacto .servicios-portada.style1 .bloque .resto-contenido-bloque { padding: 0;}

@media (min-width:768px) and (max-width:991px) { .servicios-iconos-datos-contacto .subtitulo-servicio-portada { font-size: 15px;}}

/*Carrusel Marcas Portada*/
.carrusel-marcas-portada .col-xs-12.col-sm-4.col-md-2.margen-vertical.marcas {margin:0;min-height:auto!important;}

@media (max-width:767px) {.mod-carrusel-de-marcas img { max-height: 250px; max-width: 250px;}}

/*Testimonios*/
.col-xs-12.col-sm-12.col-md-4.text-center.ajustado.testimonios-portada {display: flex; margin: 5px 0px;     border: 1px solid #333; padding: 15px;}
.testimonios-portada .mod-opiniones .carousel-control { top: 0;}
.testimonios-portada .col-xs-12.col-sm-12.text-center.bloque-testimonial {padding: 0!Important;}
.testimonios-portada .mod-opiniones span, .mod-opiniones p { display: block;}
.testimonios-portada .mod-opiniones .testimonio { font-size: 18px; margin: 15px 0 0px 0; padding-left: 0;  padding-right: 0;}
.testimonios-portada .mod-opiniones img { margin-bottom: 0; width: 50px; height: 50px;}
.testimonios-portada .mod-opiniones .testimonial { padding: 0px 0; margin-right: 0;}
.testimonios-portada .contenido-testimonio .col-xs-offset-1.col-xs-10.col-sm-offset-2.col-sm-8 { width: 94%;margin: 0 3%;}
.testimonios-portada .mod-opiniones .parallax-container {padding: 20px 0 0;}

.testimonios-portada .mod-opiniones span {font-size:14px}
.testimonios-portada .mod-opiniones span.margen-top-2x {font-size:18px}


@media (min-width:768px) {.col-xs-12.col-sm-12.col-md-4.text-center.ajustado.testimonios-portada {margin: 5px;}}

/*Formulario*/
.modulo-formularios-lineas input, .modulo-formularios-lineas textarea, .modulo-formularios-lineas .panel { border: 1px solid #333 !important;     background-color: #fff;}
.modulo-formularios.modulo-formularios-lineas button.btn { width: 100%!important;  margin: 5px 0;}
.formulario-portada span.heading { text-align: center;}

@media (min-width:768px) {.modulo-formularios.modulo-formularios-lineas button.btn { width: 48%!important;  margin: 0 1%;}}

/*Mapa Localización*/
.col-xs-12.col-sm-12.col-md-12.ajustado.mapa-localizacion { margin: 0;z-index:1;}

/*Linea Datos Contacto Footer*/
.row.eq-height.linea-datos-contacto-footer {  margin: 50px 0;}

/*Redes Sociales*/
.redes-sociales-footer .fa-2x { font-size: 1.5em;}
.redes-sociales-footer .modulo-redes-sociales .grupo-redes-sociales.pequeno .fa { padding: 0 5px;}

/*Me Gusta Redes Sociales*/
.modulo-megusta.version2 .grupo-megusta.redes-sociales-me-gusta i {  margin-right: 0;}

/*Linea Avisos Legales**/
.row.eq-height.linea-avisos-legales { width: 100%;  margin: 0 auto;}

@media (max-width:991px) { 
	.row.eq-height.linea-avisos-legales { margin-top: 30px;  margin-bottom: 30px;}
    .col-xs-12.col-sm-12.col-md-10.ajustado.menu-avisos-legales { margin-bottom: 15px;}
}
@media (min-width:992px) { .row.eq-height.linea-avisos-legales { width: 90%;  margin: 10px auto;}}


/** == Módulos interiores == **/

/** == Vistas de Funcionalides == **/

::placeholder { font-size: 14px; color: #000!important;}

/** == Ajustes de Accesibilidad == **/

/** == Construcciones de redactor y generadas por Tiny == **/
.listado-aire li {margin-bottom:1.2em;}

.form ul.listado-aire { margin: 50px 20px; list-style: none; padding-left: 0;}
.form .listado-aire li { margin-bottom: 1.2em; display: flex; align-items: center;}
.form .listado-aire li span.fa { margin-right: 10px;}

@media (max-width:767px) {.contenido-bloque-texto ul.listado-aire { padding: 30px 0;}}

/** == Animaciones CSS == **/
#barra-opciones.sticky-top, #barra-opciones.sticky-bottom {transition: 0.5s;}


/*Ajustes específicos Landing*/
div#menuMovil .icono-whatsapp, div#menuMovil .icono-telefono {border-radius:100%;  width: 40px; position: absolute; }
div#menuMovil .icono-telefono {right: 85px;}
div#menuMovil .icono-whatsapp {background-color: #25D366;   right: 30px;}
div#sobrecabecera #mod-whatsapp.movil {  position: relative; bottom:0; right: 0px;  z-index: 100;}
div#sobrecabecera.sticky-top #mod-whatsapp.movil { transition: transform 200ms linear;}
div#sobrecabecera.sticky-bottom #mod-whatsapp.movil {  transition: transform 200ms linear;}
#mod-whatsapp.movil .mod-whatsapp-container {width: 50px;  height: 50px; background-color: #25D366;}
#mod-whatsapp.movil i { font-size: 30px; padding-top: 0px;     line-height: 1.5;}
#mod-whatsapp.movil .mod-whatsapp-container:not(.hoverTexto) {text-align: left; display: flex; align-items: center;     justify-content: center;}
#mod-whatsapp.movil .mod-whatsapp-container:not(.hoverTexto) i { margin-left: 0;}

@media (max-width: 768px) {  #bajo-footer .row.eq-height {  text-align: center;}}






/* ===== MÓDULO: BANNER Y ESLOGAN RESERVAS - ANIMACIONES ===== */

/* Estados iniciales: elementos ocultos */
#sobrecabecera .col-xs-12.col-sm-12.col-md-2.logotipo-main,
#sobrecabecera .col-xs-12.col-sm-12.col-md-2.datos-contacto-sobrecabecera,
#sobrecabecera .col-xs-12.col-sm-12.col-md-3.ajustado.boton-reserva-superior, 
#sobrecabecera .col-xs-12.col-sm-12.col-md-2.icono-whatsapp-superior {
    opacity: 0;
    visibility: hidden; /* Aseguramos que estén ocultos inicialmente */
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out; /* Añadimos visibilidad a la transición */
}

.animar-visible {
    opacity: 1 !important;
    visibility: visible !important; /* Forzamos la visibilidad cuando se activa la clase */
}

/* Animaciones de los keyframes */
@keyframes fadeInMoveUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Aplicamos las animaciones a los elementos */
.fadeInMoveUp {
    animation: fadeInMoveUp 0.5s forwards;
}

.slideInLeft {
    animation: slideInLeft 0.5s forwards;
}

.slideInRight {
    animation: slideInRight 0.5s forwards;
}

/* Añadimos una visibilidad forzada a los elementos */
#sobrecabecera .col-xs-12.col-sm-12.col-md-2.logotipo-main.animar-visible,
#sobrecabecera .col-xs-12.col-sm-12.col-md-2.datos-contacto-sobrecabecera.animar-visible,
#sobrecabecera .col-xs-12.col-sm-12.col-md-3.ajustado.boton-reserva-superior.animar-visible,
#sobrecabecera .col-xs-12.col-sm-12.col-md-2.icono-whatsapp-superior.animar-visible {
    visibility: visible !important;
    opacity: 1 !important; /* Forzamos la visibilidad */
}

/* ===== MÓDULO: BANNER Y ESLOGAN RESERVAS - ANIMACIONES AL SCROLL ===== */

/* Estados iniciales: elementos ocultos */
.row.linea-reserva .col-xs-12.col-sm-12.col-md-5.ajustado.banner-portada,
.row.linea-reserva .col-xs-12.col-sm-12.col-md-7.ajustado.text-center.eslogan-reservas,
.row.linea-reserva .col-xs-12.col-sm-12.col-md-7.ajustado.text-center.eslogan-reservas .boton-eslogan a {
    opacity: 0;
    visibility: hidden;
}

/* Estados visibles */
.row.linea-reserva .col-xs-12.col-sm-12.col-md-5.ajustado.banner-portada.animar-visible,
.row.linea-reserva .col-xs-12.col-sm-12.col-md-7.ajustado.text-center.eslogan-reservas.animar-visible,
.row.linea-reserva .col-xs-12.col-sm-12.col-md-7.ajustado.text-center.eslogan-reservas .boton-eslogan a.animar-visible {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Animaciones keyframes */
@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-100px);
        visibility: visible;
    }
    100% {
        opacity: 1;
        transform: translateX(0);
        visibility: visible;
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(100px);
        visibility: visible;
    }
    100% {
        opacity: 1;
        transform: translateX(0);
        visibility: visible;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
        visibility: visible;
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
    }
}

/* Clases de animación aplicadas */
.row.linea-reserva .col-xs-12.col-sm-12.col-md-5.ajustado.banner-portada.slideInLeft {
    animation: slideInLeft 0.8s ease-out forwards !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.row.linea-reserva .col-xs-12.col-sm-12.col-md-7.ajustado.text-center.eslogan-reservas.slideInRight {
    animation: slideInRight 0.8s ease-out forwards !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.row.linea-reserva .col-xs-12.col-sm-12.col-md-7.ajustado.text-center.eslogan-reservas .boton-eslogan a.fadeInUp {
    animation: fadeInUp 0.6s ease-out forwards !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ===== MÓDULO: FONDO ANIMADO ===== */

/* Animación para mover el fondo */
@keyframes moverFondo {
  0% {
    left: -40%; /* Inicia fuera de la pantalla a la izquierda */
  }
  100% {
    left: 0; /* Finaliza en la posición original */
  }
}

@media (min-width: 992px) {
  .bloques-presentacion .modulo-container.bloques-presentacion-derecha:before {
    position: absolute;
    content: "";
    top: 0;
    left: -40%; /* Inicialmente el fondo está fuera a la izquierda */
    width: 40%;
    height: 100%;
    background-color: #1a1e3a;
    transition: none; /* No queremos transición al cargar la página */
  }

  .bloques-presentacion .modulo-container.bloques-presentacion-derecha.animar-fondo:before {
    animation: moverFondo 0.5s ease-in-out forwards; /* Animación más rápida */
  }
}