@charset "utf-8";
/* ============================================================
   Yates · verYate · Rediseño estilo Apple (consistente con tours).
   Calendario Flatpickr; se conservan los selects de Horario/Tiempo
   (solo se restylean). Se carga DESPUÉS de verYate.css.
   ============================================================ */

:root{
  --ap-bg:#f5f5f7;
  --ap-card:#ffffff;
  --ap-ink:#1d1d1f;
  --ap-muted:#6e6e73;
  --ap-line:#e3e3e6;
  --ap-blue:#1E90FF;
  --ap-blue-d:#0a6fe0;
  --ap-font:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
}

*{ font-family:var(--ap-font); }
body{ background:var(--ap-bg); color:var(--ap-ink); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }

/* ---------- Header / footer / carrito ---------- */
#header{ background:rgba(255,255,255,.9) !important; backdrop-filter:saturate(180%) blur(14px); -webkit-backdrop-filter:saturate(180%) blur(14px); box-shadow:none !important; border-bottom:1px solid var(--ap-line) !important; }
#top{ background:var(--ap-card) !important; border-bottom:1px solid var(--ap-line) !important; }
.nameLogotype{ color:var(--ap-ink) !important; font-weight:600 !important; letter-spacing:-.5px; }
a.dropbtn{ color:var(--ap-ink) !important; font-weight:500 !important; }
a.menuIconsItem{ color:var(--ap-muted) !important; }
a.menuIconsItem:hover{ color:var(--ap-blue) !important; background:var(--ap-bg) !important; border-radius:12px; }
.topHeaderItem{ background:var(--ap-card) !important; border:1px solid var(--ap-line) !important; box-shadow:none !important; border-radius:12px !important; }
.topHeaderItem p{ color:var(--ap-ink) !important; }
.footer{ background:var(--ap-bg) !important; border:1px solid var(--ap-line); border-radius:18px !important; }
.title{ color:var(--ap-ink) !important; font-weight:600 !important; }
.box_footer_son a{ color:var(--ap-blue) !important; }
/* Carrito flotante: usa el estilo teal/goldenrod global (igual que el inicio) */

