/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

.e-loop-item .e-con-boxed.e-parent {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 500px !important; 
  background: rgba(255, 255, 255, 0.04);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  box-sizing: border-box;
  padding: 20px;
}
.e-loop-item .e-con-boxed.e-parent img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  border-radius: 8px;
}

.e-loop-item .e-con-boxed.e-parent h1.elementor-heading-title {
  font-size: 1.4rem;
  margin: 15px 0 5px;
  text-align: center;
  color: #fff;
}

.e-loop-item .e-con-boxed.e-parent .mphb-regular-price {
  text-align: center;
  font-size: 1rem;
  color: #F9B233;
  font-weight: 600;
}

.e-loop-item .e-con-boxed.e-parent .elementor-widget-button {
  margin-top: auto !important;
  text-align: center !important;
}

.e-loop-item .e-con-boxed.e-parent .elementor-button {
  background-color: #F9B233 !important;
  color: #fff !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  padding: 10px 25px !important;
  transition: all 0.3s ease-in-out;
}

.e-loop-item .e-con-boxed.e-parent .elementor-button:hover {
  background-color: #171123 !important;
  color: #F9B233 !important;
  box-shadow: 0 0 12px rgba(249, 178, 51, 0.8);
}

/* 🖥️ Solo afecta a pantallas grandes (escritorio) */
@media (min-width: 1025px) {
  /* Achica la imagen destacada de cada alojamiento */
  .mphb_room_type .wp-post-image,
  .e-loop-item .wp-post-image {
    width: 65% !important;   /* reduce el tamaño al 65% del contenedor */
    max-width: 400px !important; /* límite máximo en píxeles */
    height: auto !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    margin: 0 auto 15px 0 !important; /* alinea a la izquierda */
    display: block !important;
  }

  /* Alinea texto y botón a la derecha de la imagen */
  .e-con-inner,
  .mphb-room-type-content {
    text-align: left !important;
  }

  /* Opcional: deja espacio al lado de la imagen */
  .elementor-element.elementor-element-cf3fc87.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    padding-left: 20px !important;
  }
}
/* ===========================================================
   🧭 Botones MotoPress unificados (funcionales y estilizados)
   =========================================================== */

/* Aseguramos que el contenedor del botón sea flexible */
.mphb-room-type {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 100% !important;
}

/* Contenedor que agrupa los botones en una misma fila */
.mphb-room-type p:has(.mphb-view-details-button) {
  display: flex !important;
  justify-content: flex-start !important; /* alineados a la izquierda */
  align-items: center !important;
  gap: 15px !important;
  flex-wrap: wrap !important;
  margin-top: 10px !important;
}

/* 📱 Responsivo */
@media (max-width: 768px) {
  .mphb-room-type p:has(.mphb-view-details-button) {
    justify-content: center !important;
  }
}

/* --- 🔹 Botón Hacer Reserva (principal) --- */
.mphb-book-button {
  display: inline-block !important;
  min-width: 180px !important;
  padding: 12px 0 !important;
  text-align: center !important;
  background-color: #F9B233 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.3s ease-in-out !important;
  box-shadow: 0 0 6px rgba(249,178,51,0.4) !important;
}

.mphb-book-button:hover {
  background-color: #171123 !important;
  color: #F9B233 !important;
  box-shadow: 0 0 12px rgba(249,178,51,0.8) !important;
  transform: translateY(-2px) !important;
}

/* --- 🔸 Botón Ver Detalles (invertido) --- */
.mphb-view-details-button {
  display: inline-block !important;
  min-width: 180px !important;
  padding: 12px 0 !important;
  text-align: center !important;
  background-color: #171123 !important; /* color base oscuro */
  color: #F9B233 !important; /* texto naranja */
  border: 1px solid #F9B233 !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.3s ease-in-out !important;
  box-shadow: 0 0 6px rgba(249,178,51,0.3) !important;
}

.mphb-view-details-button:hover {
  background-color: #F9B233 !important; /* se invierte */
  color: #fff !important; /* texto blanco ✅ */
  box-shadow: 0 0 12px rgba(249,178,51,0.8) !important;
  transform: translateY(-2px) !important;
}
/* ===========================================================
   ⚙️ Equipamiento incluido - alineado e integrado
   =========================================================== */

/* Contenedor general */
ul.mphb-single-room-type-attributes {
  list-style: none !important;
  padding: 20px 40px 0 40px !important; /* menos espacio, se acerca al card anterior */
  margin: 10px auto 0 auto !important;  /* margen superior mínimo, sin fondo */
  background: none !important;
  border: none !important;
}

/* Título del bloque */
ul.mphb-single-room-type-attributes .titulo-equipamiento {
  text-align: left !important;        /* 🔹 alineado a la izquierda */
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;          /* 🔹 color blanco */
  margin: 0 0 20px 0 !important;      /* 🔹 sin margen superior, más pegado al anterior */
  border: none !important;            /* 🔹 sin línea */
  padding: 0 !important;
}

/* Contenedor de columnas */
ul.mphb-single-room-type-attributes .mphb-room-type-facilities {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
  border: none !important;
}

/* Cada columna */
ul.mphb-single-room-type-attributes .columna-comodidades {
  flex: 1 1 30% !important;
  min-width: 250px !important;
}

/* Cada ítem de comodidad */
ul.mphb-single-room-type-attributes .item-comodidad {
  display: flex !important;
  align-items: center !important;
  font-size: 1rem !important;
  color: #fff !important;
  margin-bottom: 10px !important;
  line-height: 1.4em !important;
  border: none !important;
}

/* Iconos */
ul.mphb-single-room-type-attributes .item-comodidad .icono {
  color: #F9B233 !important;
  font-size: 1.3rem !important;
  margin-right: 10px !important;
  min-width: 24px !important;
  text-align: center !important;
}

/* Eliminar cualquier línea o borde heredado */
.mphb-single-room-type-attributes,
.mphb-single-room-type-attributes li,
.mphb-room-type-facilities {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
}

/* 📱 Adaptación móvil */
@media (max-width: 768px) {
  ul.mphb-single-room-type-attributes {
    padding: 15px 20px 0 20px !important;
    margin: 5px auto 0 auto !important;
  }

  ul.mphb-single-room-type-attributes .mphb-room-type-facilities {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  ul.mphb-single-room-type-attributes .columna-comodidades {
    flex: 1 1 100% !important;
    min-width: auto !important;
  }
}
/* ===========================================================
   ⚙️ Título "Equipamiento incluido" - visible y sin línea
   =========================================================== */

/* 🔹 Mantiene el título visible */
#equipamiento-incluido {
  display: block !important;
  text-align: left !important;
  color: #fff !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  margin: 10px 0 20px 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* 🔹 Elimina cualquier pseudo-elemento o borde decorativo */
#equipamiento-incluido::before,
#equipamiento-incluido::after,
.elementor-widget-heading #equipamiento-incluido::before,
.elementor-widget-heading #equipamiento-incluido::after,
h3#equipamiento-incluido.titulo-equipamiento::before,
h3#equipamiento-incluido.titulo-equipamiento::after {
  content: none !important;
  display: none !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
}