/*
Theme Name: Hello Elementor Child
Theme URI: https://www.camping-lallosa.com/
Description: Tema hijo de Hello Elementor
Author: Quique
Author URI: https://www.camping-lallosa.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* Aquí puedes añadir tus estilos personalizados */

:root {
    --blue-1: #254480;
    --blue-2: #346AF4;
    --orange: #E96B00;
    --orange-hover: #da6702;
    --grey-1: #707070;
    --white: #ffffff;
	
	--basic:20px;
	--head-title:56px;
}

#hidden-menu{
	height:100vh;
	width:100vw;
	position:fixed;
	top:0;
	left:100%;
	z-index:9999999;
	transition:0.3s ease-in-out;
}
.control-mobile{
	height:fit-content!important;
	box-shadow:0px 5px 19px 3px rgb(0 0 0 / 25%);
	background-color:#fff;
	border-radius:8px;	
		z-index:99999999;

}
#hidden-menu.open{
	left:0;
}
#hidden-menu #close-menu{
	background-color:transparent!important;
	padding:0!important;
	position:absolute;
	top:80px;
	right:50%;
}
#hidden-menu .controler-img{
	position: absolute;
	transform: translate(-0%, -50%) rotate(-7deg);
	top: 50vh;
	right:48vw;
	border-radius: 42px;
	height: 500px;
	width: 500px;
	overflow: hidden;
	display: block;
	z-index: 3;
	transition: 0.4s ease-in-out;
}
#hidden-menu .controler-img img{
	height:100%;
	width:auto;
	position:absolute;
	transform: translate(-50%, -50%);
	top:50%;
	left:50%;
	max-width:none;
}
#hidden-menu .controler-menu{
	height:100vh;
	width:50vw;
	padding: 2rem 10vw;
}

#hidden-menu .controler-menu ul.hfe-nav-menu{
	column-count:2;
	column-gap:20px;
	
}
#hidden-menu .break-before{
	break-before: column;
} 
#hidden-menu .controler-menu ul.hfe-nav-menu li{
	padding:20px 0 8px 0;
}
#hidden-menu .controler-menu ul.hfe-nav-menu li a{
	color: var(--blue-1)!important;
    font-size: 24px!important;
    font-weight: 600!important;
    font-family: 'Source Sans Pro'!important;
    padding: 0!important;
}
#hidden-menu .controler-menu ul.hfe-nav-menu li.slimer {
	padding:12px 0;
}
#hidden-menu .controler-menu ul.hfe-nav-menu li.slimer a{
	font-weight: 400!important;

}

#hidden-menu p{
	padding-top: 20px!important;
    font-size: 18px!important;
    font-weight: 500!important;
    font-family: 'Source Sans Pro'!important;
    color: var(--blue-1)!important;
    display: block!important;
}


#hidden-menu a.elementor-button{
	display: block!important;
    width: fit-content!important;
    text-align: center!important;
    padding: 12px 24px!important;
    border-radius: 8px!important;
    border: 2px solid var(--blue-2)!important;
    font-family: 'Source Sans Pro', sans-serif!important;
    font-weight: 600!important;
    font-size: 18px!important;
    transition: 0.3s ease-in-out!important;
    color: var(--white)!important;
	background-color: var(--blue-2)!important;
    border-color: var(--blue-2)!important;
}

.preheader {
    background-color: var(--blue-2);
    width: 100vw;
    padding: 1.5rem;
    z-index: 0;
}
.preheader .btn-header a .elementor-button-icon svg{
	height:16px
}
.preheader .btn-header a {
	display:flex;
	flex-direction:row;
	justify-content:center;
    color: var(--white)!important;
    font-size: 16px!important;
    font-weight: 600!important;
    padding: 0;
    margin: 0;
	background-color:transparent;
}

.control-hero{
	position:fixed;
	top:0;
	left:0;
	z-index:0;
	height:100vh;
}
.elementor-editor-active .control-hero{
	position:relative;
	top:inherit;
	left:inherit;
	z-index:inherit;
	height:40vh;
}
.control-hero + .controler-section,
.controler-section:first-of-type{
	margin-top:calc(100vh - 204px)
}
.no-margins.controler-section,
.elementor-editor-active .control-hero + .controler-section,
.elementor-editor-active .controler-section:first-of-type{
	margin-top:0
}
.controler-section{
	background-color:var(--white);
	padding: 80px 0
}

