/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');


/* General Custom CSS */
.container{
	padding:0px 130px;
}
.content{
	padding-top:0px ;
	padding-bottom:0px;
}

p,li,a{
	font-size:20px;
	text-align:justify;
	font-family: "Mulish", sans-serif;
}
h1{
	font-family: "Libre Baskerville", serif;
	text-transform:none !important;
	font-weight:400;
}


/* LOGO CSS */
.logo a img{
	width:220px;
}

.logo a{
	display: flex;
    align-items: center;
    justify-content: center;
}

.aceptar-terminos-contenido label,
.aceptar-terminos-contenido a{
	font-size:17px !important;
	text-align:left !important;
}

/* MENU CSS */

.menu-item a span{
	font-size:16px;
	font-weight:700 !important;
}
.menu-item a {
	padding:0px 3px !important;
		
	}
	
.avia-menu-text{
	padding: 10px 17px;
}
/* ----------------------------------------
    PÁGINA ACTUAL
---------------------------------------- */
#avia-menu > li.current-menu-item:not(#menu-item-25) > a .avia-menu-text,
#avia-menu > li.current_page_item:not(#menu-item-25) > a .avia-menu-text {
    background-color: #FEEFCC;
	padding: 10px 17px;
	border-radius:50px;
	font-weight:700 !important;
}

/* ----------------------------------------
    HOVER - FONDO AMARILLO TRANSPARENTE
---------------------------------------- */

#avia-menu > li:not(#menu-item-25) > a:hover .avia-menu-text {
   background-color: #FEEFCC;
	padding: 10px 17px;
	border-radius:50px;
	font-weight:700 !important;
}



/* ----------------------------------------
   CONTACTO COMO BOTÓN
---------------------------------------- */

#avia-menu #menu-item-25 > a .avia-menu-text {
   
    border-radius:50px;
    background-color: #000;
    color: #fff;

    padding: 10px 22px;

}


/* =========================================================
   SECTIONS OCULTOS
========================================================= */


.div-cont-ban-form-eventos{
	display:none !important;
	visibility:hidden !important;
}
.div-cont-button-in{
	display:none !important;
	visibility:hidden !important;
}
#div-cont-ban-form-cont{
	display:none !important;
	visibility: hidden !important;
}

/* INICIO CSS */

/* =========================================================
   BANNER INICIO + FORMULARIO
========================================================= */

.div-cont-ban-form{
    position: relative !important;

    width: 100vw !important;
    max-width: none !important;

   margin-left: calc(-50vw + 50%) !important;
   padding::0px 130px !important;

    height: auto;

	display: flex !important;
    align-items: center;
    justify-content: center;


}
.img-ban-in{
	 position: relative !important;
    width: 100vw !important;
    max-width: none !important;
   margin-left: calc(-50vw + 50%) !important;

}

/* =========================================================
   IMAGEN DEL BANNER
========================================================= */

.div-cont-ban-form .img-ban-in{
  position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    z-index: 0;
    overflow: hidden;
}


.div-cont-ban-form .img-ban-in .avia-image-container-inner,
.div-cont-ban-form .img-ban-in .avia-image-overlay-wrap{
    width: 100% !important; 
	 height: 100% !important;
}


.div-cont-ban-form .img-ban-in img{
  width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center;

    display: block;
}



/* =========================================================
   FORMULARIO DERECHO
========================================================= */

.div-cont-ban-form .form-cont-ban{
    position: relative !important;
    width: 500px;  
    z-index: 3;
    background: #fff;
    padding:20px 40px !important;
    box-sizing: border-box;
	margin-bottom:0px !important;
   
}
.form-cont-ban fieldset{
	margin-bottom:0px !important;
}

/* =========================================================
   TEXTO IZQUIERDA
========================================================= */

.div-cont-ban-form .av_textblock_section{
    position: relative !important;
    width: 48%;
    z-index: 2;
    margin: 0 !important;
}


.div-cont-ban-form .div-cont-text-ban-info{
    max-width: 560px;
    color: #fff !important;
}


.div-cont-ban-form .div-cont-text-ban-info h1{
    color: #fff !important;
    font-weight: 400;
    margin: 0 0 25px;
}


.div-cont-ban-form .div-cont-text-ban-info p{
    color: #fff !important;   
    
    margin: 0;
}

