/* =========================================================================
   MARTEJIDO · CSS "MJ · Slider"     —  Vikingos Media
   FluentSnippets -> nuevo snippet CSS · footer · priority 30
   Slider horizontal de Colecciones bajo reserva (scroll-snap nativo, sin librerías).
   ========================================================================= */
.mj-sl-sec{padding:90px 0 100px}
.mj-sl-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:44px;flex-wrap:wrap}

/* Flechas */
.mj-sl-nav{display:flex;gap:12px}
.mj-sl-btn{width:52px;height:52px;border:1px solid var(--line,rgba(28,23,17,.14));background:transparent;color:var(--espresso,#1C1711);font-size:17px;line-height:1;cursor:pointer;border-radius:0;transition:all .4s cubic-bezier(.22,1,.36,1)}
.mj-sl-btn:hover{background:var(--espresso,#1C1711);color:var(--ivory,#F4EFE6);border-color:var(--espresso,#1C1711)}
.mj-sl-btn:disabled{opacity:.28;cursor:default}
.mj-sl-btn:disabled:hover{background:transparent;color:var(--espresso,#1C1711);border-color:var(--line,rgba(28,23,17,.14))}

/* Pista */
.mj-sl{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}
.mj-sl::-webkit-scrollbar{display:none}
.mj-sl-track{display:flex;gap:26px;padding:0 max(48px,calc(50vw - 640px + 48px));width:max-content}

/* Tarjeta del slider (más compacta que la del grid) */
.mj-sl-card{flex:0 0 clamp(280px,30vw,380px);scroll-snap-align:start;display:block;color:inherit;text-decoration:none}
.mj-sl-card .ph{position:relative;aspect-ratio:4/3.2;overflow:hidden;background:var(--paper,#FAF7F1)}
.mj-sl-card .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.mj-sl-card:hover .ph img{transform:scale(1.06)}
.mj-sl-card .ph .badge{position:absolute;top:16px;left:16px;font-family:var(--sans,'Jost',sans-serif);font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;background:rgba(28,23,17,.85);color:var(--sand-light,#D8C7A6);padding:7px 14px}
.mj-sl-card .meta{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-top:20px}
.mj-sl-card .meta h3{font-family:var(--serif,'Fraunces',Georgia,serif);font-size:24px;font-weight:500;letter-spacing:.02em;margin:0}
.mj-sl-card .meta .from{font-family:var(--serif,'Fraunces',Georgia,serif);font-size:15px;color:var(--sand-deep,#8F7142);white-space:nowrap}
.mj-sl-card p{font-size:14.5px;color:var(--muted,#6E6353);line-height:1.75;margin-top:8px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* Responsive */
@media (max-width:1080px){
  .mj-sl-track{padding:0 32px}
}
@media (max-width:640px){
  .mj-sl-sec{padding:64px 0 72px}
  .mj-sl-track{padding:0 22px;gap:18px}
  .mj-sl-card{flex:0 0 78vw}
  .mj-sl-nav{display:none} /* en móvil se desliza con el dedo */
}