.elementor-163 .elementor-element.elementor-element-7ca719f0{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS *//* ================================
   MotoPress Hotel Booking – Card Style (Eco Lodge)
   Pega en: Apariencia > Personalizar > CSS Adicional
================================ */

/* Variables de color (ajusta si quieres) */
:root{
  --eco-green: #1E6343;
  --eco-green-dark:#184F36;
  --eco-mint:#EAF4EF;
  --eco-mint-2:#D9EFE3;
  --eco-text:#111111;
  --eco-muted:#6B6F6E;
  --eco-card:#ffffff;
  --eco-bg:#F1F7F6;
  --eco-shadow: 0 12px 30px rgba(16, 24, 40, 0.10);
  --eco-radius: 22px;
}

/* Fondo general solo en páginas de MotoPress (si se aplica) */
.mphb_sc_search_results-wrapper,
.mphb-room-type,
.mphb-room-type-wrapper{
  font-family: inherit;
}

/* Card principal */
.mphb-room-type{
  background: var(--eco-card);
  border-radius: var(--eco-radius);
  box-shadow: var(--eco-shadow);
  padding: 22px;
  margin: 24px auto;
  border: 1px solid rgba(16,24,40,.06);
  max-width: 980px;
}

/* Separación interna */
.mphb-room-type > * + *{
  margin-top: 14px;
}

/* Título */
.mphb-room-type h2.mphb-room-type-title{
  margin: 8px 0 6px !important;
  line-height: 1.15;
}

.mphb-room-type a.mphb-room-type-title{
  color: var(--eco-text);
  text-decoration: none;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.mphb-room-type a.mphb-room-type-title:hover{
  color: var(--eco-green);
  text-decoration: none;
}

/* Descripción */
.mphb-room-type p{
  color: var(--eco-muted);
  line-height: 1.55;
  margin: 0;
}

/* Galería / imagen principal redondeada */
.mphb-room-type-images,
.mphb-room-type-gallery-wrapper{
  border-radius: var(--eco-radius);
  overflow: hidden;
}

/* Evitar bordes cuadrados en imágenes */
.mphb-room-type-images img{
  display:block;
  width:100%;
  height:auto;
}

/* Thumbnails con estilo */
.mphb-gallery-thumbnail-slider{
  margin-top: 10px;
}

.mphb-gallery-thumbnail-slider .slides img{
  border-radius: 14px;
  opacity: .85;
  transition: transform .2s ease, opacity .2s ease;
}

.mphb-gallery-thumbnail-slider .slides img:hover{
  opacity: 1;
  transform: translateY(-2px);
}

/* Título "Detalles" */
.mphb-room-type-details-title{
  margin-top: 10px !important;
  font-size: 18px;
  font-weight: 800;
  color: var(--eco-text);
}

/* Lista de atributos en 2 columnas (desktop) */
.mphb-loop-room-type-attributes{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 18px;
}

.mphb-loop-room-type-attributes li{
  margin: 0 !important;
  padding: 12px 14px;
  background: var(--eco-bg);
  border-radius: 16px;
  border: 1px solid rgba(16,24,40,.06);
}

/* Títulos de atributo */
.mphb-loop-room-type-attributes .mphb-attribute-title{
  font-weight: 800;
  color: var(--eco-text);
  margin-right: 6px;
}

/* Valores */
.mphb-loop-room-type-attributes .mphb-attribute-value{
  color: var(--eco-muted);
}

/* Servicios como "chips" */
.mphb-room-type-facilities .mphb-attribute-value{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mphb-room-type-facilities .mphb-attribute-value > span{
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  background: var(--eco-mint);
  border: 1px solid rgba(30,99,67,.15);
  border-radius: 999px;
}

.mphb-room-type-facilities .mphb-attribute-value a{
  color: var(--eco-green);
  text-decoration: none;
  font-weight: 700;
  font-size: 13px;
}

.mphb-room-type-facilities .mphb-attribute-value a:hover{
  color: var(--eco-green-dark);
}

/* Precio */
.mphb-regular-price{
  margin-top: 10px !important;
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(30,99,67,.06);
  border: 1px solid rgba(30,99,67,.12);
  color: var(--eco-text);
}

.mphb-regular-price strong{
  font-weight: 800;
}

.mphb-price{
  font-weight: 900;
  color: var(--eco-green);
  margin-left: 6px;
}

/* Botones: estilo cápsula moderno */
.mphb-view-details-button-wrapper,
.mphb-to-book-btn-wrapper{
  margin-top: 12px !important;
}

.mphb-view-details-button,
.mphb-book-button{
  border-radius: 999px !important;
  padding: 12px 18px !important;
  font-weight: 800 !important;
  letter-spacing: .01em;
  border: 1px solid transparent !important;
  box-shadow: 0 10px 20px rgba(16,24,40,.10);
  transition: transform .15s ease, opacity .15s ease, background .15s ease;
}

/* Botón primario (Reservar) */
.mphb-book-button{
  background: var(--eco-green) !important;
  color: #fff !important;
}

.mphb-book-button:hover{
  background: var(--eco-green-dark) !important;
  transform: translateY(-1px);
}

/* Botón secundario (Ver detalles) */
.mphb-view-details-button{
  background: #fff !important;
  color: var(--eco-green) !important;
  border: 1px solid rgba(30,99,67,.25) !important;
}

.mphb-view-details-button:hover{
  opacity: .95;
  transform: translateY(-1px);
}

/* Alinear botones en fila (desktop) */
.mphb-view-details-button-wrapper,
.mphb-to-book-btn-wrapper{
  display: inline-block;
  margin-right: 10px;
}

/* Responsivo: 1 columna en móvil */
@media (max-width: 820px){
  .mphb-room-type{
    padding: 16px;
    border-radius: 18px;
  }
  .mphb-loop-room-type-attributes{
    grid-template-columns: 1fr;
  }
  .mphb-view-details-button-wrapper,
  .mphb-to-book-btn-wrapper{
    display: block;
    margin-right: 0;
  }
  .mphb-view-details-button,
  .mphb-book-button{
    width: 100%;
    text-align: center;
  }
}/* End custom CSS */