.div-cont-text-ban-info{
	background:#0000009e !important;
	padding:20px;
}
/* =========================================================
   TITULO FORMULARIO
========================================================= */

.div-cont-ban-form .form-cont-ban h3{
    margin: 0 0 25px !important;
    padding: 0 !important;
    color: #111 !important;
    font-size: 27px;
    font-weight: 500;
	font-family: "Libre Baskerville", serif;
	text-transform:none !important;
}


/* =========================================================
   FILAS FORMULARIO
========================================================= */

/* Segundo campo de cada fila */

.div-cont-ban-form .form-cont-ban .form_element_half:nth-of-type(even){
    margin-right: 0 !important;
}

/* =========================================================
   LABELS
========================================================= */

.div-cont-ban-form .form-cont-ban label{
    display: block;
    font-family: "Mulish", sans-serif;
    font-weight: 400 !important;
	margin-bottom:0px;
}


.div-cont-ban-form .form-cont-ban abbr{
    text-decoration: none;
	color:black;
}


/* =========================================================
   INPUTS / SELECT / TEXTAREA
========================================================= */

.div-cont-ban-form .form-cont-ban input[type="text"],
.div-cont-ban-form .form-cont-ban input[type="email"],
.div-cont-ban-form .form-cont-ban input[type="number"],
.div-cont-ban-form .form-cont-ban select,
.div-cont-ban-form .form-cont-ban textarea{

    background: transparent !important;
	border: none !important;
	border-bottom: 1px solid #777 !important;
	padding:9px 0px!important;
	font-size:18px !important;
	 margin: 0 !important;
    height: 40px !important;
	color: #333 !important;
    box-shadow: none !important;
    box-sizing: border-box;
    outline: none;
}
.div-cont-ban-form .form-cont-ban textarea{
	height:30px !important;
}

/* Focus */

.div-cont-ban-form .form-cont-ban input:focus,
.div-cont-ban-form .form-cont-ban select:focus,
.div-cont-ban-form .form-cont-ban textarea:focus{
    border-bottom-color: #000 !important;
	font-size:18px;
}

/* =========================================================
   BOTÓN
========================================================= */

.div-cont-ban-form .form-cont-ban input[type="submit"]{
    background: #000 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 11px 20px !important;
    min-width: 145px;
  
    font-weight: 400 !important;
    cursor: pointer;
    transition:
        background .3s ease,
        transform .3s ease;
}


.div-cont-ban-form .form-cont-ban input[type="submit"]:hover{
    background: #222 !important;

    transform: translateY(-1px);
}


/* =========================================================
   SECTION-2 INICIO
========================================================= */


.div-cont-text-1 >.av_textblock_section >.avia_textblock >h1{
	font-size:40px;
	padding-bottom:20px;
}

.div-cont-text-1 .avia-button-wrap {
	margin-top:20px;
}

/* =========================================================
   empresas que confian en nosotros INICIO
========================================================= */
.text-in-sect4 h1{
		font-size:40px;
}


/* =========================================================
  Elige el ambiente segun ..INICIO
========================================================= */
.title-sec-3-elige h1{
	font-size:37px;
}


/* =========================================================
  Elige el ambiente segun ..INICIO
========================================================= */

.inicio-text-ambi h3{
		font-family: "Mulish", sans-serif;
}



/* =========================================================
  Todo lo que necesitas para ... ..INICIO
========================================================= */


/* CONTENEDOR GENERAL */
.flex_column_table:has(.div-ser-ad-in-img) {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    overflow: visible !important;

}
/*
   COLUMNA DE LA IMAGEN */

.div-ser-ad-in-img {
    width: 100% !important;
    position: relative !important;
    z-index: 1;
}

/* Contenedor de la imagen */
.div-ser-ad-in-img .div-img-info-serv-ad {
    width: 100% !important;
    margin: 0;
}

.div-ser-ad-in-img .avia-image-container-inner,
.div-ser-ad-in-img .avia-image-overlay-wrap {
    width: 100% !important;
}

/* Imagen */
.div-ser-ad-in-img img {
    display: block !important;
    width: 100% !important;
    height: auto;
   
}


/* =========================================================
   BLOQUE AMARILLO
   ========================================================= */

