/* ==========================================================
   BUILD 11.0 — Uniformitat real de targetes i imatges
   ========================================================== */
:root{
  --v11-card-gap:14px;
  --v11-card-width:min(78vw,330px);
}

/* Una sola lògica d'espaiat per als mòduls inferiors. */
.v9-band,.v9-events-wrap{
  position:relative;
}
.v9-band + .v9-band,
.v9-events-wrap + .v9-band,
.v9-band + .v9-events-wrap{
  margin-top:0!important;
}

/* ==========================================================
   SES VEUS — mateix retrat, mateixa caixa, mateixa alçada
   ========================================================== */
.v11-veus-track{
  align-items:stretch!important;
}
.v11-veu-card{
  display:flex!important;
  flex-direction:column!important;
  align-self:stretch!important;
  height:auto!important;
}
.v11-veu-card>a{
  display:grid!important;
  grid-template-rows:auto auto 1fr!important;
  height:100%!important;
}
.v11-veu-card img{
  width:100%!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
}
.v11-veu-card h3{
  min-height:2em!important;
}
.v11-veu-card p{
  min-height:3.84em!important;
}

/* ==========================================================
   AGENDA — files de la mateixa proporció i imatges idèntiques
   ========================================================== */
.v11-event-row{
  align-items:stretch!important;
  min-height:224px!important;
}
.v11-event-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
}
.v11-event-copy h3{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  min-height:2.04em!important;
}
.v11-event-copy>p:not(.eyebrow):not(.v9-event-meta){
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  min-height:3.9em!important;
}
.v11-event-copy .v9-event-meta{
  margin-top:auto!important;
  padding-top:10px!important;
}
.v11-event-image{
  display:block!important;
  height:100%!important;
  min-height:190px!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
}
.v11-event-image picture,
.v11-event-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:190px!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* ==========================================================
   SÀTIRACÒMICA — una mateixa làmina i una mateixa base de text
   ========================================================== */
.v11-comic-track{
  align-items:stretch!important;
}
.v11-comic-card{
  display:grid!important;
  grid-template-rows:auto auto minmax(2.12em,1fr)!important;
  align-content:start!important;
  height:100%!important;
}
.v11-comic-card>a{
  display:block!important;
  width:100%!important;
  aspect-ratio:4/5!important;
  overflow:hidden!important;
}
.v11-comic-card>a picture,
.v11-comic-card>a img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
}
.v11-comic-card .eyebrow{
  min-height:2.2em!important;
}
.v11-comic-card h3{
  min-height:2.12em!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

/* ==========================================================
   FEMILLISTA / GASTRÒPOLIS / CORRAL — sistema universal
   ========================================================== */
.v11-uniform-track{
  align-items:stretch!important;
}
.v11-uniform-card{
  display:grid!important;
  grid-template-rows:auto auto minmax(3.12em,1fr) auto!important;
  align-content:start!important;
  height:100%!important;
  min-width:0!important;
}
.v11-uniform-card>a{
  display:block!important;
  width:100%!important;
  aspect-ratio:4/3!important;
  overflow:hidden!important;
  margin:0 0 8px!important;
  background:#ece7dd!important;
}
.v11-uniform-card>a picture,
.v11-uniform-card>a img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center!important;
}
.v11-uniform-card .eyebrow{
  min-height:2.2em!important;
  margin:0 0 5px!important;
}
.v11-uniform-card h3{
  margin:0!important;
  min-height:3.12em!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.v11-uniform-card .story-meta{
  margin-top:auto!important;
  padding-top:10px!important;
  min-height:18px!important;
}

/* El Corral conserva format cinematogràfic, però totes ses peces són iguals. */
.v11-corral-track .v11-uniform-card{
  grid-template-rows:auto auto minmax(2.08em,1fr) auto!important;
}
.v11-corral-track .v11-uniform-card>a{
  aspect-ratio:2.35/1!important;
}
.v11-corral-track .v11-uniform-card h3{
  min-height:2.08em!important;
  -webkit-line-clamp:2!important;
}

/* ==========================================================
   ARXIUS DE SECCIÓ — la mateixa correcció fora de la home
   ========================================================== */
.v11-archive-grid,
.v11-corral-archive-grid,
.v11-feature-side,
.v11-comic-archive{
  align-items:stretch!important;
}
.v11-archive-grid>article,
.v11-corral-archive-grid>article,
.v11-feature-side>article,
.v11-comic-archive>article{
  display:grid!important;
  grid-template-rows:auto auto minmax(2.1em,1fr) auto auto!important;
  height:100%!important;
  min-width:0!important;
}
.v11-archive-grid>article>a,
.v11-feature-side>article>a{
  display:block!important;
  aspect-ratio:4/3!important;
  overflow:hidden!important;
}
.v11-corral-archive-grid>article>a{
  display:block!important;
  aspect-ratio:2.35/1!important;
  overflow:hidden!important;
}
.v11-comic-archive>article>a{
  display:block!important;
  aspect-ratio:4/5!important;
  overflow:hidden!important;
}
.v11-archive-grid>article>a picture,
.v11-archive-grid>article>a img,
.v11-feature-side>article>a picture,
.v11-feature-side>article>a img,
.v11-corral-archive-grid>article>a picture,
.v11-corral-archive-grid>article>a img,
.v11-comic-archive>article>a picture,
.v11-comic-archive>article>a img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
}
.v11-archive-grid>article h2,
.v11-feature-side>article h2,
.v11-corral-archive-grid>article h2,
.v11-comic-archive>article h2{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  min-height:2.1em!important;
  -webkit-line-clamp:2!important;
}

