/* Carruseles de la galería de Home */
.home-carousels{display:flex;flex-direction:column;gap:56px}
.carousel-block[hidden]{display:none}
.carousel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}
.carousel-head h3{font-size:28px;letter-spacing:-.6px;margin:0}
.carousel-nav{display:flex;align-items:center;gap:8px}
.carousel-count{font-size:11px;color:var(--muted);margin-right:10px;font-variant-numeric:tabular-nums;white-space:nowrap}
.carousel-arrow{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:18px;line-height:1;transition:background .2s,color .2s,opacity .2s}
.carousel-arrow:hover:not(:disabled){background:var(--ink);color:var(--paper)}
.carousel-arrow:disabled{opacity:.25;cursor:default}
.carousel-arrow:focus-visible,.carousel-track:focus-visible{outline:2px solid var(--copper);outline-offset:3px}
.carousel-block.is-static .carousel-nav{display:none}

.carousel-track{--gap:22px;--per:3;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--per) - 1) * var(--gap)) / var(--per));column-gap:var(--gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.carousel-track::-webkit-scrollbar{display:none}
.carousel-track>.media-card{scroll-snap-align:start;height:440px}
.carousel-track[data-media-home="video"]{--per:4}
.carousel-track[data-media-home="video"]>.media-card{height:470px}

@media(max-width:1050px){
  .carousel-track{--per:2.3}
  .carousel-track[data-media-home="video"]{--per:2.6}
}
@media(max-width:760px){
  .home-carousels{gap:40px}
  .carousel-head h3{font-size:22px}
  .carousel-arrow{width:38px;height:38px;font-size:15px}
  .carousel-count{margin-right:4px;font-size:10px}
  .carousel-track{--gap:12px;--per:1.35;margin-right:-6vw;padding-right:6vw;scroll-padding-right:6vw}
  .carousel-track[data-media-home="video"]{--per:1.7}
  .carousel-track>.media-card{height:400px}
  .carousel-track[data-media-home="video"]>.media-card{height:380px}
}
@media(prefers-reduced-motion:reduce){.carousel-track{scroll-behavior:auto}}