/* V8.65: ONLY the rental iframe inside Mi Ruta.
   Month selection is a full calendar overlay, not an expanding sticky header. */
html.r861-root-rentals .v828-stage{
  padding:5px 8px 7px!important;
}
html.r861-root-rentals .v828-head{
  min-height:30px!important;padding:4px 9px!important;
}
html.r861-root-rentals .r863-rental-dock{
  gap:3px!important;
  padding:3px 2px 5px!important;
  box-shadow:0 3px 7px #12353e12!important;
}
html.r861-root-rentals .r863-rental-dock .v828-room-row{
  padding:0!important;margin:0!important;
  gap:4px!important;
}
html.r861-root-rentals .r863-rental-dock .v828-room-row button{
  min-height:32px!important;
  padding:5px 1px!important;
  font-size:10px!important;
}
html.r861-root-rentals .r863-rental-dock .r864-date-tabs{
  padding:2px!important;gap:3px!important;
}
html.r861-root-rentals .r863-rental-dock .r864-date-tabs button{
  min-height:30px!important;padding:5px!important;
}
html.r861-root-rentals .r863-rental-dock .v8272-week,
html.r861-root-rentals .r863-rental-dock .v828-weekday{
  gap:3px!important;margin:0!important;
}
html.r861-root-rentals .r863-rental-dock .v8272-week button,
html.r861-root-rentals .r863-rental-dock .v828-weekday button{
  min-height:37px!important;padding:3px 0!important;
}
html.r861-root-rentals .r863-rental-dock .v8272-date-controls{
  display:none!important; /* Fecha exacta ya se elige en Semana / Mes */
}
/* Already explained in the wizard heading "Elegí tus horarios".
   Remove the repeated instruction and keep scrolling space for slots. */
html.r861-root-rentals .v8272-picker>.v8272-caption{
  display:none!important;
}
html.r861-root-rentals .v8272-cal-grid{
  gap:7px!important;
}
html.r861-root-rentals .v8272-group{
  padding:7px!important;border-radius:10px!important;
}
html.r861-root-rentals .v8272-group>strong{
  font-size:12px!important;line-height:1.2!important;
  margin:1px 2px 6px!important;
}
html.r861-root-rentals .v8272-half-grid{
  grid-template-columns:62px minmax(0,1fr)!important;gap:4px!important;
}
html.r861-root-rentals .v8272-time,
html.r861-root-rentals .v8272-block{
  min-height:34px!important;font-size:12px!important;
  padding:4px!important;
}
html.r861-root-rentals .r865-day-choice{
  display:flex;align-items:center;justify-content:center;gap:11px;
  padding:4px!important;background:#f1f8f7;
  border-radius:8px;min-height:37px;
}
html.r861-root-rentals .r865-day-choice button{
  width:31px;height:30px;border:1px solid #c3dbde;
  border-radius:8px;background:white;color:#0a7180;font-weight:900;
}
html.r861-root-rentals .r865-day-choice strong{
  font-size:12px;color:#173e4d;
}
/* Full calendar opens OVER the time list, not inside the pinned top toolbar.
   Its own scroll guarantees access on small phones, with a prominent close. */