h1,
h2{
	font-size: var(--head-title)!important;
    font-family: 'Playfair Display'!important;
    font-weight: 200!important;
    color: var(--blue-1)!important;
    margin: 0!important;
    margin-bottom: 2rem!important;
}
.pretitle span{

    font-family: 'Source Sans Pro'!important;
    font-size: 12px!important;
    color: var(--blue-1)!important;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 3rem;
}
p, li {
    font-family: 'Source Sans Pro', sans-serif;
    color: #666666;
    font-size:18px!important;
    font-weight: 500;
}
p i{
    font-family: 'Source Sans Pro', sans-serif;
    color: var(--blue-1);
    font-size:18px!important;
    font-weight: 500;
	margin:12px 20px ;
	display:flex;
	width:calc(100% - 40px);

}

.bg-blue{
	background-color:#EAF0FE
}
.bg-orange{
	background-color:#FDF0E5;
}
.bg-blue .elementor-divider-separator{
	border-block-start:var(--divider-border-width) var(--divider-border-style) var(--blue-1)!important
}
.bg-orange h2 {
	color:var(--orange)!important;
}
.bg-orange .elementor-divider-separator{
	border-block-start:var(--divider-border-width) var(--divider-border-style) var(--orange)!important
}

.saber-mas{
	background-color: #EAF0FE;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4rem 4rem;
    border-radius: 42px;
    align-items: center;
}
.saber-mas form {
		display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.saber-mas form .yourFormCustomStyle {
	width:70%;
	gap:20px;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:row;
	flex-wrap:wrap;
}

.saber-mas form input{
 	padding: 12px;
    border: 1px solid #EAF0FE;
    border-radius: 8px;
	width:calc(50% - 10px);
}

.saber-mas form  .control-legal input{
	width:inherit;
	margin-right:12px;
}

.saber-mas form input[type=submit]{
	    background-color: var(--blue-2);
    color: var(--white);
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-family: 'Source Sans Pro';
    font-weight: 600;
    padding: 1rem 4rem;
    display: block;
    width: fit-content;
    height: fit-content;
    border-radius: 8px;
    margin: 0 auto;
}

.beautifyer-img{
	position:relative
}
.beautifyer-img img{
	position:relative;
	order:2
}
.beautifyer-img::before{
	content: "";
    border-radius: 42px;
    background-color: #346AF4;
    width: 95%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(8deg);
    opacity: 0.2;
	order:1
}
.custom-drop details#turismo-drop ,
.custom-drop details#faqs-drop ,
.custom-drop details#atencion-drop {
		padding:24px 0;

}
.custom-drop .e-n-accordion-item:not(:last-of-type){
	border-bottom:1px solid #9EACCA
}
.custom-drop details#turismo-drop *,
.custom-drop details#faqs-drop *,
.custom-drop details#atencion-drop *{
	border:none!important
}
.custom-drop details#turismo-drop summary.e-n-accordion-item-title,
.custom-drop details#faqs-drop summary.e-n-accordion-item-title,
.custom-drop details#atencion-drop summary.e-n-accordion-item-title{ 
	position:relative;
	
}
.custom-drop details#turismo-drop summary.e-n-accordion-item-title,
.custom-drop details#faqs-drop summary.e-n-accordion-item-title,
.custom-drop details#atencion-drop summary.e-n-accordion-item-title {
	position:relative;
	padding-left:96px;
}
.custom-drop details#turismo-drop summary.e-n-accordion-item-title *,
.custom-drop details#faqs-drop summary.e-n-accordion-item-title *,
.custom-drop details#atencion-drop summary.e-n-accordion-item-title *{ 
    font-family: 'Source Sans Pro'!important;
    color: var(--blue-1)!important;
    font-size: 24px!important;
    font-weight: 600!important;
    text-decoration: none;
    position: relative;
	
}
.custom-drop details#turismo-drop summary.e-n-accordion-item-title:before,
.custom-drop details#faqs-drop summary.e-n-accordion-item-title:before,
.custom-drop details#atencion-drop summary.e-n-accordion-item-title:before{
	content:"";
	position:absolute;
	left:10px;
	top:50%;
	transform:translatey(-50%);
	height:64px;
	width:64px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	
}
.custom-drop details#turismo-drop summary.e-n-accordion-item-title:before{
	background-image:url(/wp-content/uploads/2026/02/icon-collaps-2.svg)
}
.custom-drop details#faqs-drop summary.e-n-accordion-item-title:before{
	background-image:url(/wp-content/uploads/2026/02/icon-collaps-3.svg)
}
.custom-drop details#atencion-drop summary.e-n-accordion-item-title:before{
	background-image:url(/wp-content/uploads/2026/02/icon-collaps-4.svg)
}

