@charset "utf-8";
/* ============================================================
   Limusinas · verLimusina · Rediseño estilo Apple.
   El motor solo elige "tipo de renta" (sin calendario; ese va en
   reservarLimusina). Se conserva el select; solo se restyla.
   Se carga DESPUÉS de verLimusina.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 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; }
.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,.slides img{ border-radius:18px !important; }

/* ---------- Motor (tipo de renta) ---------- */
.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; }
.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; }
.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; }

#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{ background:var(--ap-blue-d) !important; transform:translateY(-1px); }

/* Alineación del campo: neutraliza el margin-top:-70px del diseño viejo
   para que la etiqueta, el select y el botón queden alineados */
.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; height:52px !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; }

@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; }
}