/* ==========================================================
   BUILD 13.0 — Monocle mobile rails
   Seccions editorials en una sola fila horitzontal en mòbil.
   ========================================================== */
.v13-section{
  padding:26px 0 30px;
  border-top:3px solid var(--rule);
}
.v13-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}
.v13-section-head h2{
  font-family:var(--serif);
  font-size:36px;
  line-height:.95;
  font-weight:500;
  margin:0 0 5px;
}
.v13-section-head p{
  margin:0;
  font-size:8px;
  line-height:1.25;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
  color:var(--muted);
}
.v13-head-actions{
  display:flex;
  align-items:center;
  gap:14px;
}
.v13-head-actions>a{
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
  white-space:nowrap;
}
.v13-rail{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  align-items:stretch;
  min-width:0;
}
.v13-card{
  min-width:0;
  padding:0 14px;
  border-right:1px solid var(--rule);
  display:grid;
  align-content:start;
  overflow:hidden;
}
.v13-card:first-child{padding-left:0}
.v13-card:last-child{padding-right:0;border-right:0}
.v13-card>a,
.v13-card-media{
  display:block;
  width:100%;
  overflow:hidden;
  background:#ebe6dc;
}
.v13-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.v13-card .eyebrow{
  margin:9px 0 5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.v13-card h3{
  font-family:var(--serif);
  font-size:20px;
  line-height:1.04;
  font-weight:500;
  margin:0;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  min-height:63px;
}
.v13-card .story-meta{
  margin-top:8px;
  min-height:18px;
}
.v13-card-body{
  display:grid;
  grid-template-rows:32px 66px 22px;
  align-content:start;
}
.v13-card-news>a{
  height:228px;
}
.v13-card-comic{
  grid-template-rows:360px 34px 52px;
}
.v13-card-comic>a{
  height:360px;
  border:1px solid #d8d0c3;
  background:#eee8db;
}
.v13-card-comic h3{
  min-height:0;
  -webkit-line-clamp:2;
  text-align:left;
}
.v13-card-corral .v13-card-media{
  height:132px;
}
.v13-card-corral .v13-card-body{
  grid-template-rows:32px 52px 22px;
}
.v13-card-corral h3{
  min-height:52px;
  -webkit-line-clamp:2;
}
.v13-section-fem{border-top-color:var(--fem)}
.v13-section-gastro{border-top-color:var(--gastro)}
.v13-section-corral{border-top-color:#7a3a34}
.v13-section-comic{border-top-color:#d6aa00}
.v13-section-fem .eyebrow{color:var(--fem)}
.v13-section-gastro .eyebrow{color:var(--gastro)}
.v13-section-corral .eyebrow{color:#7a3a34}
.v13-section-comic .eyebrow{color:#917200}

@media (max-width:760px){
  .v13-section{
    padding:22px 0 24px;
    border-top-width:2px;
  }
  .v13-section-head{
    align-items:flex-end;
    margin-bottom:12px;
  }
  .v13-section-head h2{
    font-size:32px;
  }
  .v13-section-head p{
    max-width:250px;
    font-size:7px;
  }
  .v13-head-actions{
    gap:8px;
  }
  .v13-head-actions>a{
    display:none;
  }
  .v13-section-head .v9-carousel-controls{
    display:flex;
    flex:0 0 auto;
  }
  .v13-rail{
    display:grid!important;
    grid-template-columns:none!important;
    grid-template-rows:1fr!important;
    grid-auto-flow:column!important;
    grid-auto-columns:min(78vw,320px)!important;
    column-gap:14px!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding:0 18px 10px 0!important;
    margin:0 -18px 0 0!important;
    scrollbar-width:none!important;
    touch-action:pan-x pan-y!important;
  }
  .v13-rail::-webkit-scrollbar{display:none!important}
  .v13-card{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:100%!important;
    padding:0!important;
    border-right:1px solid var(--rule)!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
  }
  .v13-card:last-child{border-right:1px solid var(--rule)!important}
  .v13-card-news>a{
    height:225px!important;
  }
  .v13-card-body{
    grid-template-rows:32px 68px 22px!important;
  }
  .v13-card h3{
    font-size:21px!important;
    min-height:66px!important;
  }
  .v13-rail-comic{
    grid-auto-columns:min(64vw,275px)!important;
  }
  .v13-card-comic{
    grid-template-rows:360px 34px 52px!important;
  }
  .v13-card-comic>a{
    height:360px!important;
  }
  .v13-card-comic h3{
    font-size:18px!important;
    min-height:50px!important;
  }
  .v13-rail-corral{
    grid-auto-columns:min(88vw,370px)!important;
  }
  .v13-card-corral .v13-card-media{
    height:150px!important;
  }
  .v13-card-corral .v13-card-body{
    grid-template-rows:32px 56px 22px!important;
  }
  .v13-card-corral h3{
    min-height:54px!important;
    -webkit-line-clamp:2!important;
  }
}