.div-ser-ad-in-text {
    width: 100% !important;
    position: relative!important;
    z-index: 2 !important;

    transform: translate(-14%, 65px) !important;

    background: #f8b81e;
    padding: 45px 45px 35px !important;
    box-sizing: border-box;
}

.div-ser-ad-in-text h1 {
    margin: 0px 0px 20px 0px;

}


/* =========================================================
   LISTA
   ========================================================= */

.div-ser-ad-in-text ul {
    margin: 0;
    padding-left: 10px;
}

.div-ser-ad-in-text li {
 
    line-height: 1.4;
}
.div-ser-ad-in-text li::marker {
    font-size: 30px !important;
}


/* =========================================================
   LO QUE DICEN NUESTROS CLIENTES - INIICO
   ========================================================= */
.flex_column_table:has(.cont-in-cli-test) {
	  display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap:20px;
    align-items: stretch !important;
	margin-top:0px !important;
	
	
	background:#F6F6EF !important;
	position: relative !important;
 width: 100vw !important;
 margin-left: calc(-50vw + 50%) !important;
	padding:0px 130px 70px 130px;

}

/* Cada testimonio */
.flex_column_table:has(.cont-in-cli-test) .cont-in-cli-test{
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
}
/* Quitamos los espacios automáticos de Enfold */
.flex_column_table:has(.cont-in-cli-test) .av-flex-placeholder{
    display: none !important;
}

.cont-in-cli-test .av_textblock_section .avia_textblock h3{
	font-family: "Mulish", sans-serif;
	font-size:30px;
	font-weight:500 !important;
}
.test-info-extr {
	margin-top:30px;
	text-align:right !important;
}
.test-info-extr p{
	margin:0px !important;
	text-align:right !important;
}


.cont-text-test{
	background:#F6F6EF !important;
	position: relative !important;
 width: 100vw !important;
 margin-left: calc(-50vw + 50%) !important;
	padding:50px 130px;
}


	/* =========================================================
TE AYUDAMOS A ELEGIR .........INICIO
========================================================= */
	.cta-div-text-in{
		padding:35px !important;
		
	}
	
	.cta-title-in h3{
		font-family: "Mulish", sans-serif;
font-size:26px;
	}
	
	
	.cta-title-in h2{
		font-family: "Libre Baskerville", serif;
font-size:30px;
	}


/* ================================================================================================
=================================================================================================== */


/* NOSOTROS CSS */
.nost-cont-exp{
	padding-top:30px !important;
	display: flex !important;
    align-items: center !important;
    gap: 30px;
}

.nost-cont-exp .heading {
	margin-bottom:0px !important;
	
border-radius: 50px;
    border: 1px solid #f8b925;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.nost-cont-exp .avia-animated-number-content p{
	font-weight:600;
}


/* ================================================================================================
=================================================================================================== */


/* NUESTROS ESPACIOS */


/* ==========================================
   TABS
========================================== */

.tabs-espacios{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:25px;
    width:100%;
	padding-bottom:20px;

    margin:35px auto 35px;
}

.tabs-espacios .tab{
	font-size:20px !important;
    border:0 !important;
    background:transparent;
    padding:25px 0px;
    border-radius:30px;
    cursor:pointer;
    font-family:"Mulish", sans-serif;
    color:black;

    transition:.25s ease;
}

.tabs-espacios .tab:hover{
    background:#FFEFCC;
	 font-weight:700;
	 border-radius:30px;
}

.tabs-espacios .tab.active{
    background:#FFEFCC;
    color:black;
    font-weight:700;
}


/* ==========================================
   TEXTO DESCRIPTIVO
========================================== */

.texto-resumen{
    text-align:center;
    margin-bottom:35px;
}


.texto-resumen p{
    text-align:center;
    margin-bottom:35px;
}


/* ==========================================
   OCULTAR / MOSTRAR CONTENEDORES
========================================== */

#cont-sala-peque,
#cont-sala-regular,
#cont-sala-grandes,
#cont-sala-exterior{
    display:none !important;
}

#cont-sala-peque.active,
#cont-sala-regular.active,
#cont-sala-grandes.active,
#cont-sala-exterior.active{
    display:block !important;
}


/* ==========================================
   GRID GENERAL DE SALAS
========================================== */

/*
   Quitamos el posicionamiento de Isotope de Enfold
   para poder controlar nosotros las columnas.
*/

