.elementor-18412 .elementor-element.elementor-element-1f6e15a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-551e5725 */@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;500;600&display=swap');

/* Contenedor Global Expandido */
.custom-carousel-wrapper {
  position: relative;
  width: 150%;
  max-width: 1580px; /* Ficha más ancha solicitada para forzar el flujo horizontal */
  margin: 0 auto;
  padding: 0 0px;   
  box-sizing: border-box;
}

.custom-carousel-track {
  display: flex;
  overflow-x: hidden !important; 
  scroll-behavior: smooth;
  width: 100;
  box-sizing: border-box;
}

/* Ficha con proporciones exactas 50/50 */
.room-card-container {
  flex: 0 0 100% !important; 
  width: 100% !important;
  display: flex !important;
  background-color: #F7F2E7 !important;
  font-family: 'Sora', sans-serif !important;
  min-height: 920px !important;
  box-sizing: border-box;
}

/* Imagen balanceada para que no estire verticalmente */
.room-card-image-box {
  width: 50% !important;
  min-width: 50% !important;
  position: relative;
  overflow: hidden;
}

.room-card-image-box img {
  width: 100% !important;
  height: 75% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Caja de Contenido Derecho */
.room-card-content-box {
  width: 50% !important;
  padding: 4.5% 5% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  box-sizing: border-box;
}

/* Título optimizado a 2 líneas estrictas */
.room-card-title {
  font-family: 'Sora', sans-serif !important;
  font-size: 46px !important; /* Escalado para obligar el quiebre exacto en 2 líneas */
  font-weight: 300 !important; 
  text-transform: uppercase;
  color: #1A1A1A !important;
  line-height: 1.2 !important;
  margin: 0 0 12px 0 !important;
  letter-spacing: -0.5px;
  white-space: normal;
}

/* Subtítulo a una línea estricta */
.room-card-subtitle {
  font-family: 'Sora', sans-serif !important;
  font-size: 15px !important;
  color: #555555 !important;
  margin: 0 0 25px 0 !important;
  line-height: 1.4 !important;
  font-weight: 300 !important;
  white-space: nowrap; /* Evita que el texto baje a una segunda línea */
  overflow: hidden;
  text-overflow: ellipsis; /* Si la pantalla es muy pequeña corta elegantemente con puntos */
}

/* Línea divisora amarilla más larga */
.room-card-divider {
  border: none !important;
  border-top: 2px solid #E6B130 !important; /* Grosor e intensidad amarilla corregida */
  width: 240px !important; /* Más larga como solicitaste */
  margin: 0 0 25px 0 !important;
}

/* Grid de Píldoras Nativas */
.hive-amenities-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
  width: 100% !important;
}

.hive-amenities-centered {
  display: flex !important;
  justify-content: flex-start !important;
  width: 100% !important;
  margin-bottom: 35px !important;
}

.hive-amenity-pill {
  display: inline-flex !important;
  align-items: center !important;
  background-color: #EEEDEA !important; 
  color: #4A4A4A !important; 
  padding: 10px 18px !important;
  border-radius: 50px !important; 
  font-family: 'Sora', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  gap: 6px !important;
  box-sizing: border-box;
}

.hive-amenity-pill-gold {
  background: linear-gradient(90deg, #FAD961 0%, #F76B1C 100%) !important;
  color: #3d2b1f !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  cursor: pointer;
}

.hive-amenity-pill-gold:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 4px 10px rgba(247, 107, 28, 0.3) !important;
}

.hive-amenity-pill svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important; 
}

/* Botón Ver Habitación */
.room-card-button {
  align-self: flex-start !important;
  background-color: #111111 !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  padding: 15px 42px !important;
  border-radius: 25px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  transition: opacity 0.2s ease !important;
  display: inline-block !important;
}

.room-card-button:hover {
  opacity: 0.9 !important;
}

/* Flechas Negras */
.carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  font-size: 2.2rem;
  color: #1A1A1A; 
  cursor: pointer;
  padding: 10px;
  z-index: 10;
  transition: transform 0.2s, color 0.2s;
}

.carousel-arrow:hover {
  color: #F76B1C;
  transform: translateY(-50%) scale(1.15);
}

.arrow-left { left: 5px; }
.arrow-right { right: 5px; }

/* Ajustes Responsive */
@media (max-width: 1199px) {
  .room-card-title { font-size: 38px !important; }
  .room-card-subtitle { white-space: normal; }
}

@media (max-width: 991px) {
  .custom-carousel-wrapper { padding: 0 10px; }
  .room-card-container { flex-direction: column !important; min-height: auto !important; }
  .room-card-image-box, .room-card-content-box { width: 100% !important; min-width: 100% !important; }
  .room-card-title { font-size: 32px !important; }
  .carousel-arrow { display: none !important; } 
  .custom-carousel-track { overflow-x: auto !important; scroll-snap-type: x mandatory !important; }
  .room-card-container { scroll-snap-align: start !important; }
}


/* Quitar estilos por defecto al enlace del título */
.room-card-title-link {
  text-decoration: none !important;
  display: block !important;
}

.room-card-title-link:hover .room-card-title {
  opacity: 0.85; /* Efecto sutil de hover al pasar el cursor sobre el título */
  transition: opacity 0.2s ease;
}

/* Ocultar estilos viejos de flechas por si acaso */
.carousel-arrow {
  display: none !important;
}/* End custom CSS */