/* Automatically migrated from the WPCode export. */


/* ============================================================
 * WPCode #197: Global CSS
 * WPCode Metadata: {"id":197,"title":"Global CSS","code_type":"css","location":"site_wide_header","auto_insert":1,"insert_number":1,"use_rules":false,"rules":[],"priority":10,"location_extra":"","shortcode_attributes":[],"compiled_code":"","modified":"2026-09-08 13:14:13","tags":[],"note":"","cloud_id":false,"custom_shortcode":""}
 * ============================================================ */
/* #masthead {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: background-color 0.4s ease, box-shadow 0.4s ease;
} */
#masthead.is-sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background-color: #fff;
	/* ajustá el color */
	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
}

html {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

body {
	padding-top: 0 !important;
}

/* main#content {
	padding-top: 90px !important;
} */
p {
	margin-bottom: 0;
}

/* Todos los elementos */
*:focus,
*:focus-visible,
*:active {
	outline: none !important;
	box-shadow: none !important;
}

.link-red a {
	color: #FF5622 !important;
}

.full-width {
	max-width: none;
	width: 100% !important;
}

/* oculto en desktop */
.menu-item-lang-mobile {
	display: none;
}

/* ============================= */
/* RESPONSIVE MEGA MENU */
/* ============================= */
@media (max-width: 767px) {
	.menu-item-lang-mobile {
		display: block;
		margin-left: 12px !important;
	}

	.menu-item-lang-mobile .wpml-ls-legacy-dropdown a {
		background-color: #fff !important;
		border: 0 !important;
		padding-top: 0 !important;
		font-family: "Field Gothic", Sans-serif !important;
		font-weight: 700 !important;
	}
}

@media (min-width: 1025px) {

	/* ============================= */
	/* FIX: ELIMINAR SUBMENUS FLOTANTES */
	/* ============================= */
	.sub-menu .sub-menu {
		position: static !important;
		display: block !important;
		transform: none !important;
		opacity: 1 !important;
		visibility: visible !important;
		box-shadow: none !important;
		background: transparent !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.menu-item-has-children {
		position: relative;
	}

	.hfe-nav-menu>li.menu-item-has-children>.sub-menu {
		position: fixed !important;
		top: 86px !important;
		left: 0;
		display: none;
		gap: 70px;
		align-items: flex-start;
		justify-content: center;
		background: #f2f2f2;
		padding: 40px 40px 100px;
		border-radius: 0;
		box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
		z-index: 990;
		width: 100%;
		max-width: 100%;
	}

	/* mostrar en hover */
	.hfe-nav-menu>li.menu-item-has-children:hover>.sub-menu {
		display: flex !important;
	}

	.menu-item-has-children::after {
		content: "";
		position: absolute;
		top: 30px;
		left: 7px;
		width: 140px;
		height: 30px;
	}

	/* ============================= */
	/* COLUMNAS (CIUDADES) */
	/* ============================= */
	.menu-item-has-children>.sub-menu>li {
		display: flex;
		flex-direction: column;
		width: max-content !important;
		min-width: 90px;
		max-width: 140px;
	}

	/* título ciudad */
	.sub-menu li.menu-item:not(:last-child) {
		border: 0 !important;
	}

	header .menu-item-has-children>.sub-menu a.hfe-sub-menu-item,
	header .menu-item-has-children>.sub-menu>li>a {
		font-size: 20px;
		font-weight: 700;
		margin-bottom: 5px;
		display: block;
		color: #000 !important;
		text-transform: capitalize !important;
		padding: 5px 0px !important;
		width: max-content;
		/* 	max-width: 140px; */
	}

	.hfe-nav-menu__layout-horizontal li.menu-item,
	.hfe-nav-menu__layout-horizontal>li.menu-item {
		cursor: pointer;
	}

	header .menu-item-has-children>.sub-menu>li.link-disable a {
		color: #0000004D !important;
	}

	.menu-item-has-children>.sub-menu .sub-arrow {
		display: none;
	}

	/* ============================= */
	/* ITEMS INTERNOS */
	/* ============================= */
	.sub-menu .sub-menu li:last-child,
	.sub-menu .sub-menu li {
		margin-bottom: 5px;
		margin: 0 !important;
		border: 0 !important;
	}

	header .sub-menu .sub-menu li a {
		font-weight: 400 !important;
		font-size: 20px;
		color: #000 !important;
		margin: 0 !important;
		border: 0 !important;
		padding: 5px 10px !important;
		opacity: .8;
	}

	/* hover links */
	.sub-menu a:hover {
		opacity: 1;
	}

	.elementor-28 .elementor-element.elementor-element-fdc8e1c a.hfe-sub-menu-item,
	.sub-menu .sub-menu li a {
		position: relative;
		text-decoration: none;
	}

	.elementor-28 .elementor-element.elementor-element-fdc8e1c a.hfe-sub-menu-item:not([href="#"]):not([href=""]):not([href^="javascript"])::after,
	.sub-menu .sub-menu li a:not([href="#"]):not([href=""]):not([href^="javascript"])::after {
		content: '';
		position: absolute;
		bottom: -2px;
		left: 0;
		width: 0;
		height: 1px;
		background-color: currentColor;
		transition: width 0.3s ease;
	}

	.elementor-28 .elementor-element.elementor-element-fdc8e1c a.hfe-sub-menu-item:not([href="#"]):not([href=""]):not([href^="javascript"]):hover::after,
	.sub-menu .sub-menu li a:not([href="#"]):not([href=""]):not([href^="javascript"]):hover::after {
		width: 100%;
	}

	/* ============================= */
	/* OPCIONAL: EVITAR ESTILOS DE HFE */
	/* ============================= */
	.hfe-nav-menu .sub-menu {
		list-style: none;
	}
}

@media (min-width: 1025px) and (max-width: 1600px) {
	.hfe-nav-menu .sub-menu {
		min-width: 75px;
	}

	.hfe-nav-menu>li.menu-item-has-children:hover>.sub-menu {
		display: flex !important;
		position: fixed !important;
	}
}

@media (min-width: 1500px) {
	#myHero .elementor-widget-video {
		left: 260px;
		width: 670px;
	}
}

@media (min-width: 1700px) {
	.elementor-image-gallery .gallery-item {
		max-width: 250px !important;
		height: 150px !important;
	}

	.elementor-image-gallery .gallery-item img {
		height: 150px !important;
		border-radius: 6px !important;
	}

	#myHero .elementor-widget-video {
		left: 331px;
		width: 670px;
		top: 224px;
	}
}

@media (min-width: 1900px) {
	.elementor-3401 .elementor-element.elementor-element-21804d2 img {
		width: 100%;
	}

	.menu-item-has-children>.sub-menu>li {
		max-width: 100% !important;
	}

	.hfe-nav-menu>li.menu-item-has-children>.sub-menu {
		gap: 0 !important;
	}

	#myHero .elementor-widget-video {
		left: 341px;
		width: 739px;
		top: 245px;
	}

	body:not(.rtl) .elementor-6 .elementor-element.elementor-element-4f75f8b {
		right: 40px;
	}

	footer .hfe-nav-menu__layout-horizontal {
		width: 100% !important;
	}
}

@media (min-width: 2000px) {
	body:not(.rtl) .elementor-6 .elementor-element.elementor-element-4f75f8b {
		right: 160px;
	}

	.elementor-8239 .elementor-element.elementor-element-588fc6e {
		min-height: 75px !important;
	}

	#myHero .elementor-widget-video {
		left: 410px;
		width: 800px;
		top: 285px;
	}
}

@media (min-width: 1100px) and (max-width: 1399px) {
	.elementor-6 .elementor-element.elementor-element-91ceba6 {
		width: 500px;
	}
}

/* ===== SIDEBAR ===== */
#sidebar_engine {
	display: flex;
	flex-direction: column;
	position: fixed;
	top: 0;
	right: 0;
	height: 100vh;
	width: 100%;
	max-width: 400px;
	background: #fff;
	z-index: 9999;
	transform: translateX(100%);
	transition: transform 0.4s ease;
	box-shadow: -10px 0 30px rgba(0, 0, 0, 0.15);
}

#sidebar_engine.is-open {
	transform: translateX(0);
}

.sidebar-close {
	position: absolute;
	top: 15px;
	right: 20px;
	font-size: 28px;
	cursor: pointer;
	z-index: 2;
}

/* ===== INNER DE ELEMENTOR ===== */
#sidebar_engine .e-con-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	/* centra vertical */
	align-items: stretch;
	/* ocupa ancho */
	height: 100%;
	width: 100%;
	max-width: 100%;
}

