/** Shopify CDN: Minification failed

Line 120:1 Expected identifier but found "{"
Line 120:2 Unexpected "{"
Line 120:6 Expected ":"
Line 120:10 Unexpected "{"
Line 124:1 Expected identifier but found "{"
Line 124:2 Unexpected "{"
Line 124:6 Expected ":"
Line 134:1 Expected identifier but found "{"
Line 134:2 Unexpected "{"
Line 134:6 Expected ":"
... and 57 more hidden warnings

**/


/* CSS from section stylesheet tags */
/* 3D (lo dejamos por si lo usas en otra parte) */
.parallax-cover-3d-card {
  display: inline-block;
  transform-style: preserve-3d;
  transition: transform 0.15s ease-out;
  will-change: transform;
  cursor: grab;
}

.parallax-cover-3d-image {
  display: block;
  border-radius: 12px;
}

/* Altura base para banners en móvil/tablet */
:root {
  --banner-mobile-height: 50vh;
}

.releted-post-img.Tilt3D-card,
.releted-post-img.parallax-cover-3d-card {
  display: inline-block;
}

@media (min-width: 1025px) {
  .released-post.releted-post-video {
    position: relative;
  }

  .released-post.releted-post-video .releted-post-overflow {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
  }

  .released-post.releted-post-video .releted-post-overflow .parallax-cover-3d-card {
    position: relative;
    pointer-events: auto;
  }

  .released-post.releted-post-video .parallax-cover-3d-card img {
    max-width: 400px;
    width: auto;
    height: auto;
    display: block;
  }
}

@media (max-width: 1024px) {
  .released-post {
    position: relative;
    height: var(--banner-mobile-height) !important;
    min-height: var(--banner-mobile-height) !important;
    max-height: var(--banner-mobile-height) !important;
    overflow: hidden;
  }

  .released-post > a {
    display: block;
    height: 100% !important;
  }

  .released-post .ImageHero,
  .released-post .ImageHero__VideoHolder,
  .released-post .video-wrapper,
  .released-post .releted-post-overflow {
    height: 100% !important;
  }

  .released-post video {
    height: 100% !important;
    display: block;
    object-fit: cover !important;
    object-position: center center !important;
  }

  .released-post .releted-post-bg {
    height: 100% !important;
    background-size: cover !important;
    background-position: center center !important;
  }

  .released-post .releted-post-img img {
    width: 70vw;
    max-width: calc(100% - 32px);
    height: auto !important;
    display: block;
    margin: 0 auto;
  }
}
:root {
  --rail-w: clamp(160px, 22vw, 360px);
  --content-max: 500px; /* Ajusta el ancho máximo del texto central */
  --gutter: clamp(16px, 2vw, 28px);
  --fade-duration: 600ms;
  --parallax-max: 14vh; /* límite del desplazamiento */
}

.{{ ns }} {
  position: relative;
}

.{{ ns }}__layout {
  display: grid;
  grid-template-columns: var(--rail-w) minmax(0, var(--content-max)) var(--rail-w);
  justify-content: center;
  gap: var(--gutter);
  align-items: start;
  padding-top: 48px;
  padding-bottom: 56px;
}

.{{ ns }}__rail {
  position: relative;
}

.{{ ns }}__rail-item {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity var(--fade-duration) ease, transform var(--fade-duration) ease;
  margin-bottom: 32px;
  pointer-events: none; /* decorativas por defecto */
}
.{{ ns }}__rail-item.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.{{ ns }}__img {
  display: block;
  width: 100%;
  height: auto;
}

.{{ ns }}__content {
  min-width: 0;
}

.{{ ns }}__text {
  margin-inline: auto;
}
.{{ ns }}__headline { margin-bottom: 24px; }
.{{ ns }}__copy :where(p, h2, h3, ul, ol) { margin: 0 0 16px; }
.{{ ns }}__logos { margin-top: 48px; }
.{{ ns }}__logo-list {
  display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; margin: 0 0 16px; padding: 0; list-style: none;
}
.{{ ns }}__names { margin-top: 56px; }

/* Móvil: 1 columna + galería */
.{{ ns }}__mobile {
  display: none;
  margin: 8px auto 40px;
  max-width: min(94vw, var(--content-max));
}
.{{ ns }}__mobile-item {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity var(--fade-duration) ease, transform var(--fade-duration) ease;
  margin: 16px 0;
}
.{{ ns }}__mobile-item.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Variante de galería horizontal si algún bloque se marca como "gallery" */
@container (inline-size < 600px) {
  /* (Opcional si usas contenedores CSS) */
}

@media (max-width: 1024px) {
  .{{ ns }}__layout {
    grid-template-columns: 1fr minmax(0, var(--content-max)) 1fr;
    gap: clamp(12px, 1.6vw, 20px);
  }
}
@media (max-width: 900px) {
  .{{ ns }}__layout {
    grid-template-columns: minmax(0, 1fr);
    padding-top: 32px;
    padding-bottom: 40px;
  }
  .{{ ns }}__rail { display: none; }
  .{{ ns }}__mobile { display: block; }
}

/* Accesibilidad: motion reducido */
@media (prefers-reduced-motion: reduce) {
  .{{ ns }}__rail-item,
  .{{ ns }}__mobile-item {
    transition: opacity 200ms linear !important;
    transform: none !important;
  }
}