/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: A plain-vanilla & lightweight theme for Elementor page builder
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.6.1.1764744552
Updated: 2025-12-03 07:49:12
*/

#ct-ultimate-gdpr-cookie-open:hover, 
#ct-ultimate-gdpr-cookie-open:hover * {
    color: #F3A100 !important;
}

.footerList {text-decoration: underline;}

/* Esto añade el check a cada elemento de la lista automáticamente */
.jet-check-list__item::before {
    content: "\f00c"; /* Código de FontAwesome para el Check */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #053F57; /* Un verde bonito o el color de tu marca */
    margin-right: 10px;
}

/* Si el widget de JetEngine ya trae un icono por defecto, lo ocultamos */
/*.jet-check-list__item-icon { display: none !important; }*/

.nav-tabs::after {
    border: 18px solid #0C658A;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    content: "";
    left: 1%;
	margin-top: 6px;
    position: absolute;
    z-index: 101;
}

/* En las Ofertas, la flecha sobresale 1px por la parte superior, solucionado */
.elementor-shape-top {top: 1px !important;}
/* En el botón Scroll Top, en el hover, poner el cursor a Pointer */
#boton-subir:hover { cursor:pointer !important; }

h1 span.titles { font-size: 3.5rem; font-weight:500; color:#bdce00; font-style:italic; font-family: "Caveat" !important;}
h2 span.titles { font-size: 3.2rem; font-weight:500; color:#bdce00; font-style:italic; font-family: "Caveat" !important;}
h3 span.titles { font-size: 3.2rem; font-weight:500; color:#bdce00; font-style:italic; font-family: "Caveat" !important;}
h4 span.titles { font-size: 3.2rem; font-weight:500; color:#bdce00; font-style:italic; font-family: "Caveat" !important;}
.big-text h2 span.titles { font-size: 4.5rem; font-weight:500; color:#bdce00; font-style:italic; font-family: "Caveat" !important;}


/* Mantiene el color naranja en el menú 'Hoteles' cuando entras en cualquier alojamiento */
.single-alojamientos .menu-item-3219 > a, .single-poblaciones .menu-item-3122 > a, .single-excursiones .menu-item-4425 > a, .single-ofertas .menu-item-3629 > a {
    color: #F5A623 !important;
}
/* Catalán */
.single-alojamientos .menu-item-xxxx > a, .single-poblaciones .menu-item-xxx > a, .single-excursiones .menu-item-9541 > a, .single-ofertas .menu-item-xxx > a {
	color: #F5A623 !important;
}

/* Si tienes una línea o indicador visual activo, lo activamos también aquí */
/*.single-alojamientos .menu-item-3219 > a::after {
    opacity: 1 !important;
    visibility: visible !important;
}*/

/* Colores por defecto para las TARJETAS DE LOS ALOJAMIENTOS 
 * Lo hago así para poder mantener una sóla tarjeta en vez de tener que duplicarlas según 
 * el color de fondo de la página, más profesional, menos trabajo.
 * */
.fondo-oscuro .fondo-alojamiento { background-color:#ffffff !important;}
.fondo-oscuro .contenedor-alojamiento { border-color: #ffffff !important; }
.fondo-oscuro .contenedor-alojamiento { background-color: rgba(0,0,0,0.4) !important; }
.fondo-oscuro .icono-alojamiento .elementor-icon svg { color:#053F57 !important; fill:#053F57 !important;}
.fondo-oscuro .nombre-alojamiento .jet-listing-dynamic-link__label { color:#053F57 !important; }
.fondo-oscuro .tipo-categoria-alojamiento .jet-listing-dynamic-field__content { color:#ffffff !important; }
.fondo-oscuro .poblacion-alojamiento .jet-listing-dynamic-terms__link, .fondo-oscuro .poblacion-alojamiento .jet-listing-dynamic-terms__delimiter { color:#ffffff !important; }
.fondo-oscuro .texto-alojamiento .jet-listing-dynamic-field__content { color: #ffffff !important; }
.fondo-oscuro .btinfo-alojamientos .elementor-button { background-color:transparent !important; color:#ffffff !important; border:1px solid #ffffff !important; }
.fondo-oscuro .btinfo-alojamientos .elementor-button:hover { background-color:#ffffff !important; color:#053F57 !important; border:1px solid #053F57 !important; }
.fondo-oscuro .btinfo-alojamientos .elementor-button:hover .elementor-button-icon svg { fill:#053F57 !important }
.fondo-oscuro .separador-alojamientos .elementor-divider-separator { --divider-color: #ffffff !important;  }

/* Colores por defecto para las TARJETAS DE POBLACIONES */
.fondo-oscuro .contenedor-poblacion { border-color: #ffffff !important; }
.fondo-oscuro .contenedor-poblacion { background-color: rgba(0,0,0,0.4) !important; }
.fondo-oscuro .fondo-poblaciones { background-color:#ffffff !important;}
.fondo-oscuro .nombre-poblacion .jet-listing-dynamic-link__label { color:#053F57 !important; }
.fondo-oscuro .separador-poblacion .elementor-divider-separator { --divider-color: #ffffff !important;  }
.fondo-oscuro .texto-poblacion .jet-listing-dynamic-field__content { color: #ffffff !important; }
.fondo-oscuro .btinfo-poblacion .elementor-button { background-color:transparent !important; color:#ffffff !important; border:1px solid #ffffff !important; }
.fondo-oscuro .btinfo-poblacion .elementor-button:hover { background-color:#ffffff !important; color:#053F57 !important; border:1px solid #053F57 !important; }
.fondo-oscuro .btinfo-poblacion .elementor-button:hover .elementor-button-icon svg { fill:#053F57 !important; }

/* Colores por defecto para las TARJETAS DE EXCURSIONES */
.fondo-oscuro .contenedor-excursion { border-color: #ffffff !important; }
.fondo-oscuro .fondo-excursion { background-color:#ffffff !important; border: none !important; }
.fondo-oscuro .contenedor-excursion { background-color: rgba(0,0,0,0.4) !important; }
.fondo-oscuro .nombre-excursion .jet-listing-dynamic-link__label { color:#053F57 !important; }
.fondo-oscuro .tipo-excursion .jet-listing-dynamic-field__content { color: #053F57 !important; }
.fondo-oscuro .separador-excursion .elementor-divider-separator { --divider-color: #ffffff !important;  }
.fondo-oscuro .texto-excursion .jet-listing-dynamic-field__content { color: #ffffff !important; }
.fondo-oscuro .btinfo-excursion .elementor-button { background-color:transparent !important; color:#ffffff !important; border:1px solid #ffffff !important; }
.fondo-oscuro .btinfo-excursion .elementor-button:hover { background-color:#ffffff !important; color:#053F57 !important; border:1px solid #053F57 !important; }
.fondo-oscuro .btinfo-excursion .elementor-button:hover .elementor-button-icon svg { fill:#053F57 !important; }

.about-animated-text .elementor-headline-dynamic-text {font-size:3.5rem;}

/* Versión Móvil (opcional): si quieres forzar que en móvil NO sea sticky */
@media (min-width: 768px) {
	
	/* Cuando el usuario baja más de 200px (o el valor del Offset), el fondo se vuelve blanco */
	.elementor-sticky--effects.bloque-menu {background-color: rgba(255,255,255,0.9) !important; transition: background-color 0.6s ease-in-out !important; }

	/* Hide new logo by default */
	.normal-logo {display: none;}
	/* When header is sticky, hide old logo and show new logo */
	.elementor-sticky--effects .transparent-logo {display: none;}
	.elementor-sticky--effects .normal-logo {display: block !important;}

	/* 2. Texto del Menú a Azul #053F57 al bajar */
	/* 2. Color del texto del menú (Enlaces) */
	/* Usamos tu clase .main-menu-header para asegurar el tiro */
	.elementor-sticky--effects .main-menu-header ul li a.elementor-item {color: #000000 !important;transition: color 0.4s ease-in-out !important;}

	/* 3. Color de las banderas y textos de WPML al bajar */
	.elementor-sticky--effects .wpml-ls-item a, 
	.elementor-sticky--effects .wpml-ls-item a span {color: #000000 !important;}
	/* 1. Fondo blanco y texto azul para el desplegable de WPML */
	.elementor-sticky--effects .wpml-ls-sub-menu {background-color: #FFFFFF !important;}

	/* 3. HOVER y ACTIVE: Mantener el naranja #F5A623 incluso al bajar */
	.elementor-sticky--effects .main-menu-header ul li a.elementor-item:hover,
	.elementor-sticky--effects .main-menu-header ul li a.elementor-item.elementor-item-active,
	.elementor-sticky--effects .main-menu-header ul li a.elementor-item.highlighted {color: #F5A623 !important;}
	/* 2. Fondo blanco para los desplegables del menú principal (Dropdowns) */
	.elementor-sticky--effects .main-menu-header .elementor-nav-menu--main .sub-menu,
	.elementor-sticky--effects .main-menu-header .elementor-nav-menu--dropdown {background-color: #FFFFFF !important;}

	/* 1. Forzar color azul en el texto de los SUBMENÚS al bajar */
	.elementor-sticky--effects .main-menu-header ul.sub-menu li a {color: #000000 !important;}

	/* 2. Cambiar el color de la FLECHA (indicador) al bajar */
	.elementor-sticky--effects .main-menu-header .elementor-item .sub-arrow i,
	.elementor-sticky--effects .main-menu-header .elementor-item .sub-arrow svg {fill: #000000 !important;color: #053F57 !important;}

	/* 4. Hover en el submenú (Naranja) */
	.elementor-sticky--effects .main-menu-header ul.sub-menu li a:hover {color: #F5A623 !important;}

	/* 4. Hover naranja en los submenús para mantener coherencia */
	.elementor-sticky--effects .main-menu-header .sub-menu a.elementor-item:hover {color: #F5A623 !important;}

	/* 1. Forzamos a que el contenido se centre verticalmente */
	.elementor-sticky--effects.bloque-menu {
		display: flex !important;
		align-items: center !important; /* Centrado vertical */
		justify-content: space-between !important; /* Mantiene logo a un lado y menú al otro */
		min-height: 70px !important;
		height: 70px !important;
	}

	/* 2. Quitamos cualquier margen que pueda estar empujando el menú hacia abajo */
	.elementor-sticky--effects.bloque-menu .elementor-container {
		height: 100% !important;
		display: flex !important;
		align-items: center !important;
	}
	
	/* 1. Quitamos los espacios que empujan el logo hacia abajo */
	.elementor-sticky--effects.normal-logo {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		padding-top: 5px !important;
		padding-bottom: 5px !important;
		top: 15px !important;
		transition: all 0.8s ease-in-out !important;
	}
}