/* ===== WIDGET SHORTCODE ===== */
#sidebar_engine .elementor-widget-shortcode {
	width: 100%;
}

/* ===== CONTENEDOR INTERNO DEL SHORTCODE ===== */
#sidebar_engine .elementor-shortcode {
	width: 100%;
	display: flex;
}

#sidebar_engine [data-elementor-type="container"] {
	position: relative;
	display: block;
	width: 100%;
	height: max-content;
}

/* ===== MIRAI WRAPPER ===== */
#sidebar_engine [data-mirai-component="finder"] {
	width: 100% !important;
}

/* ===== CAMPOS MIRAI (inputs) ===== */
#sidebar_engine [data-role="field"],
#sidebar_engine .jgiT-G_container {
	width: 100% !important;
}

#sidebar_engine .component_finder {
	position: relative !important;
	height: auto !important;
}

@media (max-width: 768px) {
	#sidebar_engine {
		max-width: 100%;
	}
}

/* BOOKING ENGINE BAR */
.component_finder {
	left: 0 !important;
}

.I2Uiuq_input {
	background-color: #fff !important;
	color: #000 !important;
	font-size: 12px !important;
	line-height: 12px !important;
	padding: 0 !important;
}

.YRq8BG_finder:not(.YRq8BG_compact) {
	background-color: #FFF !important;
	border: 0px !important;
	border-radius: 4px;
}

.YRq8BG_finder:not(.YRq8BG_compact) .YRq8BG_button:not(:hover):not(.YRq8BG_skeleton),
ui-button.ex0cka_button {
	font-family: "Field Gothic", Sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #000 !important;
	background-color: #FF5622 !important;
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #000 !important;
	border-radius: 0px 0px 0px 0px;
	text-transform: uppercase;
}

.YRq8BG_separator {
	background-color: #fff !important;
}

.HH83Qq_field {
	border-radius: 0 !important;
	border: 0 !important;
	margin: 4px 0;
}

#sidebar_engine .HH83Qq_field {
	border-radius: 0 !important;
	border: 1px solid #000 !important;
}

body {
	padding-top: 98px;
	/* 98px igual a la altura de tu header */
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

.field-gotic {
	font-family: "Field Gothic", Sans-serif;
	font-weight: 700;
}

.larken {
	font-family: "Larken", Sans-serif !important;
	font-weight: 400;
	text-transform: lowercase !important;
}

Emisiones Cero</span></h1>[type=button]:focus,
[type=button]:hover,
[type=submit]:focus,
[type=submit]:hover,
button:focus,
button:hover,
select:focus,
select:hover {
	background-color: transparent;
	color: transparent;
	text-decoration: none;
	outline: none;
	box-shadow: none;
}

select:focus-visible {
	outline: none;
}

select {
	-webkit-tap-highlight-color: transparent;
}

/* Ocultar el contenido original de Elementor */
#banner-top,
#banner-center,
#banner-bottom {
	overflow: hidden !important;
	width: 100% !important;
	position: relative !important;
	padding: 0 !important;
}

/* Track animado */
.marquee-track {
	display: flex !important;
	width: max-content !important;
	flex-wrap: nowrap !important;
}

/* Animación izquierda (banner-top) */
#banner-top .marquee-track {
	animation: marquee-left 60s linear infinite;
}

#banner-center .marquee-track {
	animation: marquee-left 60s linear infinite;
}

/* Animación derecha (banner-bottom) */
#banner-bottom .marquee-track {
	animation: marquee-right 60s linear infinite;
}

@keyframes marquee-left {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}

@keyframes marquee-right {
	0% {
		transform: translateX(-50%);
	}

	100% {
		transform: translateX(0);
	}
}

/* Pausar al hover */
#banner-top:hover .marquee-track,
#banner-bottom:hover .marquee-track {
	animation-play-state: paused;
}

/* Estilo de cada ítem */
.marquee-track>.e-con {
	flex: 0 0 auto !important;
	width: auto !important;
	padding: 0 20px !important;
}

.gato-video {
	width: 1380px !important;
}

.hot-video video {
	height: 200px !important;
}

.home-tabs-ciudades .e-n-tabs-heading {
	z-index: 2;
	margin-top: -12px;
	padding-bottom: 12px;
	position: absolute;
}

.home-tabs-ciudades .e-n-tabs-content {
	margin: 0 0 0 auto;
	width: 700px;
	min-width: 700px;
	max-width: 700px;
}

/* Tab activo con font-family Larken */
#home-tabs-vertical .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
	font-family: 'Larken', sans-serif;
	font-weight: 400;
	color: #FF5622;
	margin-top: 7px;
	margin-bottom: -7px;
}

#home-tabs-vertical .e-n-tab-title[aria-selected="false"] .e-n-tab-title-text {
	text-transform: uppercase;
}

/* Arrows base */
#js-elije-ciudad .slick-prev,
#js-elije-ciudad .slick-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
}

#js-elije-ciudad .slick-slide {
	display: flex;
	margin: 0 10px;
	/* ajustá el valor a gusto */
}

#js-elije-ciudad .slick-list {
	margin: 0 -10px;
	/* debe ser el mismo valor negativo */
}

#js-elije-ciudad .slick-prev {
	left: 40px;
}

#js-elije-ciudad .slick-next {
	right: 40px;
}

#js-elije-ciudad .slick-prev svg,
#js-elije-ciudad .slick-next svg {
	color: #000;
	/* cambiá el color acá */
	transition: color 0.2s ease;
}

#js-elije-ciudad .slick-prev:hover svg,
#js-elije-ciudad .slick-next:hover svg {
	color: #555;
}

/* Evita overflow del slider */
#js-elije-ciudad {
	position: relative;
}

#js-elije-ciudad .slick-list {
	overflow: hidden;
}

#js-elije-ciudad .elementor-heading-title a {
	position: relative;
	text-decoration: none;
}

#js-elije-ciudad .elementor-heading-title a:not([href="#"]):not([href=""]):not([href^="javascript"])::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 0;
	height: 1px;
	background-color: currentColor;
	transition: width 0.3s ease;
}

#js-elije-ciudad .elementor-heading-title a:not([href="#"]):not([href=""]):not([href^="javascript"]):hover::after {
	width: 100%;
}

#footer {
	z-index: 12;
}

.current-menu-item a.hfe-menu-item {
	color: #FF5622 !important;
}

#footer a.hfe-menu-item:hover {
	color: #FF5622 !important;
}

#footer .hfe-nav-menu__layout-vertical .hfe-nav-menu__submenu-arrow {
	width: 100% !important;
}

#footer .hfe-nav-menu li a {
	font-family: 'Inter' !important;
}

.component_finder {
	top: inherit !important;
	bottom: 2vh !important;
	transition: bottom .3s ease-in-out;
	height: 100px;
	width: 100%;
	position: fixed !important;
	z-index: 10 !important;
}

.elementor-image-gallery {
	width: 100vw;
	margin-left: calc(50% - 50vw);
}

.elementor-image-gallery .gallery-item {
	padding: 0 10px;
}

.elementor-image-gallery img {
	width: 100%;
	height: 260px;
	object-fit: cover;
	border-radius: 6px;
}

.elementor-image-gallery .slick-prev,
.elementor-image-gallery .slick-next {
	width: 44px;
	height: 44px;
	background: transparent !important;
	z-index: 10;
}

.elementor-image-gallery .slick-prev svg,
.elementor-image-gallery .slick-next svg {
	color: transparent !important;
}

.elementor-image-gallery .slick-prev {
	left: 10px;
}

.elementor-image-gallery .slick-next {
	right: 10px;
}

.elementor-image-gallery .slick-prev:before,
.elementor-image-gallery .slick-next:before {
	color: black;
	font-size: 18px;
}

.elementor-image-gallery .slick-dots {
	bottom: -60px;
}

.elementor-image-gallery .slick-dots li {
	width: auto;
}

.elementor-image-gallery .slick-dots li button {
	width: 30px;
	height: 4px;
	padding: 0;
}

.elementor-image-gallery .slick-dots li button:before {
	content: '';
	width: 28px;
	height: 5px;
	background: #fff;
	display: block;
	opacity: 0.6;
}

.elementor-image-gallery .slick-dots li.slick-active button:before {
	background: #fff;
	opacity: 1;
}

.wpcf7-form {
	margin-top: 30px;
}

.wpcf7-form p {
	position: relative;
	margin-bottom: 30px;
	width: 100% !important;
}

.wpcf7-form p:last-of-type {
	margin-bottom: 0 !important;
}