#cont-sala-peque .grid-sort-container,
#cont-sala-regular .grid-sort-container,
#cont-sala-grandes .grid-sort-container,
#cont-sala-exterior .grid-sort-container{

    display:grid !important;

    grid-template-columns:repeat(4, minmax(0, 1fr));

    gap:15px;

    height:auto !important;

    overflow:visible !important;

    position:relative !important;
}


/* Tarjeta */

#cont-sala-peque .grid-entry,
#cont-sala-regular .grid-entry,
#cont-sala-grandes .grid-entry,
#cont-sala-exterior .grid-entry{

    position:relative !important;

    left:auto !important;
    top:auto !important;

    width:100% !important;

    transform:none !important;

    margin:0 !important;

    float:none !important;
}


/* ==========================================
   TARJETA
========================================== */

.grid-entry .inner-entry{
    background:#fff !important;
    border:none !important;

    height:100%;

    display:flex;
    flex-direction:column;

    box-shadow:none !important;
}



/* Imagen */

.grid-entry .grid-image{
    display:block;
    width:100%;
    overflow:hidden;
}

.grid-entry .grid-image img{
    display:block;

    width:100% !important;

    height:180px !important;

    object-fit:cover;


}


/* Quitar overlay de Enfold */

.grid-entry .image-overlay{
    display:none !important;
}














.text-caract-salas-nuest-espa p{
	text-align:center !important;
}

.div-cont-caracteristicas {
	padding-bottom:30px;
}


.espacios-pequenos_sort .inner-entry {
    background: #fff !important;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: none !important;
	border:none !important;
}




/* =========================================
   CONTENIDO
========================================= */

.grid-entry .grid-content {
    padding: 14px 12px 15px !important;
}



/* ==========================================
   TÍTULO
========================================== */

.grid-entry .grid-entry-title{
    margin:0 0 14px !important;

  	font-family: "Libre Baskerville", serif !important;

    text-align:center;
    font-size:18px !important;

    line-height:1.25 !important;

    font-weight:700 !important;

    color:#222 !important;
	padding-top:10px;
	padding-bottom:10px;
}


.grid-entry .grid-entry-title a{
	font-family: "Libre Baskerville", serif !important;
}


/* ==========================================
   CARACTERÍSTICAS
========================================== */


.mostrar-caracteristicas-grid{

    display:grid !important;

    grid-template-columns:repeat(12, 1fr) !important;

    column-gap:5px;
    row-gap:16px;

    visibility:visible !important;

    opacity:1 !important;

    width:100%;
}


/* Los primeros 3:
   Área
   Turno
   Full Day
*/

.mostrar-caracteristicas-grid > section:nth-child(-n+3){
    grid-column:span 4;
}


/* Los siguientes 4:
   Aforos
*/

.mostrar-caracteristicas-grid > section:nth-child(n+4){
    grid-column:span 3;
}


/* Cada característica */

.mostrar-caracteristicas-grid > section{
    margin:0 !important;
    padding:0 !important;

    min-width:0;

    text-align:center;
}



/* div interior */

.mostrar-caracteristicas-grid .icon-box-salas{
    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:flex-start;

    height:100%;

    min-width:0;
}


/* ==========================================
   PÁRRAFOS
========================================== */

.mostrar-caracteristicas-grid .icon-box-salas p{

    margin:2px 0 !important;

    padding:0 !important;

    font-family:"Mulish", sans-serif !important;

    font-size:16px !important;

    line-height:1.25 !important;

    color:#222 !important;

    text-align:center;

    width:100%;

    overflow-wrap:anywhere;
}


/* ==========================================
   ICONOS
========================================== */

.mostrar-caracteristicas-grid .icon-box-salas img{

    display:block;

    width:35px !important;

    height:35px !important;

    object-fit:contain;

    margin:0 auto 4px !important;
}


/* ==========================================
   BOTÓN VER GALERÍA
========================================== */

.btn-ver-galeria{

    display:block;

    width:max-content;

    margin:25px auto 0;


}
.texto-resumen p br{
	display:none !important;
	visibility:hidden !important;
}



/* ==========================================
   TARJETAS CON SOLO 2 CARACTERÍSTICAS
========================================== */

/* Primer elemento cuando SOLO existen 2 */
.mostrar-caracteristicas-grid > section:first-child:nth-last-child(2){
    grid-column: 3 / span 4 !important;
}

