.mok-slider-wrap{
  /* ---- Paleta ---- */
  --mok-celeste:#818dc7;
  --mok-celeste-claro:#9eadda;
  --mok-negro:#000000;
  --mok-blanco:#ffffff;

  /* ---- Tipografías por rol ---- */
  --mok-font-titulo:'Oswald', sans-serif;
  --mok-font-tag:'Quicksand', sans-serif;
  --mok-font-texto:'Quicksand', sans-serif;

  position:relative;
  box-sizing:border-box;
}
.mok-slider-wrap *{box-sizing:border-box;}

/* ---------- Pista ---------- */
.mok-slider{
  display:flex;
  gap:3px;
  overflow-x:auto;
  overflow-y:hidden;              /* corta la trampa vertical */
  scroll-snap-type:x proximity;   /* proximity, no mandatory */
  overscroll-behavior-x:contain;  /* evita el "back" del navegador */
  scrollbar-width:none;
  padding-bottom:4px;
}
.mok-slider::-webkit-scrollbar{display:none;}

/* ---------- Tarjeta ---------- */
.mok-proyecto{
  flex:0 0 380px;
  min-height:570px;
  scroll-snap-align:start;
  display:block;
  text-decoration:none;
  background:var(--mok-blanco);
}

.mok-proyecto__img{
  height:400px;
  overflow:hidden;
  background:#f2f2f2;
}
/* Prefijo .mok-slider-wrap: gana a resets del tema/Elementor (img{height:auto}) */
.mok-slider-wrap .mok-proyecto__img img{
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  display:block;
  transition:transform .7s cubic-bezier(.2,.6,.2,1);
}
.mok-proyecto:hover .mok-proyecto__img img{transform:scale(1.06);}

.mok-proyecto__body{padding:22px 20px 0 0;}

/* Etiqueta / Descripción — Quicksand */
.mok-proyecto__tag{
  display:inline-block;
  font-family:var(--mok-font-tag);
  font-weight:700;
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--mok-blanco);
  background:var(--mok-negro);
  padding:7px 13px;
  margin:0 0 16px;
  transition:background .3s ease;
}
.mok-proyecto:hover .mok-proyecto__tag{background:var(--mok-celeste);}

/* Título — Oswald */
.mok-proyecto__titulo{
  font-family:var(--mok-font-titulo);
  font-weight:500;
  font-size:18px;
  line-height:1.4;
  color:var(--mok-negro);
  margin:0 0 22px;
  min-height:3em;
}

/* ---------- Flechas ---------- */
.mok-nav{
  display:flex;
  gap:10px;
  justify-content:center;
  margin-top:26px;
}
.mok-nav button{
  width:46px;height:46px;
  border:1px solid #d8d8d8;
  border-radius:50%;
  background:transparent;
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .3s ease, border-color .3s ease;
  padding:0;
}
.mok-nav button:hover{
  background:var(--mok-celeste);
  border-color:var(--mok-celeste);
}
.mok-nav svg{
  width:16px;height:16px;
  stroke:var(--mok-negro);
  fill:none;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:stroke .3s ease;
}
.mok-nav button:hover svg{stroke:var(--mok-blanco);}

/* ---------- Responsive ---------- */
@media (max-width:600px){
  .mok-proyecto{flex:0 0 80vw;min-height:0;}
  .mok-proyecto__img{height:300px;}
  .mok-proyecto__titulo{min-height:0;font-size:17px;}
}