.wpcf7-form label {
	font-family: Inter;
	font-weight: 800;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0;
	color: #fff !important;
	width: 100px !important;
}

#contact-form .wpcf7-form label {
	color: #000 !important;
}

/* SOLO inputs */
.wpcf7-form p:not(:has(textarea)) label {
	position: absolute;
	top: 45px;
	z-index: 2;
	pointer-events: none;
	transition: all 0.3s ease;
}

/* focus solo inputs */
.wpcf7-form p:not(:has(textarea)):focus-within label {
	top: 5px;
	font-size: 14px;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus {
	outline: none !important;
	box-shadow: none !important;
}

input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
	font-size: 16px;
	color: #fff;
	border: 0;
	border-bottom: 1.94px solid #fff;
	background-color: #000;
	border-radius: 0;
	padding: 1rem 0;
	width: 100%;
}

#contact-form input[type=date],
#contact-form input[type=email],
#contact-form input[type=number],
#contact-form input[type=password],
#contact-form input[type=search],
#contact-form input[type=tel],
#contact-form input[type=text],
#contact-form input[type=url],
#contact-form select,
#contact-form textarea {
	color: #000 !important;
	border-bottom: 1.94px solid #000;
	background-color: #fff;
}

.wpcf7-submit {
	background-color: #FAD566 !important;
	text-transform: uppercase;
	width: 230px;
	padding: 10px !important;
}

#contact-form .wpcf7-submit {
	background-color: #AD3E6B !important;
	color: #fff !important;
	border: 2px solid #000;
	font-size: 20px !important;
}

#grupos-form .wpcf7-submit {
	border: 2px solid #fff;
	font-size: 20px !important;
}

.wpcf7-form textarea {
	margin-top: 20px;
	padding: 10px 20px !important;
	border: 1.94px solid #fff !important;
}

#contact-form .wpcf7-form textarea {
	border: 1.94px solid #000 !important;
}

.room-textarea {
	margin-top: 40px;
	margin-bottom: 40px;
}

/* focus */
.wpcf7-form p:focus-within label {
	top: 5px;
	font-size: 14px;
}

/* 🔥 cuando tiene valor */
.wpcf7-form p.has-value label {
	top: 5px;
	font-size: 14px;
}

.wpcf7-form p:has(textarea) label {
	position: static;
	display: inline-block;
	margin-bottom: 8px;
	pointer-events: auto;
	font-size: 16px;
	transition: none;
}

.wpcf7-form p:has(textarea).is-focus label,
.wpcf7-form p:has(textarea).has-value label {
	top: auto;
	left: auto;
	font-size: 16px !important;
}

.wpcf7-spinner {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 12px;
}

.elementor-slideshow__footer {
	display: none;
}

#lista-wb .elementor-icon-list-item,
#lista-wb-2 .elementor-icon-list-item,
#lista-wb .elementor-icon-list-item a,
#lista-wb-2 .elementor-icon-list-item a {
	flex-direction: row-reverse !important;
}

#lista-wb-2 .elementor-icon-list-icon,
#lista-wb .elementor-icon-list-icon {
	padding-inline-end: 0;
	padding-inline-start: 42px;
}

.elementor-icon-list-items .elementor-icon-list-item a {
	text-decoration: none !important;
}

.elementor-icon-list-items .elementor-icon-list-item a .elementor-icon-list-text:not(b) {
	border-bottom: 1px solid #000;
}

#lista-wb-2 .elementor-icon-list-items .elementor-icon-list-item a .elementor-icon-list-text:not(b) {
	border-bottom: 1px solid #000;
}

#lista-wb .elementor-icon-list-items .elementor-icon-list-item a .elementor-icon-list-text:not(b) {
	border-bottom: 1px solid #fff;
}

#gallery-gran-via .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
	text-transform: uppercase !important;
}

.sostenibilidad-title h2 {
	font-size: 45px;
	line-height: 45px;
	font-weight: 700;
	margin: 0;
}

.tabs-aviso-legal .e-n-tabs-heading button {
	min-width: 310px;
}

.tabs-aviso-legal .e-n-tabs-heading button .e-n-tab-title-text {
	text-transform: uppercase !important;
	font-family: "Field Gothic", Sans-serif !important;
}

.tabs-aviso-legal .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
	color: #000 !important;
}

/* CONTENEDOR BASE */
.tabs-container-scroll {
	--scroll-color: #fad566;
	/* color por defecto */
	--scroll-track: #000;

	max-height: 480px;
	overflow-y: auto;

	/* Firefox */
	scrollbar-width: thin;
	scrollbar-color: var(--scroll-color) var(--scroll-track);
}

/* COLORES DINÁMICOS */
.scroll-pink {
	--scroll-color: #FFB5B3;
}

.scroll-yellow {
	--scroll-color: #fad566;
}

.scroll-light {
	--scroll-color: #B8C6FF;
}

.scroll-green {
	--scroll-color: #518E63;
}


/* WEBKIT (Chrome, Safari, Edge) */
.tabs-container-scroll::-webkit-scrollbar {
	width: 4px;
}

.tabs-container-scroll::-webkit-scrollbar-track {
	background: var(--scroll-track);
	border-radius: 999px;
	box-shadow: 0 0 0 1px #fff;
}

.tabs-container-scroll::-webkit-scrollbar-thumb {
	background: var(--scroll-color);
	border-radius: 999px;
	box-shadow: 0 0 0 1px #fff;
}

.tabs-container-scroll::-webkit-scrollbar-thumb:hover {
	background: var(--scroll-color);
}

#b-familiar .slick-dots li button:before {
	background-color: #0000001A !important;
}

#b-familiar .slick-dots li.slick-active button:before {
	background: #00000080 !important;
	opacity: 1;
}

@media (min-width: 1024px) {
	.d-block-lg {
		display: block;
	}
}

/* DESKTOP */
@media (max-width: 1600px) {
	.sostenibilidad-title h1 {
		font-size: 45px;
		line-height: 45px;
		font-weight: 700;
		margin: 0;
	}

	.home-tabs-ciudades .e-n-tabs-heading {
		z-index: 2;
		margin-top: 0px;
		padding-bottom: 0;
		position: absolute;
		left: -30px;
	}

	.home-tabs-ciudades .e-n-tabs-content {
		margin: 0 0 0 auto;
		width: 541px;
		min-width: 541px;
		max-width: 541px;
	}

	.component_finder {
		height: 65px !important;
	}

	.elementor-image-gallery img {
		height: 150px;
	}

	.elementor-image-gallery .slick-prev,
	.elementor-image-gallery .slick-next {
		width: 30px;
		height: 30px;
	}

	.wpcf7-form {
		margin-top: 0px;
	}

	.wpcf7-form p {
		position: relative;
		margin-bottom: 10px;
		width: 100% !important;
	}

	input[type=date],
	input[type=email],
	input[type=number],
	input[type=password],
	input[type=search],
	input[type=tel],
	input[type=text],
	input[type=url],
	select,
	textarea {
		font-size: 26px;
		padding: 10px 0;
	}

	.wpcf7-form textarea {
		margin-top: 0px;
	}

	input[type=date],
	input[type=email],
	input[type=number],
	input[type=password],
	input[type=search],
	input[type=tel],
	input[type=text],
	input[type=url],
	select,
	textarea {
		font-size: 16px;
	}

	.wpcf7-form label {
		font-size: 16px;
	}

	.wpcf7-form p:has(textarea) label {
		font-size: 16px;
	}

	.wpcf7-form p:has(textarea).is-focus label,
	.wpcf7-form p:has(textarea).has-value label {
		top: auto;
		left: auto;
		font-size: 16px !important;
	}

	#lista-wb-2 .elementor-icon-list-icon,
	#lista-wb .elementor-icon-list-icon {
		padding-inline-end: 0;
		padding-inline-start: 22px;
	}
}