/* Segundo elemento cuando SOLO existen 2 */
.mostrar-caracteristicas-grid > section:nth-child(2):last-child{
    grid-column: 7 / span 4 !important;
}








/* ================================================================================================
=================================================================================================== */


/* ALIANZAS Y CONVENIOS CSS */
#after_section_1{
	border:none !important;
}




/* ================================================================================================
=================================================================================================== */


/* EVENTOS CSS */
.title-even-1 h2{
		font-family: "Libre Baskerville", serif;
	text-transform:none !important;
	font-size:30px !important;
	font-weight:400 !important;
}

.tit-event-name{
	margin-top:30px ;
}

.tit-event-name h3{
	font-family: "Mulish", sans-serif;
}



/* ================================================================================================
=================================================================================================== */


/* CONTACTO CSS */



/* =========================================================
   TITULO FORMULARIO
========================================================= */
#form-cont-pag h3{
    margin: 0 0 25px !important;
    padding: 0 !important;
    color: #111 !important;
    font-size: 27px;
    font-weight: 500;
	font-family: "Libre Baskerville", serif;
	text-transform:none !important;
}


/* =========================================================
   FILAS FORMULARIO
========================================================= */

/* Segundo campo de cada fila */

#form-cont-pag .form_element_half:nth-of-type(even){
    margin-right: 0 !important;
}

/* =========================================================
   LABELS
========================================================= */

#form-cont-pag label{
    display: block;
    font-family: "Mulish", sans-serif;
    font-weight: 400 !important;
	margin-bottom:0px;
}


#form-cont-pag abbr{
    text-decoration: none;
	color:black;
}


/* =========================================================
   INPUTS / SELECT / TEXTAREA
========================================================= */

#form-cont-pag input[type="text"],
#form-cont-pag input[type="email"],
#form-cont-pag input[type="number"],
#form-cont-pag textarea{

    width: 100% !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #777 !important;
    border-radius: 0 !important;
   padding:9px 0px!important;
	font-size:18px !important;
    margin: 0 !important;
    height: 40px;
    color: #333 !important;
    box-shadow: none !important;
    box-sizing: border-box;
    outline: none;
}
#form-cont-pag select{
	
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #777 !important;
    padding: 9px 0px !important;
    font-size: 18px !important;
    margin: 0 !important;
    height: 40px !important;
    color: #333 !important;
    box-shadow: none !important;
    box-sizing: border-box;
    outline: none;
}
#form-cont-pag textarea{
	height:30px !important;
}

/* Focus */

#form-cont-pag input:focus,
#form-cont-pag select:focus,
#form-cont-pag textarea:focus{
    border-bottom-color: #000 !important;
	font-size:18px;
}

/* =========================================================
   BOTÓN
========================================================= */

#form-cont-pag input[type="submit"]{
    background: #000 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 11px 20px !important;
    min-width: 145px;
  
    font-weight: 400 !important;
    cursor: pointer;
    transition:
        background .3s ease,
        transform .3s ease;
}


#form-cont-pag input[type="submit"]:hover{
    background: #222 !important;

    transform: translateY(-1px);
}

/* =========================================================
   INFO CONTACTO
========================================================= */


.flex_column_table:has(.div-cont-cont-icon-box) {
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
	
    
    width: 100% !important;
}
.div-cont-cont-icon-box .av_textblock_section {
    flex: 1;
    min-width: 0; 
}


/* =========================================
   TARJETAS
========================================= */

.div-cont-cont-icon-box {
 display: flex !important;
    flex-direction: row ;
  gap:20px;
	padding:10px 20px !important;
    justify-content: center;
    align-items: center;
width:100% !important;
}

/* =========================================
   ICONO CIRCULAR NEGRO
========================================= */

.div-cont-cont-icon-box .cont-icon-cont {
    width: 58px !important;
    min-width: 58px !important;
    height: 58px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    background: #000 !important;
    border-radius: 50% !important;

    color: #fff !important;

    line-height: 1 !important;

    box-sizing: border-box !important;
}

/* Íconos SVG */
.div-cont-cont-icon-box .cont-icon-cont svg {
    width: 25px !important;
    height: 25px !important;

    fill: #fff !important;
}