/* ==========================================================
   MÒBIL — carrusels d'una sola fila, sense superposicions
   ========================================================== */
@media (max-width:760px){
  .v11-uniform-track{
    display:grid!important;
    grid-template-columns:none!important;
    grid-template-rows:1fr!important;
    grid-auto-flow:column!important;
    grid-auto-columns:var(--v11-card-width)!important;
    gap:var(--v11-card-gap)!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain!important;
    scroll-snap-type:inline mandatory!important;
    scroll-padding-inline:0!important;
    -webkit-overflow-scrolling:touch!important;
    padding:0 14px 12px 0!important;
    margin:0 -14px 0 0!important;
    box-sizing:border-box!important;
    scrollbar-width:none!important;
  }
  .v11-uniform-track::-webkit-scrollbar{display:none!important}
  .v11-uniform-card{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:100%!important;
    padding:0!important;
    margin:0!important;
    border-right:0!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
    box-sizing:border-box!important;
  }
  .v11-uniform-card>a{
    aspect-ratio:4/3!important;
    margin-bottom:9px!important;
  }
  .v11-uniform-card .eyebrow{min-height:2.2em!important}
  .v11-uniform-card h3{
    font-size:20px!important;
    line-height:1.04!important;
    min-height:3.12em!important;
  }
  .v11-corral-track .v11-uniform-card>a{aspect-ratio:2.35/1!important}
  .v11-corral-track .v11-uniform-card h3{min-height:2.08em!important}

  .v11-comic-track{
    display:grid!important;
    grid-template-columns:none!important;
    grid-template-rows:1fr!important;
    grid-auto-flow:column!important;
    grid-auto-columns:min(62vw,270px)!important;
    gap:14px!important;
    align-items:stretch!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:inline mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    padding:0 14px 12px 0!important;
    margin-right:-14px!important;
    scrollbar-width:none!important;
  }
  .v11-comic-track::-webkit-scrollbar{display:none!important}
  .v11-comic-card{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding:0!important;
    border-right:0!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
  }

  .v11-event-row{
    grid-template-columns:minmax(0,1fr) 42%!important;
    gap:14px!important;
    min-height:184px!important;
    align-items:stretch!important;
  }
  .v11-event-image,
  .v11-event-image picture,
  .v11-event-image img{
    min-height:156px!important;
    height:100%!important;
  }
  .v11-event-copy h3{
    min-height:2.04em!important;
    -webkit-line-clamp:2!important;
  }
  .v11-event-copy>p:not(.eyebrow):not(.v9-event-meta){
    min-height:3.69em!important;
    -webkit-line-clamp:3!important;
  }

  .v11-veus-track{align-items:stretch!important}
  .v11-veu-card{height:auto!important}
}

@media (max-width:480px){
  :root{--v11-card-width:82vw}
  .v11-event-row{grid-template-columns:minmax(0,1fr) 39%!important}
}