.elementor-285 .elementor-element.elementor-element-c24e6cc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-285 .elementor-element.elementor-element-34d45e5{--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-285 .elementor-element.elementor-element-803bc90{columns:1;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-285 .elementor-element.elementor-element-3b54aa3 .elementor-heading-title{color:#000000;}.elementor-285 .elementor-element.elementor-element-d410945{columns:1;}.elementor-285 .elementor-element.elementor-element-675172a{columns:1;}.elementor-285 .elementor-element.elementor-element-c8f3c66{columns:1;}.elementor-285 .elementor-element.elementor-element-bc8f1d5{columns:1;}.elementor-285 .elementor-element.elementor-element-ab1fcaf{columns:1;}@media(min-width:768px){.elementor-285 .elementor-element.elementor-element-34d45e5{--width:70%;}}/* 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;
  }
}



/* =========================================================
   CALENDARIO MOTOPRESS - ESTILO WEB (Fernandosi / verde)
   Aplica SOLO al shortcode con class="cal-173"
========================================================= */

.cal-173{
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 18px;
  padding: 6 px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  overflow: hidden;
}

/* Asegura que el contenedor no se quede pegado a width inline (ej: 435px) */
.cal-173 .datepick,
.cal-173 .mphb-calendar,
.cal-173 .mphb-datepick{
  width: 100% !important;
  max-width: 100% !important;
}

/* Si el plugin fuerza width inline en .datepick (como 435px), lo pisamos */
.cal-173 .datepick.datepick-multi{
  width: 100% !important;
}

/* Header/nav superior (Ant - Hoy - Sig) */
.cal-173 .datepick-nav{
  background: #1f6b46;              /* verde principal */
  border-radius: 14px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

/* Links del nav */
.cal-173 .datepick-nav a{
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 700;
  padding: 4px 6px;
  border-radius: 12px;
  transition: transform .12s ease, background .12s ease, opacity .12s ease;
}

/* Hover nav */
.cal-173 .datepick-nav a:hover{
  background: rgba(255,255,255,.14);
  transform: translateY(-1px);
}

/* Botón deshabilitado */
.cal-173 .datepick-nav a.datepick-disabled{
  opacity: .45;
  cursor: not-allowed;
  transform: none;
}

/* Bloque de meses */
.cal-173 .datepick-month-row{
  margin-top: 14px;
  gap: 16px;
}

/* Cada mes como “card” */
.cal-173 .datepick-month{
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 16px;
  overflow: hidden;
}

/* Encabezado mes (selects o texto) */
.cal-173 .datepick-month-header{
  background: rgba(31,107,70,.08);
  color: #0f3f2a;
  font-weight: 800;
  padding: 5px 6px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

/* Selects del primer mes (mes/año) */
.cal-173 .datepick-month-header select{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 10px;
  padding: 3px 6px;
  font-weight: 700;
  background: #fff;
}

/* Tabla */
.cal-173 table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 8px; /* separa “chips” */
  padding: 10px;
}

/* Días de la semana */
.cal-173 thead th{
  font-size: 12px;
  text-transform: none;
  color: rgba(0,0,0,.65);
  font-weight: 800;
  padding-bottom: 4px;
}

/* Celdas base (número) */
.cal-173 .mphb-date-cell{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  font-weight: 800;
  color: rgba(0,0,0,.78);
  background: rgba(31,107,70,.06);
  border: 1px solid rgba(31,107,70,.08);
  transition: transform .12s ease, background .12s ease, border-color .12s ease, box-shadow .12s ease;
}

/* Hover suave */
.cal-173 .mphb-date-cell:hover{
  background: rgba(31,107,70,.12);
  border-color: rgba(31,107,70,.20);
  transform: translateY(-1px);
}

/* Días de otros meses / “vacíos” */
.cal-173 .datepick-other-month{
  opacity: .28;
  background: transparent !important;
  border-color: transparent !important;
}

/* Días pasados */
.cal-173 .mphb-past-date{
  opacity: .45;
  background: rgba(0,0,0,.04);
  border-color: rgba(0,0,0,.06);
}

/* Disponible */
.cal-173 .mphb-available-date{
  background: rgba(31,107,70,.10);
  border-color: rgba(31,107,70,.18);
  color: #0f3f2a;
}

/* No disponible */
.cal-173 .mphb-not-available-date,
.cal-173 .mphb-out-of-season-date--check-in{
  background: rgba(0,0,0,.04);
  border-color: rgba(0,0,0,.08);
  color: rgba(0,0,0,.35);
  text-decoration: line-through;
}

/* “Hoy” */
.cal-173 .datepick-today{
  background: #1f6b46 !important;
  border-color: #1f6b46 !important;
  color: #fff !important;
  box-shadow: 0 10px 18px rgba(31,107,70,.25);
}

/* Fines de semana (un toque distinto sin romper) */
.cal-173 .datepick-weekend.mphb-available-date{
  background: rgba(31,107,70,.14);
  border-color: rgba(31,107,70,.24);
}

/* Ajustes responsive: en móvil que no se desborde */
@media (max-width: 768px){
  .cal-173{
    padding: 14px;
    border-radius: 16px;
  }

  .cal-173 table{
    border-spacing: 6px;
    padding: 8px;
  }

  .cal-173 .mphb-date-cell{
    width: 36px;
    height: 36px;
    border-radius: 11px;
    font-size: 14px;
  }
}
/* ====== OVERRIDE FUERTE (para que realmente pise el CSS del plugin) ====== */
.cal-173.mphb-calendar,
.cal-173 .mphb-calendar,
.cal-173 .datepick,
.cal-173 .datepick *{
  box-sizing: border-box;
}

/* contenedor */
.cal-173{
  background:#fff !important;
  border:1px solid rgba(15,23,42,.10) !important;
  border-radius:18px !important;
  padding:14px !important;
  box-shadow:0 12px 30px rgba(15,23,42,.08) !important;
  overflow:hidden !important;
}

/* matar el width inline 435px */
.cal-173 .datepick.datepick-multi{
  width:100% !important;
  max-width:100% !important;
}

/* barra superior (Ant / Hoy / Sig) */
.cal-173 .datepick-nav{
  background:#145a3a !important;  /* verde institucional */
  border-radius:14px !important;
  padding:10px 12px !important;
}
.cal-173 .datepick-nav a{
  color:#fff !important;
  font-weight:800 !important;
  font-size:14px !important;
  padding:8px 12px !important;
  border-radius:12px !important;
  background:transparent !important;
}
.cal-173 .datepick-nav a:hover{
  background:rgba(255,255,255,.12) !important;
}

/* fila de meses: elimina “corte” blanco al medio */
.cal-173 .datepick-month-row{
  display:flex !important;
  gap:12px !important;
  margin-top:12px !important;
}
.cal-173 .datepick-month{
  flex:1 1 0 !important;
  min-width:0 !important;
  border:1px solid rgba(15,23,42,.10) !important;
  border-radius:16px !important;
  overflow:hidden !important;
  background:#fff !important;
}

/* header de cada mes (Febrero/2026 y Marzo 2026) */
.cal-173 .datepick-month-header{
  background:rgba(20,90,58,.06) !important;
  color:#0f3f2a !important;
  font-weight:900 !important;
  padding:10px 12px !important;
  border-bottom:1px solid rgba(15,23,42,.10) !important;
}

/* select (mes/año) */
.cal-173 .datepick-month-header select{
  background:#fff !important;
  border:1px solid rgba(15,23,42,.16) !important;
  border-radius:10px !important;
  padding:6px 10px !important;
  font-weight:800 !important;
  color:#0f172a !important;
  box-shadow:none !important;
}

/* tabla: reduce tamaño de “chips” */
.cal-173 table{
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:6px !important;  /* antes estaba enorme */
  padding:10px !important;
}

/* días de la semana */
.cal-173 thead th{
  font-size:12px !important;
  font-weight:900 !important;
  color:rgba(15,23,42,.65) !important;
}

/* día tipo “chip” (más elegante y chico) */
.cal-173 .mphb-date-cell{
  width:36px !important;
  height:36px !important;
  border-radius:12px !important;
  font-weight:900 !important;
  font-size:14px !important;
  background:#f6faf7 !important;
  border:1px solid rgba(20,90,58,.14) !important;
  color:#334155 !important;
  box-shadow:none !important;
}

/* disponible */
.cal-173 .mphb-available-date{
  background:rgba(20,90,58,.10) !important;
  border-color:rgba(20,90,58,.24) !important;
  color:#145a3a !important;
}

/* HOY */
.cal-173 .datepick-today{
  background:#145a3a !important;
  border-color:#145a3a !important;
  color:#fff !important;
}

/* otros meses / vacíos */
.cal-173 .datepick-other-month{
  opacity:.25 !important;
  background:transparent !important;
  border-color:transparent !important;
}

/* responsive */
@media (max-width: 820px){
  .cal-173 .datepick-month-row{ flex-direction:column !important; }
}/* End custom CSS */