/* TABLET */
@media (max-width: 1024px) {
	.hfe-nav-menu>li.menu-item-has-children>.sub-menu {
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		transform: none !important;
		display: block !important;
		flex-direction: column !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		border-radius: 0 !important;
	}

	.hfe-nav-menu__layout-horizontal.hfe-dropdown {
		position: fixed;
		top: 86px;
		left: 0;
		width: 260px;
		height: 100vh;
		background: #f2f2f2;
		padding: 20px;
		transition: transform .3s ease;
		z-index: 9999;
	}

	.sub-menu.sub-menu-open {
		display: block !important;
	}

	.hfe-nav-menu__layout-horizontal.menu-is-active {
		transform: translateX(0);
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		padding-right: 0;
		width: 100%;
	}

	.hfe-nav-menu li {
		border-bottom: 0 !important;
		padding: 0 !important;
	}

	header .hfe-nav-menu a {
		font-size: 20px !important;
		font-weight: 700;
		color: #000 !important;
	}

	header .hfe-nav-menu a:hover {
		color: #ff5622 !important;
	}

	.hfe-nav-menu .sub-menu {
		margin-top: 0px;
		padding-left: 0px;
	}

	header .hfe-nav-menu .sub-menu a {
		font-weight: 400;
		font-size: 20px !important;
		color: #000;
	}

	header .hfe-nav-menu .sub-menu a:hover {
		color: #ff5622 !important;
	}

	.sub-arrow {
		float: right;
		transform: rotate(0deg);
		transition: transform .2s ease;
	}

	nav.hfe-dropdown li a.hfe-menu-item,
	nav.hfe-dropdown .menu-item a.hfe-sub-menu-item {
		padding-top: 0 !important;
	}

	.menu-active>.hfe-has-submenu-container .sub-arrow {
		transform: rotate(90deg);
	}

	.sub-menu .sub-menu li a {
		font-weight: 400 !important;
		opacity: .8;
	}

	/* END MEGA MENU TABLET */


	.sostenibilidad-title h1 {
		font-size: 35px;
		line-height: 35px;
		font-weight: 700;
		margin: 0;
	}

	.text-center {
		text-align: center !important;
	}

	/* Ocultar el wrapper outer y hacer que el slider tome control */
	.hab-module-slider {
		display: block !important;
		padding: 0 !important;
		overflow: hidden !important;
		width: 100% !important;
	}

	/* Cada slide hijo ocupa 100vw */
	.hab-module-slider>.e-con {
		width: 100vw !important;
		min-width: 100vw !important;
		flex-shrink: 0 !important;
	}

	/* Slick track — transición suave tipo "continuo" */
	.hab-module-slider .slick-track {
		display: flex !important;
		transition: none;
		/* slick maneja la transición internamente */
	}

	.hab-module-slider .slick-arrow {
		display: block !important;
		position: absolute;
		height: 32px;
		width: 32px;
		top: 50%;
		z-index: 4;
	}

	.hab-module-slider .slick-prev {
		left: 10px;
	}

	.hab-module-slider .slick-next {
		right: 10px;
	}

	.hab-module-slider .slick-slide {
		display: flex;
		width: 100vw !important;
		min-width: 100vw !important;
		float: none !important;
	}

	/* Bullets (dots) rectangulares blancos */
	.hab-module-slider .slick-dots {
		position: absolute;
		bottom: 18px;
		display: flex !important;
		justify-content: center;
		align-items: center;
		gap: 6px;
		list-style: none;
		margin: 0;
		padding: 0;
		z-index: 10;
	}

	.hab-module-slider .slick-dots li {
		margin: 0;
		padding: 0;
		width: auto;
		height: auto;
		display: flex;
		align-items: center;
	}

	.hab-module-slider .slick-dots li button {
		display: block;
		width: 44px;
		height: 5px;
		border-radius: 2px;
		background: rgba(255, 255, 255, 0.45);
		border: none;
		padding: 0;
		font-size: 0;
		cursor: pointer;
		transition: background 0.3s ease, width 0.3s ease;
	}

	.hab-module-slider .slick-dots li.slick-active button {
		background: #ffffff;
		width: 44px;
		/* el activo se agranda un poco */
	}

	.hab-module-slider .slick-dots li button:before {
		display: none;
	}

	/* Ocultar arrows (por si slick los genera) */
	.slick-dotted.slick-slider {
		margin-bottom: 0 !important;
	}

	.elementor-image-gallery .slick-prev,
	.elementor-image-gallery .slick-next {
		width: 30px;
		height: 30px;
	}

	.black-mobile p,
	.black-mobile h2 {
		color: #000 !important;
	}
}

/* MOBILE */
@media (max-width: 768px) {
	body {
		padding-top: 82px;
		max-width: 100%;
		overflow-x: hidden;
	}

	.hfe-nav-menu__layout-horizontal.hfe-dropdown {
		top: 80px;
	}

	.hfe-nav-menu__breakpoint-tablet .hfe-active-menu+.hfe-nav-menu__layout-horizontal,
	.hfe-nav-menu__breakpoint-tablet .hfe-active-menu+.hfe-nav-menu__layout-vertical {
		height: 100%;
	}

	.hfe-nav-menu__breakpoint-tablet .hfe-active-menu+.hfe-nav-menu__layout-horizontal .hfe-nav-menu {
		height: fit-content;
	}

	.YRq8BG_compact {
		border-width: 4px 4px 4px 4px !important;
		border-color: #FAD566 !important;
		padding: 0 !important;
	}

	.YRq8BG_finder:not(.YRq8BG_compact) .YRq8BG_button:not(:hover):not(.YRq8BG_skeleton),
	.YRq8BG_compact .YRq8BG_button,
	ui-button.ex0cka_button {
		font-size: 20px;
		color: #000 !important;
		background-color: #FF5622 !important;
		border-width: 0px 0px 0px 0px !important;
		border-radius: 0px 0px 0px 0px;
		margin: 0 !important;
	}

	.component_finder {
		height: 65px !important;
		bottom: 4vh !important;
	}

	.home-tabs-ciudades .e-n-tabs-heading {
		padding-bottom: 13px;
		position: relative;
		left: initial;
		gap: 20px;
	}

	.home-tabs-ciudades .e-n-tabs-content {
		margin: 0;
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}

	#js-elije-ciudad .slick-prev {
		left: 5px;
	}

	#js-elije-ciudad .slick-next {
		right: 5px;
	}

	.elementor-image-gallery img {
		height: 90px;
	}

	.elementor-image-gallery .slick-dots {
		bottom: -54px;
	}

	.elementor-image-gallery .slick-prev,
	.elementor-image-gallery .slick-next {
		width: 25px;
		height: 25px;
	}

	input[type=date],
	input[type=email],
	input[type=number],
	input[type=password],
	input[type=search],
	input[type=tel],
	input[type=text],
	input[type=url],
	select,
	textarea {
		font-size: 16px;
	}

	.wpcf7-form label {
		font-size: 12px;
	}

	.wpcf7-form p:not(:has(textarea)):focus-within label {
		font-size: 12px;
	}

	.wpcf7-form p:has(textarea) label {
		font-size: 12px;
	}

	.wpcf7-form p:has(textarea).is-focus label,
	.wpcf7-form p:has(textarea).has-value label {
		top: auto;
		left: auto;
		font-size: 12px !important;
	}

	.room-textarea {
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.wpcf7-submit {
		display: block;
		max-width: 230px;
		margin: 0 auto !important;
	}

	#home-tabs-vertical .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
		margin-top: 0;
		margin-bottom: -5px;
	}

	.sostenibilidad-title h2 {
		font-size: 35px;
		line-height: 35px;
		font-weight: 700;
		margin: 0;
		letter-spacing: -1px;
	}

	.elementor-28 .elementor-element.elementor-element-fdc8e1c .menu-item a.hfe-sub-menu-item {
		text-transform: none !important;
	}
}

/* End WPCode #197 */


/* ============================================================
 * WPCode #4220: DESTINOS CSS
 * WPCode Metadata: {"id":4220,"title":"DESTINOS CSS","code_type":"css","location":"site_wide_header","auto_insert":1,"insert_number":1,"use_rules":false,"rules":[],"priority":10,"location_extra":"","shortcode_attributes":[],"compiled_code":"","modified":"2026-05-25 21:17:53","tags":[],"note":"","cloud_id":false,"custom_shortcode":""}
 * ============================================================ */
.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.e-n-tabs-heading {
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}

.wpml-ls-statics-shortcode_actions {
	width: 50px;
}

.wpml-ls-legacy-dropdown a {
	background-color: #000;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
	position: relative;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.wpml-ls-legacy-dropdown a:focus,
.wpml-ls-legacy-dropdown a:hover {
	background-color: #000;
	color: #FF5622 !important;
}

.e-n-tab-title {
	scroll-snap-align: center;
}

.box-contact-links a {
	color: #000 !important;
}

.map-gran-via {
	position: relative;
}

.map-gran-via::before {
	content: '';
	display: block;
	position: absolute;
	background-image: url(/wp-content/uploads/2026/04/Tira27.webp);
	background-repeat: no-repeat;
	background-size: contain;
	left: -20px;
	top: 34px;
	height: 145px;
	width: 90px;
	z-index: 2;
}

.map-gran-via::after {
	content: '';
	display: block;
	position: absolute;
	background-image: url(/wp-content/uploads/2026/04/Tira26.webp);
	background-repeat: no-repeat;
	background-size: contain;
	right: -20px;
	top: -46px;
	height: 240px;
	width: 240px;
	z-index: 2;
}

#gallery-gran-via .e-n-tabs-heading {
	display: flex;
	justify-content: space-between;
}

