@charset "utf-8";
/* ============================================================
   Yates · index (listado) · Rediseño estilo Apple.
   Se carga DESPUÉS de mainStyles.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 ---------- */
#top{ background:transparent !important; }
.topHeader{ background:#fff !important; }
.bottomHeader{ background:transparent !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,a.menuIconsItem:hover{ background:transparent !important; border:none !important; border-radius:0 !important; backdrop-filter:none !important; color:#fff !important; }
a.menuIconsItem p{ color:#fff !important; transition:color .2s ease; }
a.menuIconsItem:hover,a.menuIconsItem:hover p{ color:#17c3d4 !important; }
.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) */

/* Hero + título de sección */
#title{ letter-spacing:-1px !important; font-weight:600 !important; }
.titleItems{
  color:var(--ap-ink) !important;
  font-family:var(--ap-font) !important;
  font-weight:600 !important;
  letter-spacing:-.4px !important;
}

/* ---------- Cards del listado ---------- */
.itemsInside{ gap:22px; }
.item{
  background:var(--ap-card) !important;
  border:1px solid var(--ap-line) !important;
  border-radius:18px !important;
  overflow:hidden !important;
  margin:0 !important;
  box-shadow:0 10px 30px rgba(0,0,0,.06) !important;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease !important;
}
.item:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 44px rgba(0,0,0,.1) !important;
  border-color:rgba(30,144,255,.35) !important;
}
.itemImg{
  width:100% !important;
  height:220px !important;
  object-fit:cover !important;
  display:block;
  border-radius:0 !important;
  margin:0 !important;
}
.itemTitle{
  color:var(--ap-ink) !important;
  font-family:var(--ap-font) !important;
  font-weight:600 !important;
  letter-spacing:-.3px !important;
  font-size:19px !important;
  padding:0 18px;
  margin:16px 0 8px !important;
}
.item .text{ display:none !important; } /* vacío en el listado */
.icons{ padding:0 18px !important; }
.icons p{ color:#333 !important; font-size:15px !important; font-weight:400 !important; }

/* Botones de la card */
.btn{
  background:var(--ap-blue) !important;
  color:#fff !important;
  border-radius:980px !important;
  padding:10px 22px !important;
  margin:8px 18px 16px auto !important;
  font-weight:600 !important;
  font-size:14px !important;
  transition:background .25s ease;
}
.btn:hover{ background:var(--ap-blue-d) !important; }
.see{
  color:var(--ap-blue) !important;
  padding:10px 6px !important;
  margin:8px 18px 16px 0 !important;
  font-weight:500 !important;
  font-size:14px !important;
}