.div-cont-cont-icon-box p {
 text-align:left !important;
	font-style: italic !important;
}
.div-cont-cont-icon-box .avia_textblock,
.div-cont-cont-icon-box p,
.div-cont-cont-icon-box em {
    max-width: 100%;
    
    overflow-wrap: anywhere;
    word-break: break-word;
    
    box-sizing: border-box;
}

.div-cont-cont-icon-box::after,
.div-cont-cont-icon-box::before{
	visibility:hidden !important;
	display:none !important;
}

.caracteristicas-espacio-exterior {
    display: none !important;
}

/* ================================================================================================
=================================================================================================== */


/* FOOTER */
#footer {
	padding: 20px 0 70px 0;
}
#footer > .container p,
#footer > .container a{
	font-size:15px !important;
	text-align:start !important;
}

#pages-2 .widgettitle{
	display:none !important;
	visibility:hidden !important;
}



#media_image-3,
#text-5,
#text-3,
#text-4,
#pages-2,
#text-7
{
	margin:0px !important;
}
#text-4,
#text-3,
#text-5{
	height:120px ;
}
#media_image-3 a img{
	width:150px !important;
	border-radius:20px;
}
#text-7 .textwidget p{
	margin:5px 0px;
}

.social-icons {
	display:flex !important;
	flex-direction:row;
	gap:20px;
	align-items: center;
    justify-content: center;
}
.social-icons a i{
	font-size:20px;
}



/* FOOTER LINEA*/
#footer .container {
    position: relative;
}


/* Línea divisoria */
#footer .container::before {
    content: "";

    position: absolute;

    /* empieza donde inicia la segunda columna */
    left: 31%;

    /* termina antes del borde final */
    width: 57%;

    top: 100px;

    height: 1px;
    background: rgba(255,255,255);

    pointer-events: none;
}

/* ================================================================================================
=================================================================================================== */


/* SOCKET */


.copyright a{
	display:none !important;
	visibility:hidden !important;
}
.copyright{
	font-size:15px;
	text-align:center !important;
		font-family: "Mulish", sans-serif;
	float:none !important;
}


#socket .container{
	text-align:center ;
}







@media (max-width: 989px) {
	/* INICIO CSS */

/* =========================================================
   BANNER INICIO + FORMULARIO
========================================================= */
	.div-cont-ban-form{
        display: flex !important;
        flex-direction: column !important;

        width: 100vw !important;
        padding: 0 !important;
        margin-left: calc(-50vw + 50%) !important;

        align-items: center !important;
    }
  /* =============================================
       IMAGEN
    ============================================= */

    .div-cont-ban-form .img-ban-in{
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;

        width: 100% !important;
        height: 450px !important;

        z-index: 0;
        overflow: hidden;
    }

    .div-cont-ban-form .img-ban-in .avia-image-container-inner,
    .div-cont-ban-form .img-ban-in .avia-image-overlay-wrap{
        width: 100% !important;
      
    }

    .div-cont-ban-form .img-ban-in img{
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center !important;
    }
	
    /* =============================================
       TEXTO ENCIMA DE LA IMAGEN
    ============================================= */

    .div-cont-ban-form .av_textblock_section{
        position: relative !important;
        width: 100% !important;
        height: 350px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 30px !important;
        box-sizing: border-box;
        z-index: 2;
    }


    .div-cont-ban-form .div-cont-text-ban-info{
        width: fit-content !important;
        max-width: 600px !important;
        margin: 0 auto !important;
        box-sizing: border-box;
		text-align:center;
    }
	
	.form-cont-ban h3 br {
		display:none;
		visibility:hidden;
	}


    /* =============================================
       FORMULARIO ABAJO
    ============================================= */

    .div-cont-ban-form .form-cont-ban{
        position: relative !important;
        width: 100% !important;
        max-width: 900px !important;
        margin: 0 auto !important;
        padding: 35px 40px !important;
        z-index: 3;
        box-sizing: border-box;
    }
	
	
/* =========================================================
  Todo lo que necesitas para ... ..INICIO
========================================================= */
	
	   .flex_column_table:has(.div-ser-ad-in-img) {
        display: flex !important;
        flex-direction: column !important;
       
    }
	
	.div-ser-ad-in-text {
		transform:none !important;
	}
	
	

	
	
/* =========================================================
  CONTACTO
========================================================= */
	.flex_column_table:has(.div-cont-cont-icon-box) {
		flex-direction:column !important;
	}
	
	.div-cont-cont-icon-box{
		padding:30px 20px !important;
	}
	
	
	
/* ================================================================================================
=================================================================================================== */


/* NUESTROS ESPACIOS */
	
	
    #cont-sala-peque .grid-sort-container,
    #cont-sala-regular .grid-sort-container,
    #cont-sala-grandes .grid-sort-container,
    #cont-sala-exterior .grid-sort-container{

        grid-template-columns:repeat(2, minmax(0,1fr));

        gap:25px 18px;
    }

    .tabs-espacios{
        gap:10px;
    }

    .tabs-espacios .tab{
        padding:11px 14px;
        font-size:18px;
    }

	
	
	/* ================================================================================================
=================================================================================================== */