#gallery-gran-via .e-n-tab-title .e-n-tab-title-text {
	font-family: Inter;
	border-bottom: 1px solid;
}

#gallery-gran-via .e-n-tab-title {
	padding: 6px 0;
}

#gallery-gran-via .e-n-tab-content .e-con-inner {
	display: flex;
	gap: 20px;
}

.custom-gallery-main img {
	width: 100%;
	display: block;
	object-fit: cover;
}

.custom-gallery-thumbs {
	max-height: 660px;
	overflow-x: scroll;
}

.custom-gallery-thumbs .elementor-widget-image {
	cursor: pointer;
	opacity: .55;
	transition: opacity .25s ease;
	margin-bottom: 20px;
}

.custom-gallery-thumbs .elementor-widget-image.is-active,
.custom-gallery-thumbs .elementor-widget-image:hover {
	opacity: 1;
}

/* CONTENEDOR PRINCIPAL */
.custom-gallery-main {
	height: 100%;
}

/* WIDGET DE ELEMENTOR */
.custom-gallery-main .elementor-widget-image,
.custom-gallery-main .elementor-widget-container {
	height: 100%;
}

/* IMAGEN */
.custom-gallery-main img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

/* CONTENEDOR DE THUMBS */
.custom-gallery-thumbs {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

/* CADA ITEM */
.custom-gallery-thumbs .elementor-widget-image {
	height: 132px;
	flex: none;
}

/* CONTENEDOR INTERNO (Elementor) */
.custom-gallery-thumbs .elementor-widget-container {
	height: 100%;
}

/* IMAGEN */
.custom-gallery-thumbs img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

header .elementor-widget-shortcode {
	align-items: center;
	justify-content: flex-end;
	display: flex;
}

.elementor-widget-shortcode .pll-switcher-select {
	font-family: "Field Gothic", Sans-serif;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	padding: 0;
	border: 0;
	-webkit-appearance: none;
	/* Safari y Chrome */
	-moz-appearance: none;
	/* Firefox */
	appearance: none;
	/* Estándar */

}

.amenities .elementor-element.e-con-full {
	width: max-content !important;
}

/* CONTENEDOR BASE */
.custom-gallery-thumbs {
	--scroll-color: #fff;
	--scroll-track: #000;
	max-height: 480px;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: var(#fff) var(#fff);
}

.custom-gallery-thumbs::-webkit-scrollbar-track {
	background: #fff !important;
	border-radius: 999px;
}

.custom-gallery-thumbs::-webkit-scrollbar-thumb {
	background: #fff;
	border-radius: 999px;
	box-shadow: 0 0 0 1px #fff;
}

.custom-gallery-thumbs::-webkit-scrollbar-thumb:hover {
	background: #fff;
}

@media (min-width: 1900px) {
	.custom-gallery-thumbs {
		max-height: 660px !important;
		overflow-x: scroll;
	}

	.custom-gallery-thumbs .elementor-widget-image {
		height: 205px !important;
	}

	.elementor-4974 .elementor-element.elementor-element-5055fe8 {
		bottom: -243px;
	}

	.elementor-4974 .elementor-element.elementor-element-9d1798c {
		width: 17% !important;
	}

	.elementor-7553 .elementor-element.elementor-element-deddc7d,
	.elementor-5500 .elementor-element.elementor-element-deddc7d {
		--content-width: 1200px;
	}
}

/* DESKTOP */
@media (max-width: 1600px) {
	.map-gran-via::before {
		left: -20px;
		top: 25px;
		height: 112px;
		width: 78px;
	}

	.map-gran-via::after {
		right: -4px;
		top: -17px;
		height: 112px;
		width: 138px;
	}

	.custom-gallery-thumbs {
		max-height: 440px;
		overflow-x: scroll;
	}

	/* CONTENEDOR PRINCIPAL */
	.custom-gallery-main {
		height: 100%;
		max-height: 440px;
	}

	/* WIDGET DE ELEMENTOR */
	.custom-gallery-main .elementor-widget-image,
	.custom-gallery-main .elementor-widget-container {
		height: 100%;
	}

	/* IMAGEN */
	.custom-gallery-main img {
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
	}

	/* CONTENEDOR DE THUMBS */
	.custom-gallery-thumbs {
		display: flex;
		flex-direction: column;
		gap: 22px;
	}

	/* CADA ITEM */
	.custom-gallery-thumbs .elementor-widget-image {
		height: 132px;
		flex: none;
	}

	/* CONTENEDOR INTERNO (Elementor) */
	.custom-gallery-thumbs .elementor-widget-container {
		height: 100%;
	}

	/* IMAGEN */
	.custom-gallery-thumbs img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
}

/* TABLET */
@media (max-width: 1024px) {
	.map-gran-via::before {
		left: -49px;
		top: 260px;
		height: 160px;
		width: 160px;
		rotate: 110deg;
	}

	.custom-gallery-thumbs {
		gap: 12px;
	}

	.custom-gallery-thumbs .elementor-widget-image {
		height: 75px;
		flex: none;
		width: 100px;
	}
}

/* MOBILE */
@media (max-width: 768px) {
	header .elementor-widget-wpml-language-switcher {
		display: none !important;
	}

	.map-gran-via::after {
		right: -20px;
		top: -19px;
		height: 80px;
		width: 90px;
	}

	.map-gran-via::before {
		left: -13px;
		top: initial;
		height: 105px;
		width: 80px;
		rotate: 110deg;
		bottom: -40px;
	}

	.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title[aria-selected=true] {
		margin-block-end: 0 !important;
	}

	.tabs-mobile-select {
		margin-bottom: 20px;
		border: 1px solid #fff !important;
		padding: 5px 10px;
		text-align: center;
	}

	.module-black-mobile {
		background-color: #000 !important;
	}

	.amenities .elementor-heading-title {
		font-size: 12px !important;
	}

	.amenities .elementor-widget-image {
		max-width: 15px !important;
	}
}

/* End WPCode #4220 */


/* ============================================================
 * WPCode #10429: MIRAI ENGINE CSS
 * WPCode Metadata: {"id":10429,"title":"MIRAI ENGINE CSS","code_type":"css","location":"site_wide_header","auto_insert":1,"insert_number":1,"use_rules":false,"rules":[],"priority":10,"location_extra":"","shortcode_attributes":[],"compiled_code":"","modified":"2026-07-14 10:02:52","tags":[],"note":"","cloud_id":false,"custom_shortcode":""}
 * ============================================================ */
.mi-be-datepicker-select .DateRangePicker_picker,
.mi-be .mi-dropdown .mi-dropdown-layout {
	z-index: 1050;
}

/* VARIABLES MOBILE */
:root {
	--corporative-color: #FF5622;
	/* primary button bg */
	--text-color__over-corporative-color: #fff;
	/* primary button color */
	--corporative-text-color: #0047BB;
	/* links color */
	--border-radius: 0px;
	--mirai-session-icon-color: var(--mirai-ui-base);
	--mirai-session-color: var(--mirai-ui-base);
}

:root nav [data-mirai-component="session"] {
	--mirai-session-icon-color: initial;
	--mirai-session-color: initial;
	--mirai-ui-font: inherit;
	--mirai-ui-font-medium-weight: 700;
}

body:has(ui-finder-compact) [data-mirai-component="session"]>ui-pressable>ui-view>ui-text {
	display: block;
}

/* Contola el Width de los campos con estas reglas */

/* Chain selector */
[data-mirai-engine='mirai_be'] .mi-be-chain-select .mi-be-chain-field label {
	width: 150px;
}

/* Date picker */
[data-mirai-engine='mirai_be'] .mi-be-datepicker-select .DateRangePickerInput .DateInput {}

/* Multiroom */
[data-mirai-engine='mirai_be'] .mi-be-multiroom-select .mi-be-multiroom-field label {}

/* Promo Code */
[data-mirai-engine='mirai_be'] .mi-be-promo-field label input {}

/* Chain selector - Dropdown */
[data-mirai-engine='mirai_be'] .mi-be-chain-select .mi-be-chain-dropdown {
	width: 250px;
}

/* -------------------------------------------------------------------- */

body.bookingstep,
body.mi-chain_results {
	margin: 0;
	font-family: Open Sans, Arial;
}

body.bookingstep [data-mirai-engine='mirai_be'] {
	background: #d7d7d7;
	padding: 10px 0;
}

/* engine container */
[data-mirai-engine='mirai_be'] .mi-be {
	background: transparent;
	font-size: 14px;
	color: #3D3D3D;
}

/* input fields (common styles) */
[data-mirai-engine='mirai_be'] .mi-be-chain-field,
[data-mirai-engine='mirai_be'] .DateRangePickerInput,
[data-mirai-engine='mirai_be'] .mi-be-multiroom-field,
[data-mirai-engine='mirai_be'] .mi-be-promo-field {
	padding: 10px;
	background-color: #fff;
	margin-right: 5px;
	/*border: 0;*/
	/*border-radius: 0;*/
}

/* input elements and button height */
[data-mirai-engine='mirai_be'] .mi-dropdown .mi-dropdown-button label,
[data-mirai-engine='mirai_be'] .mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input,
[data-mirai-engine='mirai_be'] .mi-be-promo-field label input,
[data-mirai-engine='mirai_be'] .mi-be-book-btn {
	line-height: 50px;
	/* optional */
	height: 50px;
	/* same than line-height - ie11 fix */
}


/* placeholders */

/*
[data-mirai-engine='mirai_be'] .mi-be .mi-dropdown .mi-dropdown-placeholder,
[data-mirai-engine='mirai_be'] .mi-be input[type=text]::-webkit-input-placeholder {color: #999;}
[data-mirai-engine='mirai_be'] .mi-be input[type=text]::-moz-placeholder {color: #999;}
[data-mirai-engine='mirai_be'] .mi-be input[type=text]:-moz-placeholder {color: #999;}
[data-mirai-engine='mirai_be'] .mi-be input[type=text]:-ms-input-placeholder {color: #999;}
*/


/* ICONS */

/* info icons (date picker, multiroom & promo) */
[data-mirai-engine='mirai_be'] .mi-be .mi-be-datepicker-select .DateRangePickerInput .DateRangePickerInput_calendarIcon,
[data-mirai-engine='mirai_be'] .mi-be .mi-be-multiroom-field span.mi-ico-dropdown,
[data-mirai-engine='mirai_be'] .mi-be .mi-be-promo-field span.mi-ico-code {
	font-size: 16px;
	color: #000;
}

/* date picker arrow */
[data-mirai-engine='mirai_be'] .mi-be-datepicker-select .DateRangePickerInput .DateRangePickerInput_arrow svg {
	fill: #999;
}

/* dropdowns arrows */
[data-mirai-engine='mirai_be'] .mi-be .mi-dropdown .mi-dropdown-button .mi-ico-arrow-down-dark {
	color: #999;
	/* same color than date picker arrow */
}

#sidebar_engine .DateRangePickerInput_calendarIcon {
	background-color: transparent !important;
	font-family: "Field Gothic", Sans-serif;
	font-weight: 700;
	color: #000;
	border-radius: 0px 0px 0px 0px;
	padding: 0;
}

/* DATEPICKER (engine & no dispo) */

/* selected & hover dates */
.CalendarDay__default:hover,
[class*="CalendarDay__selected"],
.CalendarDay__hovered_span,
.CalendarDay__hovered_span:active,
.mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input__focused,
.mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-main .mi-be-modal-fields input.DateInput_input__focused {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	background-color: #FCDD15;
	color: #777;
}


/* placeholder selected input in datepicker - (same color than "selected & hover dates") */

.mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input__focused::placeholder {
	color: #555;
}

.mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input__focused::-webkit-input-placeholder {
	color: #555;
}

.mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input__focused:-moz-placeholder {
	color: #555;
}

.mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input__focused:-ms-input-placeholder {
	color: #555;
}

.mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-main .mi-be-modal-fields input[type=text].DateInput_input__focused::placeholder {
	color: #555;
}

.mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-main .mi-be-modal-fields input[type=text].DateInput_input__focused::-webkit-input-placeholder {
	color: #555;
}

.mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-main .mi-be-modal-fields input[type=text].DateInput_input__focused:-moz-placeholder {
	color: #555;
}

.mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-main .mi-be-modal-fields input[type=text].DateInput_input__focused:-ms-input-placeholder {
	color: #555;
}



/* last selected day */
.CalendarDay__selected_end,
.CalendarDay__selected_end:hover {
	background-color: #fcf6c8;
	color: #555;
}


/* ALL ACTION BUTTONS (Book included) - only appearance, none position/display or padding/margin or font appearance */
[class^=mi-] .mi-s-color-button,
.mi-be .mi-be-book-btn,
.mi-rs .mi-rs-cart-btn,
.mi-rs .mi-rs-add-btn,
.mi-rs .mi-na-option-date-btn,
.mi-rs .mi-na-option-hotel-btn,
.mi-rs .mi-cf-form-data-btn,
button.mi-modal-close-btn,
.mi-rs .mi-rs-rate-select-room-btn,
.mi-be.mi-be-mobile .mi-be-modal .mi-be-multiroom-footer .mi-be-multiroom-footer-confirm,
.mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-footer .mi-be-date-picker-confirm {
	background-color: #EF426F;
	color: #fff;
	border-radius: 0;
	border: 0;
	-webkit-transition: .3s all;
	transition: .3s all;
	/* don't add more properties use "engine booking button styles" */
}

[class^=mi-] .mi-s-color-button:hover,
.mi-be .mi-be-book-btn:hover,
.mi-rs .mi-rs-cart-btn:hover,
.mi-rs .mi-rs-add-btn:hover,
.mi-rs .mi-na-option-date-btn:hover,
.mi-rs .mi-na-option-hotel-btn:hover,
.mi-rs .mi-cf-form-data-btn:hover,
button.mi-modal-close-btn:hover,
.mi-rs .mi-rs-rate-select-room-btn:hover,
.mi-be.mi-be-mobile .mi-be-modal .mi-be-multiroom-footer .mi-be-multiroom-footer-confirm:hover,
.mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-footer .mi-be-date-picker-confirm:hover {
	background-color: #c82851;
}

/* ENGINE BOOKING BUTTON */
.mi-be .mi-be-book-btn {
	font-weight: 600;
}

/* ENGINE BOOKING BUTTON BOOKINGSTEP */
body:not(.bookingstep) .mi-be .mi-be-book-btn {
	background-color: #FF5622;
	border: 2px solid #000;
	padding: 0;
	font-family: "Field Gothic", Sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #000000;
}

.mi-be-square .mi-be-datepicker-select,
.mi-be-square .mi-be-chain-select,
.mi-be-square .mi-be-occupation-select,
.mi-be-square .mi-be-promo-field {
	display: block;
	border: 1px solid #000;
	margin-bottom: 5px;
}

/* ------------- BOOKING PROCESS ------------- */

/* LINKS */

/* general links (same color than web links) */
.mi-s-color-link,
.mi-s-color-link-wrapper a,
.mi-rs .mi-rs-room-occupation-btn,
.mi-rs .mi-rs-room-detail-btn,
.mi-rs-rate-see-more-btn,
.mi-rs-suggestion-btn,
.react-tabs [role=tab][aria-selected=true],
.react-tabs [role=tab]:hover,
.mi-rs-modal-occupation-btn:hover .mi-rs-occupation-text-legend span:first-child,
.mi-rs-modal-occupation-btn.selected .mi-rs-occupation-text-legend span:first-child,
.mi-rs-modal-occupation-btn.people:hover,
.mi-rs-modal-occupation-btn.people.selected,
.mi-rs-back-to-room-selection,
.mi-na-view-all-results,
.mi-rs-cart-item-edit-btn,
.mi-be-datepicker-info-panel .mi-be-datepicker-clear-dates button,
.mi-be .mi-be-multiroom-select .mi-be-multiroom-dropdown ul li .mi-be-multiroom-title .mi-be-multiroom-remove,
.mi-be .mi-be-multiroom-select .mi-be-multiroom-dropdown .mi-be-multiroom-footer .mi-be-multiroom-footer-add,
.mi-na-option-hotel>h4,
.mi-rs .mi-cancelation-payment-link,
.mi-rs .mi-privacy-policy-link,
.mi-rs .mi-cf-form-data-link-back,
.mi-rs .mi-cf-error-link-back,
.mi-cf-form-data form .mi-cf-form-data-additionals div[class*="mi-cf-form-data-additionals-"] a,
.mi-rs .mi-rc-btn,
.mi-rc-reservation-address .mi-rc-reservation-address-mail-link,
.mi-rc-reservation-address .mi-rc-reservation-address-web-link,
.mi-rs .mi-rc-reservation-code .mi-rc-reservation-code-expired-link,
.mi-be-modal .mi-be-modal-header button.mi-be-modal-clear-date {
	color: #000;
}

/* links hover */
.mi-s-color-link:hover,
.mi-s-color-link-wrapper a:hover,
.mi-rs .mi-rs-room-occupation-btn:hover,
.mi-rs .mi-rs-room-detail-btn:hover,
.mi-rs-rate-see-more-btn:hover,
.mi-rs-suggestion-btn:hover,
.mi-rs-back-to-room-selection:hover,
.mi-na-view-all-results:hover,
.mi-rs-cart-item-edit-btn:hover,
.mi-be-datepicker-info-panel .mi-be-datepicker-clear-dates button:hover,
.mi-be .mi-be-multiroom-select .mi-be-multiroom-dropdown ul li .mi-be-multiroom-title .mi-be-multiroom-remove:hover,
.mi-be .mi-be-multiroom-select .mi-be-multiroom-dropdown .mi-be-multiroom-footer .mi-be-multiroom-footer-add:hover,
.mi-na-option-hotel>h4:hover,
.mi-rs .mi-cancelation-payment-link:hover,
.mi-rs .mi-privacy-policy-link:hover,
.mi-rs .mi-cf-form-data-link-back:hover,
.mi-rs .mi-cf-error-link-back:hover,
.mi-cf-form-data form .mi-cf-form-data-additionals div[class*="mi-cf-form-data-additionals-"] a:hover,
.mi-rs .mi-rc-btn:hover,
.mi-rc-reservation-address .mi-rc-reservation-address-mail-link:hover,
.mi-rc-reservation-address .mi-rc-reservation-address-web-link:hover,
.mi-rs .mi-rc-reservation-code .mi-rc-reservation-code-expired-link:hover,
.mi-be-modal .mi-be-modal-header button.mi-be-modal-clear-date:hover {
	color: #c82851;
}

/* selected & hovered occupation (room selection), selected tab, +/- multiroom buttons, radio & checkbox */
.mi-rs-modal-occupation-btn:hover,
.mi-rs-modal-occupation-btn.selected,
.react-tabs [role=tab][aria-selected=true],
.mi-be .mi-be-multiroom-select .mi-be-multiroom-dropdown ul li .mi-be-multiroom-option-adult span.react-numeric-input b,
.mi-be .mi-be-multiroom-select .mi-be-multiroom-dropdown ul li .mi-be-multiroom-option-children span.react-numeric-input b,
.mi-radio-container input[type="radio"]:checked+.mi-radio-ico:before,
.mi-checkbox-container input[type="checkbox"]:checked+.mi-checkbox-ico:before,
.mi-be.mi-be-mobile .mi-be-modal .mi-be-multiroom-footer .mi-be-multiroom-footer-add,
.mi-be.mi-be-mobile .mi-be-modal .mi-be-multiroom-footer .mi-be-multiroom-footer-confirm {
	border-color: #000 !important;
	/* color links */
}

/* +/- multiroom buttons, checked checkbox */
.mi-be .mi-be-multiroom-select .mi-be-multiroom-dropdown ul li .mi-be-multiroom-option-adult span.react-numeric-input b i,
.mi-be .mi-be-multiroom-select .mi-be-multiroom-dropdown ul li .mi-be-multiroom-option-children span.react-numeric-input b i,
.mi-checkbox-container input[type="checkbox"]:checked+.mi-checkbox-ico:before {
	background-color: #000 !important;
	/* color links */
}

/* CORPORATIVE DETAILS (principal color) */
/* line on client form, input focused at client form, selected credit card */
div[data-mirai-engine="mirai_cf"] .mi-rs,
div[data-mirai-engine="mirai_mr"] .mi-rs,
.mi-rs .mi-field-group.focused .mi-input-text,
.mi-rs .mi-field-group.focused .mi-textarea,
.mi-cf-form-data form .mi-cf-form-data-payment .mi-cf-form-data-payment-title img.selected,
.mi-rc-reservation-code,
.mi-rc-reservation-address,
.mi-rc-reservation-data,
.mi-rc-reservation-detail,
.mi-rc-reservation-price,
.mi-rc-reservation-payment,
.mi-rc-reservation-cancellation,
.mi-rc-reservation-privacy {
	border-color: #FCDD15;
}

/* LOADING booking proccess (principal color) */
.mi-rs.loading .mi-loading .mi-loading-scope .mi-loading-icon div {
	border-color: #EF426F transparent #0047BB transparent;
}

.mi-rs-rate-info,
.mi-rs-rate-night-price,
.mim-rs-rate-boards__price {
	color: #0047BB;
}

/* ----------------- ENGINE IN SQUARE ----------------- */

.mi-be-square {
	text-align: center;
}

.mi-be-square {
	display: inline-block;
	max-width: 100%;
	width: 100%;
}

.mi-be-square .mi-be-mobile {
	display: block;
}

/* fields wrappers */
.mi-be-square .mi-be-chain-field,
.mi-be-square .mi-be-datepicker-select,
.mi-be-square .mi-dropdown,
.mi-be-square .mi-be-promo-field,
.mi-be-square .mi-be-book-btn {
	display: block;
}

/* input fields */
.mi-be-square .mi-be .mi-be-chain-field,
.mi-be-square .mi-be .DateRangePickerInput,
.mi-be-square .mi-be .mi-be-multiroom-field,
.mi-be-square .mi-be .mi-be-promo-field {
	margin-right: 0;
	margin-bottom: 5px;
	text-align: left;
	padding: 10px 20px;
}

/* input elements */
.mi-be-square .mi-be .mi-dropdown .mi-dropdown-button label,
.mi-be-square .mi-be .mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input,
.mi-be-square .mi-be .mi-be-promo-field label input,
.mi-be-square .mi-be .mi-be-book-btn {
	line-height: 3em;
	height: 3em;
	/* same than line-height - ie11 fix */
}

/* button */
.mi-be-square .mi-be .mi-be-book-btn {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

/* info icons */
.mi-be-square .mi-be .mi-be-datepicker-select .DateRangePickerInput .DateRangePickerInput_calendarIcon,
.mi-be-square .mi-be .mi-be-multiroom-field span.mi-ico-dropdown,
.mi-be-square .mi-be .mi-be-promo-field span.mi-ico-code {
	font-size: 1.6em;
}

/* icon arrow position */
.mi-be-square .mi-be .mi-dropdown .mi-dropdown-button .mi-ico-arrow-down-dark {
	position: absolute;
	right: 20px;
	/* same than field wrappers horizontal padding */
	top: 50%;
	margin-top: -7px;
	/* negative half font-size */
}

/* input selectors (icon arrow has changed) */
.mi-be-square .mi-be .mi-dropdown .mi-dropdown-button>*:nth-last-child(2) {
	margin-right: 0;
	padding-right: 25px;
	box-sizing: border-box;
	max-width: 100%;
	width: auto;
}

/* Fixes */
.mim-modal-open .overlay-booking.opened {
	height: 100dvh;
}

#sidebar_engine input[name="mirai:finder:promocode"] {
	width: 200px !important;
}

/* MEDIA QUERIES */

/* Small screens like iPad Portrait */
@media only screen and (min-width: 768px) and (max-width: 979px) {
	[data-mirai-engine='mirai_be'] .mi-be .mi-be-promo-field label input {
		width: 4em;
	}
}

/* iphone portrait & landscape - galaxy portrait & lanscape */
@media only screen and (max-device-width: 767px) {

	/* motor wrapper - for display */
	div[data-mirai-engine="mirai_be"][data-device="mobile"] {}

	/* trigger button opens modal */
	[data-mirai-engine='mirai_be'] .mi-be.mi-be-mobile .mi-be-book-btn.mi-be-book-btn-trigger {}

	[data-mirai-engine='mirai_be'] .mi-be.mi-be-mobile {
		font-size: calc(1px + 3.8vw);
		/* 13px - 16px */
	}

	/* input fields (common styles) */
	/*      [data-mirai-engine='mirai_be'] .mi-be-chain-field,
    [data-mirai-engine='mirai_be'] .DateRangePickerInput, 
	[data-mirai-engine='mirai_be'] .mi-be-promo-field, */
	[data-mirai-engine='mirai_be'] .mi-be-multiroom-field {
		border: 1px solid #000;
	}

	.mim-modal-open .mi-be-square {
		transform: none;
	}

	.mi-be-modal-date-picker button,
	.mi-be-modal-date-picker input[type="button"],
	.mi-be-modal-date-picker input[type="submit"],
	.mi-be-modal-date-picker .elementor-button {
		background-color: transparent !important;
	}

	.mi-be-modal-date-picker .mi-be-date-picker-confirm {
		background-color: #FF5622 !important;
		border: 2px solid #000;
		padding: 0;
		font-family: "Field Gothic", Sans-serif;
		font-size: 16px;
		font-weight: 700;
		color: #000000;
	}

	.mi-be-content-modal {
		height: 85%;
	}

	.mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-footer,
	.mi-be.mi-be-mobile .mi-be-modal .mi-be-multiroom-footer {
		position: absolute !important;
	}

	.mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-footer,
	.mi-be.mi-be-mobile .mi-be-modal .mi-be-multiroom-footer {
		z-index: 99999999;
	}
}


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

/*Styles for bookingstep*/
.bookingstep #header,
.mi-chain_results #header {}

.bookingstep #logo,
.mi-chain_results #logo {
	margin: 0 auto;
	width: 500px;
	padding: 25px 0;
}

