/* Casa Margarita V220.59 — ajustes puntuales con alcance de dispositivo real.
   IMPORTANTE:
   - Tablet horizontal: SOLO Recorrido + contención del calendario.
   - Teléfono horizontal: SOLO calendario compacto.
   - No modifica Mac/desktop, móvil vertical, tablet vertical, títulos globales,
     Admin, reservas, pagos, Eventos, contratos, Supabase ni lógica funcional.
   Las clases cm-*-landscape-v22059 se añaden únicamente en dispositivos táctiles. */

/* ============================================================
   TABLET HORIZONTAL TÁCTIL ÚNICAMENTE
   ============================================================ */
html.cm-tablet-landscape-v22059 #recorrido .chapter-caption.glass-card {
  /* Mismo tamaño y posición. Solo más transparencia y muchísimo menos blur. */
  background: rgba(34, 25, 18, .10) !important;
  border-color: rgba(255,255,255,.18) !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.12) !important;
  -webkit-backdrop-filter: blur(2px) saturate(104%) !important;
  backdrop-filter: blur(2px) saturate(104%) !important;
}

/* CALENDARIO — tablet horizontal: solo contención para que no rebase margen. */
html.cm-tablet-landscape-v22059 body.responsive-v187 #fechas,
html.cm-tablet-landscape-v22059 body.responsive-v187 #fechas .booking-layout,
html.cm-tablet-landscape-v22059 body.responsive-v187 #fechas .booking-card,
html.cm-tablet-landscape-v22059 body.responsive-v187 #fechas .calendar-top,
html.cm-tablet-landscape-v22059 body.responsive-v187 #fechas .weekday-row,
html.cm-tablet-landscape-v22059 body.responsive-v187 #fechas .calendar-grid {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

html.cm-tablet-landscape-v22059 body.responsive-v187 #fechas .booking-layout,
html.cm-tablet-landscape-v22059 body.responsive-v187 #fechas .booking-card,
html.cm-tablet-landscape-v22059 body.responsive-v187 #fechas .weekday-row,
html.cm-tablet-landscape-v22059 body.responsive-v187 #fechas .calendar-grid {
  width: 100% !important;
}

html.cm-tablet-landscape-v22059 body.responsive-v187 #fechas .weekday-row,
html.cm-tablet-landscape-v22059 body.responsive-v187 #fechas .calendar-grid {
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}

html.cm-tablet-landscape-v22059 body.responsive-v187 #fechas .day,
html.cm-tablet-landscape-v22059 body.responsive-v187 #fechas .weekday-row > * {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* ============================================================
   TELÉFONO HORIZONTAL TÁCTIL ÚNICAMENTE
   ============================================================ */
html.cm-phone-landscape-v22059 body.responsive-v187 #fechas {
  padding-top: 46px !important;
  padding-bottom: 54px !important;
}

html.cm-phone-landscape-v22059 body.responsive-v187 #fechas > .section-title-row {
  margin-bottom: 12px !important;
}

html.cm-phone-landscape-v22059 body.responsive-v187 #fechas .booking-layout {
  gap: 10px !important;
}

html.cm-phone-landscape-v22059 body.responsive-v187 #fechas .booking-card {
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  padding: 10px !important;
  border-radius: 22px !important;
  box-sizing: border-box !important;
}

html.cm-phone-landscape-v22059 body.responsive-v187 #fechas .calendar-top {
  margin-bottom: 6px !important;
  gap: 6px !important;
}

html.cm-phone-landscape-v22059 body.responsive-v187 #fechas .calendar-top h3 {
  font-size: clamp(21px, 4vw, 27px) !important;
  line-height: 1 !important;
}

html.cm-phone-landscape-v22059 body.responsive-v187 #fechas .calendar-top button {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
}

html.cm-phone-landscape-v22059 body.responsive-v187 #fechas .weekday-row,
html.cm-phone-landscape-v22059 body.responsive-v187 #fechas .calendar-grid {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 3px !important;
  box-sizing: border-box !important;
}

html.cm-phone-landscape-v22059 body.responsive-v187 #fechas .weekday-row {
  margin-bottom: 3px !important;
  font-size: 8.5px !important;
  letter-spacing: 0 !important;
}

html.cm-phone-landscape-v22059 body.responsive-v187 #fechas .day {
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 4px 5px !important;
  border-radius: 9px !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

html.cm-phone-landscape-v22059 body.responsive-v187 #fechas .day small {
  display: block !important;
  margin-top: 1px !important;
  font-size: 7.2px !important;
  line-height: 1.02 !important;
  overflow-wrap: anywhere !important;
}

html.cm-phone-landscape-v22059 body.responsive-v187 #fechas .calendar-legend {
  gap: 5px 9px !important;
  margin-top: 6px !important;
  font-size: 9px !important;
  line-height: 1.15 !important;
}

html.cm-phone-landscape-v22059 body.responsive-v187 #fechas .calendar-legend span {
  gap: 4px !important;
}

html.cm-phone-landscape-v22059 body.responsive-v187 #fechas .calendar-legend i {
  width: 8px !important;
  height: 8px !important;
}