footer .prefotter {
	margin:0!important
}
.prefotter span,
footer .prefotter span{
	font-family: 'Playfair Display'!important;
	font-weight:300!important;
    font-size: 24px!important;
    color: #333333!important;
}
.main-footer,
footer .main-footer{
	background-image: url(/wp-content/uploads/2026/02/background-footer-img.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.head-footer p{
    font-family: 'Source Sans Pro'!important;
    color: var(--white)!important;
    font-size: 36px!important;
    font-style: italic!important;
    font-weight: 500!important;
}

.ubicacion-footer p{
	color: var(--white)!important;
	margin:0;
    font-size: 20px!important;
	margin:0;

}
.head-ubicacion-footer p{
	margin:0;
	color: var(--white)!important;
    font-size: 24px!important;
    font-weight: 700!important;
	text-transform: uppercase;
}

@media(max-width:991px){
	.main-footer {
		padding:40px 0
	}
	.head-footer p{
		font-size: 24px!important;
		text-align:center;
	}
}

.btn-footer a{
	display: block!important;
    width: fit-content!important;
    text-align: center!important;
    padding: 1rem 3rem!important;
    background-color: transparent!important;
    border-radius: 8px!important;
    border: 2px solid var(--white)!important;
    font-family: 'Source Sans Pro', sans-serif!important;
    color: var(--white)!important;
    font-weight: 600!important;
    font-size: var(--basic)!important;
    transition: 0.3s ease-in-out!important;
}
.logos-footer.controler-section{
	padding:40px 0 120px 0;
}
.logos-footer h2{
	font-family: 'Source Sans Pro'!important;
    color: var(--blue-1)!important;
    font-weight: 700!important;
    font-size: 20px!important;
    text-align: center!important;
    display: block!important;
}


/* -- ALOJAMIENTOS LIST CARD -- */
.listado-alojaminetos{
	display:flex;
	flex-direction:column;
	gap:40px;
}
.listado-alojaminetos .card-alojamineto{
	display:flex;
	flex-direction:row;
	max-width:100%;
	overflow:hidden;
	border-radius:12px;
}

.listado-alojaminetos .card-alojamineto .alojamineto-slider{
	width:50%
}
.listado-alojaminetos .card-alojamineto .alojamineto-info{
	width:50%;
	display:flex;
	flex-direction:column;
	position:relative;
}
.listado-alojaminetos .card-alojamineto .alojamineto-info .header-card-alojamiento,
.listado-alojaminetos .card-alojamineto .alojamineto-info .body-card-alojamiento,
.listado-alojaminetos .card-alojamineto .alojamineto-info .footer-card-alojamiento{
	padding:20px;
}
.listado-alojaminetos .card-alojamineto .alojamineto-info .body-card-alojamiento{
	padding: 0 20px;
	display:flex;
	flex-direction:column;
	padding-bottom:120px;
	min-height:500px;
}

.listado-alojaminetos .card-alojamineto .alojamineto-info h2{
    font-size: 32px!important;
	color:#000!important;
	margin:0!important;
}
.listado-alojaminetos .card-alojamineto .alojamineto-info h2 small{
	font-weight: 400;
    font-size: 16px;
    display: block;
    color: #000;
	text-transform:uppercase
}

.listado-alojaminetos .card-alojamineto .alojamineto-info .alojamiento-tabs{
	display: flex;
	flex-direction:row;
	gap:12px;
	padding-bottom:12px
}


.listado-alojaminetos .card-alojamineto .alojamineto-info .icons{
	display:flex;
	flex-direction:row;
	gap:20px;
	padding:20px 0
}

.listado-alojaminetos .card-alojamineto .alojamineto-info .icons .icon-item{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:8px	
}
.listado-alojaminetos .card-alojamineto .alojamineto-info .icons .icon-item p{
	color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    color:#000;
    font-size: 16px;
    font-weight: 500;
	margin-bottom:0;
}

.listado-alojaminetos .card-alojamineto .alojamineto-info .icons .sup {
  vertical-align: super;
  font-size: 0.75em;
}
.listado-alojaminetos .card-alojamineto .alojamineto-info .icons .icon-item svg{
	height:32px;
	display:block;
	width:fit-content;
}
.listado-alojaminetos .card-alojamineto .alojamineto-info .allojamiento-descripcion p,
.listado-alojaminetos .card-alojamineto .alojamineto-info .allojamiento-descripcion li{
	color: #fff!important;
    font-family: 'Source Sans Pro', sans-serif!important;
    color: #000!important;
    font-size: 20px!important;
    font-weight: 500!important;
	margin-bottom:0!important;
}


.listado-alojaminetos .card-alojamineto .alojamineto-info .footer-card-alojamiento{
	display:flex;
	flex-direction:row;
	position:absolute;
	bottom:0;
	left:0;
	width:100%
	
}

.listado-alojaminetos .card-alojamineto .alojamineto-info .footer-card-alojamiento{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	margin: auto 0 0 0
}
.listado-alojaminetos .card-alojamineto .alojamineto-info .footer-card-alojamiento p{
	margin:0;
	display:flex;
	flex-direction:column;
	font-size:16px!important;
	color:#fff!important
}
.listado-alojaminetos .card-alojamineto .alojamineto-info .footer-card-alojamiento p strong{
	font-size:24px!important;
	font-weight:600!important
}
.listado-alojaminetos .card-alojamineto .alojamineto-info{
	overflow:hidden;
}
.listado-alojaminetos .card-alojamineto .alojamineto-info .tab-panel.caracteristicas{
	display:flex;
	flex-direction:column;
	flex-grow: 1;
	overflow:scroll;

}

.listado-alojaminetos .card-alojamineto .alojamineto-info .control-caracteristicas ul{
	padding-left:20px
}
.listado-alojaminetos .card-alojamineto .alojamineto-info .control-caracteristicas p,
.listado-alojaminetos .card-alojamineto .alojamineto-info .control-caracteristicas li{
	color: #fff!important;
    font-family: 'Source Sans Pro', sans-serif!important;
    color:#000!important;
    font-size: 20px!important;
    font-weight: 500!important;
	margin-bottom:0!important;
}
.listado-alojaminetos .card-alojamineto .alojamineto-info button{
	border:none;
	color:#000;
	font-size:20px!important;
	padding:4px 8px;
	border-bottom:2px solid transparent;
	background-color:transparent!important;
	border-radius:0px;
}

.listado-alojaminetos .card-alojamineto .alojamineto-info button.plano-trigger{
	padding:0;
	border-bottom:1px solid #000;
	margin-top:20px
}

.listado-alojaminetos .card-alojamineto .alojamineto-info button.is-active{
	border-bottom:3px solid #000;
}

.listado-alojaminetos .card-alojamineto .alojamineto-info .footer-card-alojamiento a{
	padding: 12px 36px;
	color: var(--white);
    border:1px solid var(--white);
    transition: 0.3s ease-in-out;
    border-radius: 8px;
	display:flex;
	height:fit-content;
	margin:auto 0;
	flex-direction:column;
	text-decoration:none;
	justify-content:center;
	align-items:center;
	position:relative;
}
.listado-alojaminetos .card-alojamineto .alojamineto-info .footer-card-alojamiento a::after{
	height:100%;
	width:1px;
	background-color:#fff;
	position:absolute;
	left:-20px;
	top:0;
	content:"";
}

.listado-alojaminetos.bungalow .card-alojamineto{
		background-color:#F3A33C;
}
.listado-alojaminetos.bungalow .card-alojamineto .alojamineto-info .footer-card-alojamiento{
	background-color:#AF4808;
}

.listado-alojaminetos.parcela .card-alojamineto{
		background-color:#6AAF4F;
}
.listado-alojaminetos.parcela .card-alojamineto .alojamineto-info .footer-card-alojamiento{
	background-color:#1C5804;
}


.listado-alojaminetos.mobil-home .card-alojamineto{
		background-color:#3ebead;
}
.listado-alojaminetos.mobil-home .card-alojamineto .alojamineto-info .footer-card-alojamiento{
	background-color:#2da999;
}

@media(max-width:991px){
	.listado-alojaminetos {
		gap:10px
	}
	.listado-alojaminetos .card-alojamineto{
		flex-direction:column
	}
	.listado-alojaminetos .card-alojamineto .alojamineto-slider,
	.listado-alojaminetos .card-alojamineto .alojamineto-info{
		width:100%
	}
	
	.listado-alojaminetos .card-alojamineto .alojamineto-info .header-card-alojamiento, 
	.listado-alojaminetos .card-alojamineto .alojamineto-info .footer-card-alojamiento{
		padding:16px
	}
	.listado-alojaminetos .card-alojamineto .alojamineto-info .body-card-alojamiento{
		padding:0 16px 100px 16px
	}
	.listado-alojaminetos .card-alojamineto .alojamineto-info .allojamiento-descripcion p, 
	.listado-alojaminetos .card-alojamineto .alojamineto-info .allojamiento-descripcion li,
	.listado-alojaminetos .card-alojamineto .alojamineto-info .control-caracteristicas p, 
	.listado-alojaminetos .card-alojamineto .alojamineto-info .control-caracteristicas li,
	.listado-alojaminetos .card-alojamineto .alojamineto-info button{
		font-size:14px!important
	}
	.listado-alojaminetos .card-alojamineto .alojamineto-info .icons{
		padding:12px 0
	}
	.listado-alojaminetos .card-alojamineto .alojamineto-info button{
		padding:4px 0
	}
	.listado-alojaminetos .card-alojamineto .alojamineto-info .body-card-alojamiento{
		min-height:350px
	}

}


/* Modal (dialog)*/
dialog[open].custom-modal-alojamiento {
	display: flex;
}
  .custom-modal-alojamiento {
        width:fit-content;
        max-width: 50vw;
        border-radius: 16px;
        border: 0;
        padding: 16px;
        overflow: hidden;
        
        flex-direction: column;
        box-sizing: border-box;
    }
	@media(max-width:991px){
		.custom-modal-alojamiento {
			max-width:90%
		}
	}

    .custom-modal-alojamiento::backdrop {
        background: rgba(0, 0, 0, 0.7);
    }

    .custom-modal-alojamiento form[method="dialog"] {
        margin: 0;
        display: flex;
        justify-content: flex-end;
        flex: 0 0 auto;
    }

    .custom-modal-alojamiento .plano-modal__close {
        appearance: none;
        -webkit-appearance: none;
        border: 0;
        background: transparent;
        padding: 0;
        margin: 0;
        cursor: pointer;
        color: #000;
        font-size: 28px;
        line-height: 1;
    }

/*
.ms-view.ms-basic-view.ms-grab-cursor,
.ms-inner-controls-cont{
	max-width:none!important;
}
.ms-slide-bgcont,
.ms-view.ms-basic-view.ms-grab-cursor,
.master-slider-parent,
.ms-wk .ms-slide{
	height:600px!important;
	width:100%!important;
	max-width:inherit!important
}

.ms-wk .ms-slide img{
	object-fit:cover;
	height:600px!important;
	width:100%!important;
	margin:0;
	position:relative!important;
	top:inherit!important;
}
*/


.controler-alojamientos{
	border-radius:16px;
	overflow:hidden;
	min-height:450px
}
.controler-alojamientos .controler-alojamientos-img{}
.controler-alojamientos .controler-alojamientos-caption{
	padding:24px!important;
	display:flex;
}
.controler-alojamientos .controler-alojamientos-caption h3{
	color:#000!important;
	font-family: 'Playfair Display'!important;
    margin: 0 0 12px 0;
    font-size: 24pX !important;
	font-weight:600!important;
}
.controler-alojamientos .controler-alojamientos-caption p{
	font-family: 'Source Sans Pro', sans-serif!important;
    color: #000!important;
    font-size:20px!important;
    font-weight: 500;
}

.controler-alojamientos .controler-alojamientos-caption .elementor-widget-button .elementor-button{
	background-color:transparent!important;
	border:1px solid #000!important;
	opacity:1!important;
	text-decoration:none!important;
	padding:12px 36px!important;
	font-family: 'Source Sans Pro', sans-serif!important;
    color: #000!important;
    font-size:20px!important;
	border-radius:8px!important;
}
.controler-alojamientos .controler-alojamientos-caption .controler-alojamientos-caption-fotter{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:16px;
}
.controler-alojamientos .controler-alojamientos-caption .controler-alojamientos-caption-fotter .price,
.controler-alojamientos .controler-alojamientos-caption .controler-alojamientos-caption-fotter .oferts{
	width:50%;
}
.controler-alojamientos .controler-alojamientos-caption .controler-alojamientos-caption-fotter .oferts p,
.controler-alojamientos .controler-alojamientos-caption .controler-alojamientos-caption-fotter .price p{
	font-size:16px!important;
	margin-bottom:0!important;
	display:flex!important;
	font-family: 'Source Sans Pro', sans-serif!important;

	flex-direction:column;
}
.controler-alojamientos .controler-alojamientos-caption .controler-alojamientos-caption-fotter .price p strong{
	font-size:28px!important;
}
.controler-alojamientos .controler-alojamientos-caption .controler-alojamientos-caption-fotter .oferts{
	border-left:1px solid #fff!important; 
	padding-left:12px;
	display:flex;
	flex-direction:column;
		font-family: 'Source Sans Pro', sans-serif!important;
	gap:0;
}


.controler-alojamientos .controler-alojamientos-caption .controler-alojamientos-caption-fotter *{
	color:#fff!important;
}

.controler-alojamientos.bungalows { 
	background-color:#F3A33C;
}
.controler-alojamientos .controler-alojamientos-caption .controler-alojamientos-caption-fotter{
		background-color:#AF4808!important;
}



.controler-alojamientos.mobil-homes { 
	background-color:#3ebead;
}
.controler-alojamientos.mobil-homes .controler-alojamientos-caption .controler-alojamientos-caption-fotter{
	background-color:#2da999!important;
}


.controler-alojamientos.parcelas { 
	background-color:#6AAF4F;
}
.controler-alojamientos.parcelas .controler-alojamientos-caption .controler-alojamientos-caption-fotter{
	background-color:#1C5804!important;
}

.intro-entorn h2{
	font-size:24px!important;
	color:#666!important;
	font-weight:500!important;
	margin-bottom:12px!important;
}

.intro-entorn h2 b{
	font-size:24px!important;
	color:var(--blue-1);
	font-weight:500!important;
}

.entorno-lnk a{
	text-decoration:underline;
	color:var(--blue-1);
	font-size:20px!important;
		font-family: 'Source Sans Pro', sans-serif!important;

}

.card-instalaciones{
	
}

.card-instalaciones .caption-instalaciones{
	background-color:#EAF0FE;
	padding: 20px;
    width: 100%;
}

.card-instalaciones .caption-instalaciones h2{
	font-size: 32px!important;
    font-weight: 500!important;
	color:var(--blue-1)!important;
	margin:0 0 8px 0!important;
}

.card-instalaciones .caption-instalaciones p{
	font-size: 20px!important;
    font-weight: 500!important;
	color:#666!important;
}


.card-instalaciones .caption-instalaciones .btn-masInfo a{
    color: #fff!important;
    background-color:var(--blue-2)!important;
    padding: 12px 20px!important;
    display: inline-block!important;
    margin: 12px 0 0 0!important;
	border-radius:8px!important;
	text-decoration:none;
}



.card-servicios h3{
	font-size: 32px!important;
    font-weight: 500!important;
	color:var(--blue-1)!important;
	margin:16px 0 8px 0!important;
	font-family: 'Playfair Display'!important;

}

.card-servicios p a{
	color:var(--blue-1)!important;
}


.banner-piscina h2 strong{
	color: #F6E362!important;
    font-size: 32px!important;
    line-height: 115%!important;
    font-weight: 700!important;
    font-style: italic!important;
}

.banner-piscina h2{
	font-family: 'Asap', sans-serif;
	color: #fff!important;
    font-size: 26px!important;
    font-weight: 500!important;
    font-style: italic!important;
    margin-left: 35px!important;
    display: flex!important;
	flex-direction:column;
}

.card-restaurante{
	background-color:var(--blue-2);
	padding:40px;
}

.card-restaurante a {
	font-size: 32px!important;
    font-weight: 700!important;
    color: #fff!important;
	text-decoration:none!important;
	line-height:80%
}
.card-restaurante a small{
	font-size: 14px!important;
    font-weight: 500 !important;
    color: #fff!important;
}

.card-desayuno{
	margin-top: 16px;
    background-image: url(https://devlallosa.studiogenesis.es/wp-content/uploads/2026/02/imagen-banner-pension.png);
	background-size:auto 100%;
    background-repeat: no-repeat;
    background-position: top right;
    background-color: #f5f5f5;
    padding: 24px;
}
.card-desayuno h2{
	font-size: 32px!important;
	margin:0 0 12px 0!important;
}
.card-desayuno .banner-pension-texto p{
	width:60%!important;
	font-family: 'Source Sans Pro', sans-serif!important;
    color: #666666!important;
    font-size: 18px!important;
    font-weight: 500!important;
	margin-bottom:0!important
}
.card-desayuno .info-pension{
	padding: 20px;
    background: #fff;
    margin: 16px 0;
	width:70%!important;
}
.card-desayuno .info-pension p{
	margin-bottom:4px!important;
}



.controler-custom-form{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	gap:20px;
}
.controler-custom-form .col-12{
	width:100%;
}
.controler-custom-form .col-6{
	width:calc(50% - 10px);
}
.controler-custom-form p label,
.controler-custom-form p{
	margin:0;
	width:100%;
	
}
.controler-custom-form .wpcf7-submit{
        background-color: var(--blue-2);
    color: var(--white);
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    font-family: 'Source Sans Pro';
    font-weight: 600;
    padding: 1rem 4rem;
    display: block;
    width: fit-content;
    height: fit-content;
    border-radius: 8px;
    margin: 32px 0 0 0;
	border:transparent!important
}
.controler-custom-form .wpcf7-submit:hover{
	background-color:var(--blue-1)
}
.controler-custom-form .wpcf7-list-item{
	margin:32px 0 0px 0;
}


.controler-custom-form input[type=date], 
.controler-custom-form input[type=email], 
.controler-custom-form input[type=number], 
.controler-custom-form input[type=tel], 
.controler-custom-form input[type=text], 
.controler-custom-form select, 
.controler-custom-form textarea{
 	padding: 12px;
    border: 1px solid #EAF0FE;
    border-radius: 8px;
	width:100%;
		margin-top:8px;
}

.card-faqs{
	min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.card-faqs h2{
	    font-size: 32px!important;
    font-family: 'Playfair Display';
    color: var(--blue-2);
    margin: 0;
    margin-bottom: 0!important;
}
.card-faqs a{
    background-color: var(--blue-2)!important;
    color: var(--white);
    text-align: center;
    text-decoration: none!important;
    font-size: 18px;
    font-family: 'Source Sans Pro';
    font-weight: 600;
    padding: 1rem 4rem;
    display: block;
    width: fit-content;
    height: fit-content;
    border-radius: 8px;
}
.card-faqs a:hover{
	background-color:var(--blue-1)!important;
}

.elementor-widget-n-accordion .e-n-accordion-item-title-text{
	color:var(--blue-1)!important;
	font-size:20px!important;
	font-weight:600!important;
		border:none!important;
	padding:12px 0!important;
}

.elementor-widget-n-accordion summary{
	padding: 0!important;
	border:none!important;
}
.elementor-widget-n-accordion  div{
	padding:0 0 6px 0!important;
	border:none!important
}
.elementor-widget-n-accordion  div summary{
		padding: 0!important;
		border:none!important;
		border-top:1px solid var(--blue-1)!important;

}
.elementor-widget-n-accordion ul{
	padding-left:20px!important;
}


.footer-links{
	
}



.actividades-list{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	gap:20px;
}
.actividades-list:first-of-type{
	padding-bottom:80px;
}
.actividades-list h2{
	width:100%;
}

.actividades-list .controler-activities{
	background-color:#EAF0FE;
	border-radius:8px;
	display:flex;
	flex-direction:row;
	padding:20px 20px 28px 20px;
	gap:20px;
	width:calc(33% - 13.333333333333px);
	position:relative;
	
}
.actividades-list .controler-activities .bulletdate{
	background-color:var(--blue-2);
	color:#fff;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:8px;
	border-radius:1000px;
	min-height:64px;
	min-width:64px;
	height:64px;
	width:64px;
}
.actividades-list .controler-activities .bulletdate {
		font-size:16px;
	line-height:16px;

}
.actividades-list .controler-activities .bulletdate strong{
	font-size:32px;
	line-height:20px;
	font-family: "Playfair Display", serif!important;
	
}
.actividades-list .controler-activities .controler-activities-caption{
	display:flex;
	flex-direction:column;
}
.actividades-list .controler-activities h3{
	color: #346AF4!important;
	margin:0 0 8px 0!important;
	font-family: "Playfair Display", serif!important;
	font-size: 28px!important;
	font-style: normal!important;
	font-weight: 400!important;
}

.actividades-list .controler-activities .controler-values{
	display:flex;
	flex-direction:row;
	gap:16px;
	flex-wrap:wrap;
	margin-top:8px;
}

.actividades-list .controler-activities .controler-values span{
	color: #346AF4;
	font-family: "Open Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	gap:8px
}
.actividades-list .controler-activities .controler-values span svg{
	height:20px;
}


.controler-news .sina-bp-content{
	display:flex;
	flex-direction:column;
}

.controler-news .sina-bp-text,
.controler-news .sina-btn-wrapper,
.controler-news h2.sina-bp-title,
.controler-news .sina-bp-meta{
	position:relative;
}
.controler-news .sina-bp-text{order:2}
.controler-news .sina-btn-wrapper{order:3}
.controler-news h2.sina-bp-title {order:1}
.controler-news .sina-bp-meta{order:0;margin-bottom:4px!important}

.controler-news h2.sina-bp-title a,
.controler-news h2.sina-bp-title {
    font-family: 'Playfair Display';
    color: var(--blue-1)!important;
    margin: 0;
    margin-bottom: 12px!important;
    font-size: 24px !important;
	text-decoration:none!important;
	font-weight:400!important;
	
	
}
.controler-news .sina-bp-text{
	font-family: 'Source Sans Pro', sans-serif!important;
    color: #666666!important;
    font-size: 18px!important;
    font-weight: 500!important;
}

.controler-news  .sina-read-more  {
	color: #e96b00!important;
	background-color:transparent!important;
	text-decoration:none!important;
    padding: 4px 12px!important;
    border-left: 3px solid #e96b00!important;
    transition: all .3s ease-in-out!important;
    font-size: 16px!important;
	border-radius:0!important;
	width:fit-content!important;
}
.controler-news  .sina-read-more:hover{
	background-color:#e96b00!important;
	color:#fff!important;
}
.controler-news .sina-bp-meta{
	margin:0!important;
	padding:0!important;
	border:none!important;
}

.controler-news .sina-button.sina-load-more-btn {
	color: var(--blue-2)!important;
    text-transform:uppercase!important;
	border:1px solid var(--blue-2)!important;
    transition: 0.3s ease-in-out!important;
    border-radius: 8px!important;
	background-color:#fff!important;
}
.controler-news .sina-button.sina-load-more-btn:hover{
	background-color: var(--blue-2)!important;
	color:#fff!important
}

 
/* ------ booking ------- */

#widgetBookingContainer{
	height:96px!important;
    position: fixed;
    z-index: 1001;
	bottom:24px;
    transition: 0.3s ease-in-out;
	transform:translate(-50% , 0);
    left: 50%;
    background-color: white;
    box-shadow: 0px 5px 19px 3px rgba(0, 0, 0, 0.25);
    opacity: 1;
    border-radius: 8px;
    width: 1140px;  
	display:flex;
	flex-direction:row;
		gap:12px;

}
 
#widgetBookingContainer .peopleContainer{
	display:flex;
	flex-direction:row;
	width:30%;
	gap:12px;

}
#widgetBookingContainer .checkinCheckoutContainer{
	display:flex;
	flex-direction:row;
	gap:12px;
	width:50%;
}

#widgetBookingContainer button{
	border-radius: 8px;
    background-color: var(--blue-2);
    transition: 0.3s ease-in-out;
    color: white;
    font-family: 'Source Sans Pro';
    font-size: 20px;
    font-weight: 600;
	width:20%;
	margin:0;
	min-height:100%
}