.bookingstep #logo a,
.mi-chain_results #logo a {
	display: block;
	margin: 0 auto;
	/*start logo_*/
	background: url("logoRoom007.png") no-repeat 0 0 transparent;
	height: 96px;
	width: 261px;
	/*end logo_*/
}

#m-chain-result-wrapper {
	padding-top: 30px;
}


/*Styles for chain results*/
.hotel-price button {
	background: #FCDD15;
	border: 1px solid #FCDD15;

}

.hotel-price button:hover {
	background: #d0b716;
	border: 1px solid #d0b716;
}

.hotel-name a:hover {
	color: #d0b716;
}

/**/

.mi-be-square .mi-be .mi-be-chain-field,
.mi-be-square .mi-be .DateRangePickerInput,
.mi-be-square .mi-be .mi-be-multiroom-field,
.mi-be-square .mi-be .mi-be-promo-field {
	display: flex;
	align-items: center;
}

/* Improvements */
body.mi-be-datepicker-open .mi-be .mi-be-datepicker-select.mi-be-datapicker-prices div.DateRangePicker_picker {
	justify-content: flex-end;
}

body.mi-be-datepicker-open .mi-be .mi-be-datepicker-select.mi-be-datapicker-prices div.DateRangePicker_picker .DayPicker {
	right: 11%;
}