/* FOOTER */
	#text-4,
#text-3,
#text-5{
	height:auto ;
}
	#footer .container::before,
		#footer .container::after{
   
display:none ;
		visibility:hidden;
   
}
	#footer .container {
		display:flex !important;
		flex-wrap:wrap;
		justify-content: center;
        align-items: stretch;
		gap:30px;
	}
	#footer .container > .flex_column{
		width:33.333%;
		margin-left:0px !important;
	}
	#footer .container > .flex_column > section .textwidget p{
		text-align:center !important;
	} 
	#pages-2 ul li{
		text-align:center;
	}
	#media_image-2{
		margin-top:0px !important;
	}
	#media_image-3{
		text-align:center;
	}
	#text-5 .textwidget p:last-child{
		display:none !important;
	}
	
}



@media (max-width: 767px) {
	

/* General Custom CSS */

p,li,a,span{
	font-size:15px;
}
	
	
	
	
/* =========================================================
   LO QUE DICEN NUESTROS CLIENTES - INIICO
   ========================================================= */
.flex_column_table:has(.cont-in-cli-test) {
	  display: grid !important;
  grid-template-columns: 1fr !important;
	margin-top:10px !important;
	
    
}
	.cont-in-cli-test{
		padding:25px !important;
	}
	
	.cont-in-cli-test .av_textblock_section .avia_textblock h3{
	
	font-size:23px;
	
}
	
.cont-text-test{
	margin-bottom:0px !important;
	padding:50px 60px;
}

.flex_column_table:has(.cont-in-cli-test) {
	
	padding:0px 60px 70px 60px;
margin-top:0px !important;
}

	
	


/* ================================================================================================
=================================================================================================== */


/* NOSOTROS CSS */

.img-qr-nosotros{
	display: flex !important;
    float: none !important;
    margin-right: 0px !important;
	margin-top 0px !important;
    padding-top: 30px;
    align-items: center ;
    justify-content: center;
}	
	
.img-qr-nosotros .avia-image-container-inner .avia-image-overlay-wrap img{
		width:160px !important;
	}
	
	
	.nost-cont-exp {
    
    justify-content: center;
	}
	
	.nost-cont-exp .heading span{
		font-size:35px;
	}
	
	.nost-cont-exp .avia-animated-number-content p{
		font-weight:700 !important;
	}
	
	
	/* ================================================================================================
=================================================================================================== */


/* NUESTROS ESPACIOS */
	
	.flex_column_table:has(.cont-caracteristicas-salas-general) {
		display:flex !important;
		align-items: stretch;
	}
	
	  .tabs-espacios{

        justify-content:flex-start;

        overflow-x:auto;

        gap:8px;

        padding-bottom:8px;

        margin-bottom:25px;
    }

    .tabs-espacios::-webkit-scrollbar{
        
    }

    .tabs-espacios .tab{

        flex:0 0 auto;

        white-space:nowrap;

        font-size:15px;

        padding:10px 14px;
    }


    #cont-sala-peque .grid-sort-container,
    #cont-sala-regular .grid-sort-container,
    #cont-sala-grandes .grid-sort-container,
    #cont-sala-exterior .grid-sort-container{

        grid-template-columns:1fr;

        gap:30px;
    }


    .grid-entry .grid-image img{
        height:auto !important;
        aspect-ratio:1.45 / 1;
    }


    .grid-entry .grid-entry-title{
        font-size:19px !important;
    }


    .mostrar-caracteristicas-grid .icon-box-salas p{
        font-size:14px !important;
    }


    .mostrar-caracteristicas-grid .icon-box-salas img{
        width:40px !important;
        height:40px !important;
    }

		
	/* ================================================================================================
=================================================================================================== */


