/* Selector de estadía: misma identidad que la portada y las reservas. */
html { scrollbar-gutter: stable; }
body.hosp-dates-open { overflow: hidden; }
.sitio-reservas #buscar { scroll-margin-top: 100px; }
.sitio-reservas #buscar h2 { margin: 0 0 20px; }
.sitio-reservas #hosp-fechas {
  --hosp-control-height: 50px;
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(185px, .8fr);
  align-items: end; gap: 16px; margin: 0;
}
.sitio-reservas #hosp-fechas > .btn,
.sitio-reservas #hosp-fechas .hosp-date-trigger,
.sitio-reservas #hosp-fechas input[type="date"] { min-height: var(--hosp-control-height); }
.sitio-reservas #hosp-fechas > .btn { width: 100%; margin: 0; }
.hosp-date-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.sitio-reservas #hosp-fechas label { margin: 0; font-size: 14px; line-height: 1.4; }
.hosp-date-trigger {
  display: flex; align-items: center; gap: 12px; width: 100%; min-height: 50px;
  padding: 12px 16px; border: 1px solid var(--book-line); border-radius: 12px;
  background: var(--book-card); color: var(--book-ink); font: inherit; text-align: left;
  cursor: pointer; transition: border-color .16s ease, background .16s ease;
}
.hosp-date-trigger:hover { border-color: var(--book-green); background: var(--book-green-soft); }
.hosp-date-trigger svg, .hosp-date-icon svg {
  width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor;
  stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;
}
.hosp-date-trigger svg { color: var(--book-green); }
.hosp-stay-details {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(185px, .8fr);
  gap: 16px; margin: 24px 0 0; padding: 20px 0; border-top: 1px solid var(--book-line);
}
.hosp-stay-details > div { min-width: 0; }
.hosp-stay-details dt { margin: 0 0 6px; color: var(--book-muted); font-size: 14px; line-height: 1.4; }
.hosp-stay-details dd { margin: 0; color: var(--book-ink); font-size: 16px; line-height: 1.5; }
.hosp-stay-details .hosp-date-nights { color: var(--book-green-dark); font-weight: 600; }
.hosp-search-help { border-top: 1px solid var(--book-line); padding-top: 16px; }
.hosp-search-help p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--book-muted); }
.hosp-search-help p + p { margin-top: 6px; }
.hosp-search-help a { color: var(--book-green-dark); text-underline-offset: 3px; }
.hosp-date-trigger[hidden] { display: none; }
.hosp-date-dialog {
  position: fixed; inset: 0; margin: auto; width: min(440px, calc(100% - 28px));
  max-height: calc(100dvh - 28px); overflow: auto; padding: 24px;
  border: 1px solid var(--book-line); border-radius: 22px;
  background: var(--book-card); color: var(--book-ink); font: inherit;
  box-shadow: 0 24px 80px #24211b30; overscroll-behavior: contain;
}
.hosp-date-dialog:not([open]) { display: none; }
.hosp-date-dialog[open] { animation: hosp-date-fade .16s ease-out; }
.hosp-date-dialog::backdrop { background: rgb(36 33 27 / 28%); }
.hosp-date-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 20px; }
.hosp-date-heading h2 { font-size: 30px; line-height: 1.1; margin: 0; }
.hosp-date-icon {
  display: inline-flex; justify-content: center; align-items: center; flex: none;
  width: 40px; height: 40px; border: 1px solid var(--book-line); border-radius: 50%;
  background: transparent; color: var(--book-green); cursor: pointer;
  transition: color .15s ease, background .15s ease;
}
.hosp-date-icon:hover:not(:disabled) { background: var(--book-green-soft); }
.hosp-date-icon:disabled { opacity: .35; cursor: default; }
.hosp-date-selection { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.hosp-date-selection button {
  min-height: 74px; border: 1px solid var(--book-line); border-radius: 12px;
  padding: 12px 14px; font: inherit; color: var(--book-muted); background: transparent; text-align: left; cursor: pointer;
}
.hosp-date-selection button[aria-pressed="true"] {
  background: var(--book-green-soft); border-color: var(--book-green); color: var(--book-green-dark);
  box-shadow: inset 0 -2px var(--book-green);
}
.hosp-date-selection span { display: block; font-size: 13px; margin-bottom: 5px; }
.hosp-date-selection strong { font-size: 16px; font-weight: 600; color: var(--book-ink); }
.hosp-date-help { margin: 16px 0; color: var(--book-muted); font-size: 14px; min-height: 21px; }
.hosp-date-navigation { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 12px; }
.hosp-date-navigation h3 { margin: 0; font-size: 27px; line-height: 1.2; text-transform: capitalize; text-align: center; }
.hosp-date-row { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.hosp-date-weekday { text-align: center; font-size: 13px; font-weight: 500; color: var(--book-muted); padding: 8px 0 12px; }
.hosp-date-cell { height: 44px; text-align: center; margin: 2px 0; border-radius: 0; }
.hosp-date-cell.in-range { background: var(--book-green-soft); }
.hosp-date-cell.range-start { background: linear-gradient(to right, transparent 50%, var(--book-green-soft) 50%); }
.hosp-date-cell.range-end { background: linear-gradient(to left, transparent 50%, var(--book-green-soft) 50%); }
.hosp-date-day {
  width: 100%; height: 44px; padding: 0; border: 1px solid transparent; border-radius: 10px;
  background: transparent; color: var(--book-ink); font: inherit; font-size: 15px; cursor: pointer;
  transition: background .12s ease, border-color .12s ease;
}
.hosp-date-day:hover:not(:disabled) { background: var(--book-green-soft); border-color: var(--book-green); }
.hosp-date-day[aria-current="date"] { border-color: var(--book-gold); }
.hosp-date-day:disabled { color: #aba397; cursor: default; }
.hosp-date-cell.selected .hosp-date-day,
.hosp-date-cell.selected .hosp-date-day:hover { background: var(--book-green); color: #fff; border-color: var(--book-green); font-weight: 600; }
.hosp-date-bottom { border-top: 1px solid var(--book-line); margin-top: 14px; padding-top: 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.hosp-date-summary { color: var(--book-green-dark); font-size: 15px; font-weight: 600; }
.hosp-date-bottom .btn { white-space: normal; }
.hosp-date-bottom .btn:disabled { opacity: .45; cursor: default; }
.hosp-date-disclaimer { color: var(--book-muted); font-size: 12px; line-height: 1.5; margin: 14px 0 0; }
.hosp-date-dialog :focus-visible, .hosp-date-trigger:focus-visible { outline: 2px solid var(--book-gold); outline-offset: 3px; }
@keyframes hosp-date-fade { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 480px) {
  .hosp-date-dialog { padding: 18px; }
  .hosp-date-heading h2 { font-size: 28px; }
  .hosp-date-selection button { padding: 10px; }
  .hosp-date-field { min-width: 0; width: 100%; }
}
@media (max-width: 640px) {
  .sitio-reservas #hosp-fechas { grid-template-columns: minmax(0, 1fr); }
  .hosp-stay-details { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hosp-stay-details > div:first-child { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) {
  .hosp-date-dialog[open] { animation: none; }
  .hosp-date-dialog *, .hosp-date-trigger { transition: none !important; }
}