#widgetBookingContainer .checkinCheckoutContainer label,
#widgetBookingContainer .peopleContainer label{
	display:none;
}

#widgetBookingContainer .childsGroupContainer,
#widgetBookingContainer .adultsContainer,
#widgetBookingContainer .checkinContainer,
#widgetBookingContainer .checkoutContainer {
	width:50%;
	
	margin:0;
	min-height:100%
}

#widgetBookingContainer .childsGroupContainer div::after,
#widgetBookingContainer .adultsContainer div::after{
	top:50%;
	    transform: translateY(-50%);
}
#widgetBookingContainer span{
	border:1px solid #c5c5c5;
	border-radius:4px;
	min-height:100%;
	height:56px;
	display:flex;
	flex-direction:row;
	align-items:center;
}
#widgetBookingContainer .childAgeGroupContainer span.inputBox{
	margin:8px 0 0 0 ;
}

.comboPopup {
    bottom: 70px !important;
    left: 60% !important;
}


.widget_columns .peopleContainer .childAgeGroupContainer {
    margin-top: 0;
}

.widget_columns .peopleContainer .childAgeGroupContainer {
    border-radius: 10px;
    background-color: white;
    padding: 0px;
    box-shadow: 0px 5px 19px 3px rgba(0, 0, 0, 0.25);
}