/* ---------- Card del yate (detalle) ---------- */
.item{
  background:var(--ap-card) !important;
  border:1px solid var(--ap-line) !important;
  border-radius:22px !important;
  overflow:hidden;
  box-shadow:0 14px 44px rgba(0,0,0,.06) !important;
  transition:transform .35s cubic-bezier(.19,1,.22,1), box-shadow .35s ease, border-color .35s ease !important;
}
.item:hover{ transform:translateY(-4px); box-shadow:0 22px 54px rgba(0,0,0,.1) !important; border-color:rgba(30,144,255,.35) !important; }
.itemImg{ border-radius:0 !important; object-fit:cover; }
.itemTitle,.titleItems{ color:var(--ap-ink) !important; font-weight:600 !important; letter-spacing:-.3px !important; }
.text{ color:#333 !important; font-size:16px !important; line-height:1.6 !important; }
.icons p{ color:#333 !important; }
.icons img{ opacity:.9; }

/* Botón "Ver fotos" */
.open{
  background:#fff !important; color:var(--ap-blue) !important;
  border:1px solid var(--ap-line) !important; border-radius:980px !important;
  font-size:15px !important; font-weight:500 !important; letter-spacing:0 !important; text-transform:none !important;
  height:auto !important; padding:12px 26px !important;
}
.open:hover{ background:var(--ap-bg) !important; color:var(--ap-blue-d) !important; }

/* Slider / galería */
.slider,.slides img{ border-radius:18px !important; }

/* ============================================================
   Motor de reserva (fecha + horario + tiempo)
   ============================================================ */
.index{ background:var(--ap-bg) !important; height:auto !important; padding:6px 0 44px !important; }
.indexMotor{
  background:var(--ap-card) !important;
  position:relative !important; left:auto !important; right:auto !important;
  margin:0 auto !important; width:min(1040px,92%) !important;
  border:1px solid var(--ap-line) !important;
  border-radius:22px !important;
  box-shadow:0 18px 50px rgba(0,0,0,.08) !important;
}
.indexTitle{ background:transparent !important; border-bottom:1px solid var(--ap-line) !important; border-radius:22px 22px 0 0 !important; }
.indexTitle p{ color:var(--ap-ink) !important; font-weight:600 !important; font-size:19px !important; letter-spacing:-.3px !important; text-transform:none !important; }
.indexItem p{ color:var(--ap-muted) !important; font-size:13px !important; font-weight:500 !important; letter-spacing:0 !important; text-transform:none !important; }

.indexItem input,
.select-selected{
  border:1px solid var(--ap-line) !important;
  border-radius:12px !important;
  background:#fff !important;
  color:var(--ap-ink) !important;
  box-shadow:none !important;
}
.indexItem input:focus{ outline:none !important; border-color:var(--ap-blue) !important; box-shadow:0 0 0 4px rgba(30,144,255,.15) !important; }
.select-selected.select-arrow-active{ border-color:var(--ap-blue) !important; box-shadow:0 0 0 4px rgba(30,144,255,.15) !important; }
.select-items{ background:#fff !important; border:1px solid var(--ap-line) !important; border-radius:12px !important; overflow:hidden; box-shadow:0 14px 34px rgba(0,0,0,.14) !important; }
.select-items div:hover,.same-as-selected{ background:var(--ap-bg) !important; color:var(--ap-ink) !important; }

/* Botón Reservar: pill azul; deshabilitado hasta elegir fecha */
#btn{
  display:inline-flex !important; align-items:center; justify-content:center;
  width:auto !important; margin:10px auto 26px !important; padding:14px 42px !important;
  background:var(--ap-blue) !important; color:#fff !important;
  border:none !important; border-radius:980px !important;
  font-size:16px !important; font-weight:600 !important; letter-spacing:0 !important; text-transform:none !important;
  cursor:pointer; transition:background .25s ease, transform .2s ease !important;
}
#btn:hover:enabled{ background:var(--ap-blue-d) !important; transform:translateY(-1px); }
#btn:disabled{ background:#c7c7cc !important; color:#fff !important; cursor:not-allowed !important; transform:none !important; }

/* Alineación del campo: neutraliza el margin-top:-70px del diseño viejo */
.indexItem{ height:auto !important; display:flex !important; flex-direction:column; gap:6px; }
.indexItem .flex{ display:inline-flex !important; align-items:center; width:max-content; max-width:100%; }
.indexItem img{ width:18px !important; height:18px !important; margin:0 8px 0 4px !important; }
.indexItem p{ margin:0 !important; }
.custom-select{ margin-top:10px !important; width:100% !important; }
.indexItem input{ margin-top:10px !important; margin-left:0 !important; width:100% !important; box-sizing:border-box; }
.select-selected{ height:52px !important; box-sizing:border-box; padding:15px 14px !important; margin-left:0 !important; display:flex; align-items:center; }
.select-items{ top:56px !important; left:0 !important; right:0 !important; }

/* Alineación del motor en desktop (fila) */
@media (min-width:768px){
  .indexGears{ align-items:flex-end !important; gap:10px; padding:6px 14px 16px !important; }
  .indexItem{ width:auto !important; flex:1 1 0; padding:14px 8px 12px !important; }
  #btn{ align-self:flex-end !important; flex:0 0 auto; height:52px !important; margin:0 0 12px !important; padding:0 34px !important; }
  .indexItem input{ height:52px !important; }
}

/* ============================================================
   FLATPICKR — tema (réplica del calendario de tours)
   ============================================================ */
.flatpickr-calendar{ border-radius:16px !important; border:1px solid var(--ap-line) !important; box-shadow:0 20px 55px rgba(0,0,0,.18) !important; padding:6px !important; font-family:var(--ap-font) !important; }
.flatpickr-current-month,
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year{ color:var(--ap-ink) !important; font-weight:600 !important; }
.flatpickr-months .flatpickr-month{ color:var(--ap-ink) !important; }
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg{ fill:var(--ap-ink) !important; }
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg{ fill:var(--ap-blue) !important; }
span.flatpickr-weekday{ color:var(--ap-muted) !important; font-weight:600 !important; }
.flatpickr-day{ border-radius:50% !important; color:var(--ap-ink); font-weight:500; }
.flatpickr-day:hover,
.flatpickr-day:focus{ background:var(--ap-bg) !important; border-color:transparent !important; }
.flatpickr-day.today{ border-color:var(--ap-blue) !important; }
.flatpickr-day.selected,
.flatpickr-day.selected:hover{ background:var(--ap-blue) !important; border-color:var(--ap-blue) !important; color:#fff !important; }
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay{ color:#c7c7cc !important; }