html.r861-root-rentals .r865-month-overlay{
  position:fixed!important;
  inset:6px 6px 65px!important;
  z-index:300!important;
  display:flex;flex-direction:column;
  background:#f9fcfc;
  border:2px solid #0b8291;
  border-radius:14px;
  box-shadow:0 12px 35px #001a2977;
  overflow:hidden!important;
}
html.r861-root-rentals .r865-month-header{
  display:flex;align-items:center;justify-content:space-between;
  flex:0 0 auto;gap:10px;padding:10px 11px;
  background:#083a4b;color:white;
}
html.r861-root-rentals .r865-month-header h3{
  font-size:14px!important;color:white!important;margin:0!important;
}
html.r861-root-rentals .r865-month-header button{
  padding:6px 12px;min-height:32px;
  background:#f6dfb2;color:#493613;border:0;border-radius:8px;
  font-size:11px;font-weight:850;
}
html.r861-root-rentals .r865-month-body{
  flex:1 1 auto;min-height:0;overflow-y:auto;
  overscroll-behavior:contain;
  padding:9px 10px 13px;
}
html.r861-root-rentals .r865-month-body .r864-custom-calendar{
  display:block!important;margin:0!important;
}
html.r861-root-rentals .r865-month-body .r864-month-head{
  margin-bottom:9px;
}
html.r861-root-rentals .r865-month-body .r864-month-head button{
  width:36px;height:35px;
}
html.r861-root-rentals .r865-month-body .r864-month-grid{
  gap:4px!important;
}
html.r861-root-rentals .r865-month-body .r864-month-grid span{
  padding:5px 0;font-size:11px!important;text-align:center;font-weight:800;
}
html.r861-root-rentals .r865-month-body .r864-month-grid button{
  min-height:34px!important;padding:4px 0!important;
  font-size:12px!important;
}
html.r861-root-rentals .r865-month-body .r864-month-grid button:focus-visible,
html.r861-root-rentals .r865-month-header button:focus-visible{
  outline:3px solid #e6bc71;outline-offset:2px;
}
@media (max-height:580px){
  html.r861-root-rentals .r865-month-overlay{bottom:58px!important}
  html.r861-root-rentals .r865-month-body .r864-month-grid button{min-height:30px!important}
}
/* Higher specificity than legacy #v828RentalWizard desktop selectors. */
html.r861-root-rentals #v828RentalWizard .v828-stage{
  padding:5px 8px 7px!important;
}
html.r861-root-rentals #v828RentalWizard .r863-rental-dock .v828-room-row{
  padding:0!important;margin:0!important;min-height:0!important;
  grid-auto-rows:minmax(32px,auto)!important;
}
html.r861-root-rentals #v828RentalWizard .r863-rental-dock .v828-room-row button{
  min-height:32px!important;max-height:35px!important;padding:3px 1px!important;
}
html.r861-root-rentals #v828RentalWizard .v828-ack{
  font-size:10px!important;margin:3px 0!important;line-height:1.2!important;
}
@media all{
 html.r861-root-rentals.r865-short-viewport #v828RentalWizard .r863-rental-dock .v8272-week,
 html.r861-root-rentals.r865-short-viewport #v828RentalWizard .r863-rental-dock .v828-weekday{
  display:none!important;
 }
 html.r861-root-rentals.r865-short-viewport #v828RentalWizard .v828-head{min-height:28px!important;padding:3px 8px!important}
 html.r861-root-rentals.r865-short-viewport #v828RentalWizard .r863-rental-dock .r864-date-tabs button{
  min-height:27px!important;
 }
 html.r861-root-rentals.r865-short-viewport #v828RentalWizard .r864-custom-calendar{
  display:none!important;
 }
 html.r861-root-rentals.r865-short-viewport #v828RentalWizard .r865-month-overlay .r864-custom-calendar{
  display:block!important;
 }
 html.r861-root-rentals.r865-short-viewport .r865-week-overlay{
  position:fixed!important;inset:6px 6px 65px!important;
  z-index:310!important;background:#fbfdfc;
  border:2px solid #0b8291;border-radius:13px;
  box-shadow:0 12px 35px #001a2970;display:flex;flex-direction:column;
  overflow:hidden!important;
 }
 html.r861-root-rentals.r865-short-viewport .r865-week-body{
  flex:1 1 auto;min-height:0;overflow:auto;
  padding:14px 11px;overscroll-behavior:contain;
 }
 html.r861-root-rentals.r865-short-viewport .r865-week-body .v8272-week,
 html.r861-root-rentals.r865-short-viewport .r865-week-body .v828-weekday{
  display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:5px!important;position:static!important;padding:0!important;margin:0!important;
 }
 html.r861-root-rentals.r865-short-viewport .r865-week-body .v8272-week button,
 html.r861-root-rentals.r865-short-viewport .r865-week-body .v828-weekday button{
  min-width:0!important;min-height:56px!important;
  padding:6px 1px!important;flex-direction:column;
  border:1px solid #c6dedf;border-radius:8px;font-size:11px!important;
 }
 html.r861-root-rentals.r865-short-viewport .r865-week-body .v8272-week button.selected{
  border-color:#0a8795;background:#e5f6f4;
 }
}