.categoriesPopup, .datePickerPopup, .comboPopup {
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
    position: absolute!important;
    background-color: #FFF;
    min-width: 300px;
    text-align: left;
}
#widgetBookingContainer .childAgeGroupContainer label{
	display:flex;
	margin:8px 8px 0 8px;
}
#widgetBookingContainer .childAgeGroupContainer{
	position:absolute!important;
	bottom:100px;
	right:0;
	    -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.2);
    position: absolute!important;
    background-color: #FFF;
	border-radius:8px;
	width:fit-content;
	display:flex;
	flex-direction:row;
	gap:8px;
}
@media only screen and (min-width: 800px) {
    .widget_columns .peopleContainer .childAgeGroupContainer {
        position: absolute;
        background: rgba(0, 0, 0, 0.1);
        background: #e6e6e6;
        top: 100%;
        padding-left: 10px;
        margin-left: -10px;
        margin-top: -20px;
    }
}
.categorySelector ,
.facilities ,
.stayLen{
	display:none;
}
.categoriesPopup span, .datePickerPopup span, .comboPopup span,
#widgetBookingContainer .datePickerPopup  span{
	height:fit-content!important;
	min-height:inherit!important;
	border:none!important;
}	
#widgetBookingContainer .datePickerPopup .popupTitle, #widgetBookingContainer .widgetBookingContainer .popupTitle {
    background-color: var(--blue-1)!important;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;

}
.datePickerPopup .month_title{
	    background-color: var(--blue-2)!important;

}
#widgetBookingContainer .popupTitle{
    background-color: var(--blue-2)!important;
}

.checkinCheckoutContainer td.checkinDay, 
.checkinCheckoutContainer .checkout td.checkinDay, 
.checkinCheckoutContainer .checkin td.checkinDay, 
.checkinCheckoutContainer .checkout td.stayDay {
    background-color: var(--blue-2)!important;
}


.datePickerPopup table tr th.Sun, .datePickerPopup table td.selectable.Sun {
    color: var(--orange)!important;
}

.childAgeContainer{
	margin:10px!important
}