/* End WPCode #10429 */


/* ============================================================
 * WPCode #12553: Blog CSS
 * WPCode Metadata: {"id":12553,"title":"Blog CSS","code_type":"css","location":"site_wide_header","auto_insert":1,"insert_number":1,"use_rules":false,"rules":[],"priority":10,"location_extra":"","shortcode_attributes":[],"compiled_code":"","modified":"2026-08-10 14:01:38","tags":[],"note":"","cloud_id":false,"custom_shortcode":""}
 * ============================================================ */
footer a {
	color: #fff;
}

.custom-breadcrumbs-container {
	max-width: 1140px;
	margin: 30px auto 15px;
	padding: 0 20px;
}

.single-post .breadcrumbs {
	font-size: 14px;
	line-height: 1.5;
}

.single-post .breadcrumbs a {
	text-decoration: none;
}

.single-post .page-header {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 20px;
}

.single-post .page-content {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 20px 40px;
}

.single-post .post-featured-image {
	margin: 0 0 30px;
}

.single-post .post-featured-image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 12px;
}

.elementor-widget-n-accordion div {
	border: 0 !important;
	border-color: transparent !important;
}

.single-post .elementor-widget-n-accordion .e-n-accordion-item-title-text {
	font-weight: 700 !important;
}

.fct-filter-bar {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.fct-filter-bar button {
	border: 1px solid #ddd;
	background: #fff;
	padding: 10px 18px;
	cursor: pointer;
	border-radius: 30px;
	transition: .2s;
}

.fct-filter-bar button.active {
	background: #000;
	color: #fff;
}

.fct-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.fct-card img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	display: block;
}