/* FOOTER */
	#media_image-2{
		text-align:center;
	}
	#footer .container {
		gap:0px !important;
	}
	
	#footer {
    padding: 70px 0 70px 0;
}
	
}


@media (max-width: 480px) {
	
	
/* LOGO CSS */
.logo a img{
	width:200px;
}
	
	
	
		/* INICIO CSS */

/* =========================================================
   BANNER INICIO + FORMULARIO
========================================================= */
	
	.div-cont-ban-form .div-cont-text-ban-info h1
	{
		font-size:23px;
	}
	.form-cont-ban h3{
		font-size:23px !important;
	}
	
	.form-cont-ban fieldset > p:has(input[type="submit"]) {
    width: 100% !important;
    text-align: center !important;
		margin-top:30px !important;
}

.form-cont-ban fieldset > p:has(input[type="submit"]) input[type="submit"] {
    margin: 0 auto !important;
}
	
	
/* =========================================================
   SECTION-2 INICIO
========================================================= */


.div-cont-text-1 >.av_textblock_section >.avia_textblock >h1{

	font-size:28px;
}
	
/* =========================================================
   empresas que confian en nosotros INICIO
========================================================= */
.text-in-sect4 h1{
		font-size:28px;
}
	
	.flex_column_table:has(.div-marcas) {
		width:45% !important;
		margin:0px 5px !important;
		margin-top:50px;
}

	
	
/* =========================================================
  Elige el ambiente segun ..INICIO
========================================================= */
.title-sec-3-elige h1{
	font-size:28px;
}

	
	/* =========================================================
  Todo lo que necesitas para ... ..INICIO
========================================================= */
	
	.div-ser-ad-in-text {
		transform:none !important;
		padding:30px 20px !important;
	}
	
	
	
	.div-ser-ad-in-text h1 {
		font-size:28px;
	}
	  .div-ser-ad-in-text .btn-cta-in {
        
        margin-top: 20px;
    }
	
	
	
	
	/* =========================================================
   LO QUE DICEN NUESTROS CLIENTES - INIICO
   ========================================================= */
	
	.cont-text-test{
	margin-bottom:0px !important;
	padding:50px 30px;
}

.flex_column_table:has(.cont-in-cli-test) {
	
	padding:0px 30px 70px 30px;
margin-top:0px !important;
}

	/* =========================================================
TE AYUDAMOS A ELEGIR .........INICIO
========================================================= */
	.cta-div-text-in{
		padding:25px !important;
		text-align:center !important;
		
	}
	
	.cta-title-in h3{
		font-family: "Mulish", sans-serif;
font-size:20px;
	}
	
	
	.cta-title-in h2{
		font-family: "Libre Baskerville", serif;
font-size:28px;
	}

	
	
/* ==================================================================================================

===========================================================================0======================= */
	/* EVENTOS CSS */
.title-even-1 h2{
	
	font-size:28px !important;
	
}
		
/* ==================================================================================================

===========================================================================0======================= */
	/* CONTACTO CSS */
	.texto-contacto h1{
		font-size:28px;
	}
	
	.div-cont-cont-icon-box{
		flex-direction:column;
		padding:20px 20px !important;
		gap:5px !important;
		
	}
	

	.div-cont-cont-icon-box .av_textblock_section .avia_textblock p{
		text-align:center !important;
	}
	
	
	
	
	/* ================================================================================================
=================================================================================================== */


/* NUESTROS ESPACIOS */
	
	.flex_column_table:has(.cont-caracteristicas-salas-general) {
		display:flex !important;
		align-items: stretch;
		 flex-wrap: wrap !important;
    flex-direction: row !important;
		justify-content:center !important
			;
	}
	.flex_column_table:has(.cont-caracteristicas-salas-general) > div {
    width: 33.333% !important;
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
}
	.flex_column_table:has(.cont-caracteristicas-salas-general) > .av-flex-placeholder{
		display:none !important;
		visibility:hidden !important;
	}
	  .tabs-espacios{
flex-direction:column !important;
    }
	.tabs-espacios .tab {
		font-size:16px !important;
	}
	
}