.fct-card h3 {
	margin: 18px 0 10px;
	font-size: 24px;
}

.fct-card h3 a {
	font-family: "Field Gothic", Sans-serif;
	font-size: 25px;
	font-weight: 900;
	line-height: 28px;
	color: inherit;
	text-decoration: none;
}

.fct-card .excerpt {
	color: #666;
}

.loading {
	opacity: .5;
}

.blog-post-grid {}

.single-post main {
	margin-top: 60px;
	margin-bottom: 60px;
}

.single-post hr {
	margin: 20px 0;
}

.single-post main * {
	font-family: "Inter", Sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2em;
	color: #000000;
}

.single-post main img {
	margin-top: 20px;
	margin-bottom: 40px;
}

.single-post main h1 {
	/* 	font-family: "Field Gothic", Sans-serif !important; */
	font-size: 50px;
	font-weight: 900;
	line-height: 1em;
	margin: 30px 0 15px;
	color: #000000;
}

.single-post main h2 {
	/* 	font-family: "Field Gothic", Sans-serif !important; */
	font-size: 30px;
	font-weight: 900;
	line-height: 1.2em;
	margin: 20px 0 15px;
	color: #000000;
}

.single-post main h3 {
	/* 	font-family: "Field Gothic", Sans-serif !important; */
	font-size: 26px;
	font-weight: 700;
	line-height: 1.2em;
	margin: 20px 0 15px;
	color: #000000;
}

.single-post main h4,
.single-post main h5,
.single-post main h6 {
	/* 	font-family: "Field Gothic", Sans-serif !important; */
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2em;
	margin: 10px 0 15px;
	color: #000000;
}

.single-post .wp-block-accordion-heading__toggle {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.single-post .wp-block-accordion-panel {
	margin-bottom: 40px;
}

.single-post .wp-block-accordion-heading__toggle-title {
	text-align: left;
	color: #fff !important;
	text-decoration: none !important;
}

.single-post .wp-block-accordion-heading__toggle-icon {
	color: #fff !important;
}

.single-post main button:hover,
.single-post main button:focus {
	background-color: #FF5622 !important;
	text-decoration: none !important;
}

@media(max-width:991px) {
	.fct-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media(max-width:767px) {
	.fct-grid {
		grid-template-columns: 1fr;
	}
}

/* FORM CHECKIN */
.copilot-checking-body .e-con-inner {
	justify-content: center !important;
}

.hotel-form {
	width: 100%;
	max-width: 900px;
	margin: 30px auto 0;
	font-family: Arial, sans-serif;
}


.hotel-select-wrapper {
	position: relative;
	width: 100%;
	border-bottom: 2px solid #fff;
}

.hotel-select-wrapper::after {
	content: "";
	position: absolute;
	right: 12px;
	top: 50%;
	width: 16px;
	height: 16px;
	border-right: 6px solid #fff;
	border-bottom: 6px solid #fff;
	transform: translateY(-65%) rotate(45deg);
	pointer-events: none;
}

#hotel-destination {
	width: 100%;
	height: 60px;
	padding: 0;
	border: 0;
	outline: none;
	background: transparent;
	color: #fff;
	font-family: "Field Gothic", Sans-serif;
	font-size: 22px;
	font-weight: 800;
	text-transform: uppercase;

	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
}

/* Placeholder */

#hotel-destination:invalid {
	color: #fff;
}

/* Opciones del dropdown */

#hotel-destination option {
	color: #000;
	background: #fff;
	font-family: "Field Gothic", Sans-serif;
	font-size: 22px;
	font-weight: 800;
}


/* BOTÓN */

#hotel-submit {
	margin-top: 60px;

	width: 230px;
	height: 50px;

	background: #ffdc6a;
	border: 4px solid #fff;
	padding: 0 20px;
	color: #000;
	font-family: "Field Gothic", Sans-serif;
	font-size: 16px;
	font-weight: 900;
	text-transform: uppercase;

	cursor: pointer;

	transition: opacity 0.2s ease, transform 0.2s ease;
}

#hotel-submit:hover {
	opacity: 0.9;
}

#hotel-submit:active {
	transform: translateY(2px);
}


/* MOBILE */

@media (max-width: 767px) {

	.hotel-form {
		width: 100%;
	}

	#hotel-destination {
		height: 75px;
		font-size: 24px;
	}

	.hotel-select-wrapper::after {
		right: 10px;
		width: 13px;
		height: 13px;
		border-width: 5px;
	}

	#hotel-submit {
		width: 100%;
		height: 75px;
		margin-top: 60px;
		font-size: 23px;
	}
}

/* End WPCode #12553 */