/** Shopify CDN: Minification failed

Line 441:0 All "@import" rules must come first

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:2fotos (INDEX:0) */
.dj-section {
    background: var(--dj-bg);
    padding: var(--dj-pt) 24px var(--dj-pb);
    box-sizing: border-box;
  }
  .dj-section *,
  .dj-section *::before,
  .dj-section *::after { box-sizing: border-box; }

  .dj-inner {
    max-width: 1300px;
    margin: 0 auto;
  }

  /* ---------- Título ---------- */
  .dj-title {
    margin: 0 auto 36px;
    max-width: 1100px;
    text-align: center;
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 900;
    font-size: var(--dj-title-size);
    line-height: 1.12;
    letter-spacing: -0.045em;
    text-transform: uppercase;
  }
  .dj-title__white { color: var(--dj-title); }
  .dj-title__red { color: var(--dj-red); }
  .dj-title__emoji { letter-spacing: 0; }

  /* ---------- Texto ---------- */
  .dj-text {
    max-width: 1240px;
    margin: 0 auto 40px;
    text-align: center;
    color: var(--dj-text);
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    font-size: var(--dj-text-size);
    line-height: 1.75;
    letter-spacing: 0.06em;
  }
  .dj-text p { margin: 0 0 14px; }
  .dj-text p:last-child { margin-bottom: 0; }
  .dj-text strong,
  .dj-text b {
    color: var(--dj-bold);
    font-weight: 800;
    letter-spacing: 0.05em;
  }

  /* ---------- Grilla ---------- */
  .dj-grid {
    max-width: var(--dj-cards-max);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--dj-gap);
  }

  /* ---------- Tarjeta ---------- */
  .dj-card {
    width: calc((100% - (var(--dj-cols) - 1) * var(--dj-gap)) / var(--dj-cols));
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 28px 28px 34px;
    background: var(--dj-card-bg);
    border: 1px solid var(--dj-card-border);
    border-top: 4px solid var(--dj-card-top);
    border-radius: 14px;
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    will-change: transform;
  }

  /* ---------- Efecto al pasar el mouse ---------- */
  @media (hover: hover) {
    .dj-has-hover .dj-card:hover {
      transform: translateY(var(--dj-lift));
      border-color: var(--dj-hover-border);
      border-top-color: var(--dj-card-top);
      box-shadow:
        0 16px 34px rgba(0, 0, 0, 0.5),
        0 0 20px rgba(160, 0, 20, 0.2);
    }
    .dj-has-hover .dj-card:hover .dj-card__media img {
      transform: scale(1.05);
    }
  }
  .dj-has-hover .dj-card:active {
    transform: translateY(calc(var(--dj-lift) / 2));
    border-color: var(--dj-hover-border);
    border-top-color: var(--dj-card-top);
  }

  /* ---------- Imagen ---------- */
  .dj-card__media {
    width: 100%;
    aspect-ratio: var(--dj-img-ratio);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 22px;
    background: #1a1a1a;
    border: 1px solid rgba(255, 255, 255, 0.06);
  }
  .dj-card__media img,
  .dj-placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
  }
  .dj-placeholder { fill: #444; background: #2b2b2b; }

  .dj-card__emoji {
    font-size: 40px;
    line-height: 1;
    margin: 10px 0 26px;
  }

  /* ---------- Título y texto de tarjeta ---------- */
  .dj-card__title {
    margin: 0 0 14px;
    color: var(--dj-card-title);
    font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 800;
    font-size: var(--dj-card-title-size);
    line-height: 1.2;
    letter-spacing: 0.01em;
  }

  .dj-card__text {
    color: var(--dj-text);
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    font-size: var(--dj-card-text-size);
    line-height: 1.6;
    letter-spacing: 0.06em;
  }
  .dj-card__text p { margin: 0; }
  .dj-card__text strong { color: var(--dj-bold); font-weight: 800; }

  /* ---------- Mobile ---------- */
  @media screen and (max-width: 749px) {
    .dj-section { padding: var(--dj-pt-m) 12px var(--dj-pb-m); }
    .dj-title {
      font-size: var(--dj-title-size-m);
      margin-bottom: 16px;
      letter-spacing: -0.035em;
    }
    .dj-text {
      font-size: var(--dj-text-size-m);
      line-height: 1.55;
      letter-spacing: 0.02em;
      margin-bottom: 22px;
    }
    .dj-text p { margin-bottom: 10px; }
    .dj-grid { gap: var(--dj-gap-m); }
    .dj-card {
      width: calc((100% - (var(--dj-cols-m) - 1) * var(--dj-gap-m)) / var(--dj-cols-m));
      padding: 10px 10px 16px;
      border-top-width: 3px;
      border-radius: 12px;
    }
    .dj-card__media { margin-bottom: 12px; border-radius: 8px; }
    .dj-card__emoji { font-size: 28px; margin: 6px 0 14px; }
    .dj-card__title {
      font-size: var(--dj-card-title-size-m);
      margin-bottom: 6px;
    }
    .dj-card__text {
      font-size: var(--dj-card-text-size-m);
      line-height: 1.45;
      letter-spacing: 0.02em;
    }
    .dj-hide-mobile { display: none !important; }
  }

  @media screen and (min-width: 750px) {
    .dj-hide-desktop { display: none !important; }
  }
/* END_SECTION:2fotos */

/* START_SECTION:cuentaregresiva (INDEX:1) */
.acb-section {
    width: 100%;
  }

  .acb-container {
    margin: 0 auto;
    box-sizing: border-box;
  }

  .acb-container--full {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .acb-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: nowrap;
    padding: 14px 28px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    font-family: 'Poppins', 'Arial Black', Arial, sans-serif;
    box-sizing: border-box;
  }

  .acb-bar--hide-desktop {
    display: none;
  }

  /* Icon */
  .acb-icon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
  }

  .acb-icon__bubble {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    text-decoration: none;
  }

  .acb-icon__img {
    display: block;
    width: 24px;
    height: 24px;
    object-fit: contain;
  }

  .acb-icon__svg {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .acb-icon__svg svg {
    display: block;
    width: 22px;
    height: 22px;
  }

  /* Text */
  .acb-text {
    flex: 1 1 auto;
    text-align: center;
    min-width: 0;
  }

  .acb-text__title {
    margin: 0;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-size: var(--acb-title-fs, 22px);
    line-height: 1.2;
  }

  .acb-text__subtitle {
    margin: 2px 0 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    font-size: var(--acb-subtitle-fs, 15px);
    line-height: 1.3;
  }

  .acb-emoji {
    display: inline-block;
  }

  /* Countdown */
  .acb-countdown {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 20px;
  }

  .acb-countdown__unit {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 44px;
  }

  .acb-countdown__number {
    font-weight: 800;
    font-size: var(--acb-number-fs, 26px);
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
  }

  .acb-countdown__label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-top: 2px;
  }

  .acb-countdown__colon {
    font-weight: 800;
    font-size: var(--acb-number-fs, 26px);
    line-height: 1.1;
    padding-bottom: 16px;
  }

  /* Mobile: se mantiene en una sola fila (icono + texto + contador), todo más chico */
  @media (max-width: 749px) {
    .acb-bar--hide-mobile {
      display: none;
    }

    .acb-hide-mobile {
      display: none !important;
    }

    .acb-bar {
      gap: 8px;
      padding: 8px 10px;
    }

    .acb-icon__bubble {
      width: 30px;
      height: 30px;
      border-radius: 8px;
    }

    .acb-icon__svg svg {
      width: 15px;
      height: 15px;
    }

    .acb-icon__img {
      width: 15px;
      height: 15px;
    }

    .acb-text {
      max-width: 62%;
    }

    .acb-text__title {
      font-size: min(calc(var(--acb-title-fs, 22px) * 0.5), 13px);
      letter-spacing: 0.1px;
      line-height: 1.15;
    }

    .acb-text__subtitle {
      font-size: min(calc(var(--acb-subtitle-fs, 15px) * 0.62), 10px);
      letter-spacing: 0;
      line-height: 1.2;
    }

    .acb-countdown {
      padding: 5px 8px;
      gap: 2px;
    }

    .acb-countdown__unit {
      min-width: 26px;
    }

    .acb-countdown__number,
    .acb-countdown__colon {
      font-size: min(calc(var(--acb-number-fs, 26px) * 0.52), 15px);
    }

    .acb-countdown__colon {
      padding-bottom: 8px;
    }

    .acb-countdown__label {
      font-size: 6px;
      margin-top: 1px;
    }
  }

  /* Mobile muy angosto: un ajuste extra para que no se corte */
  @media (max-width: 380px) {
    .acb-bar {
      gap: 6px;
      padding: 7px 8px;
    }

    .acb-text__title {
      font-size: min(calc(var(--acb-title-fs, 22px) * 0.42), 11px);
    }

    .acb-text__subtitle {
      font-size: min(calc(var(--acb-subtitle-fs, 15px) * 0.55), 9px);
    }

    .acb-countdown {
      padding: 4px 6px;
    }

    .acb-countdown__unit {
      min-width: 22px;
    }

    .acb-countdown__number,
    .acb-countdown__colon {
      font-size: min(calc(var(--acb-number-fs, 26px) * 0.44), 13px);
    }
  }

  @media (min-width: 750px) {
    .acb-hide-desktop {
      display: none !important;
    }
  }
/* END_SECTION:cuentaregresiva */

/* START_SECTION:preguntas-frecuen (INDEX:2) */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@1,900&display=swap');

.secfaqjgp-wrapper {
  background-color: var(--secfaqjgp-bg) !important;
  padding-top: var(--secfaqjgp-pad-top-mobile) !important;
  padding-bottom: var(--secfaqjgp-pad-bottom-mobile) !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 748px) {
  .secfaqjgp-oculto-mobile { display: none !important; }
}

@media (min-width: 749px) {
  .secfaqjgp-oculto-desktop { display: none !important; }
  .secfaqjgp-wrapper {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

@media (min-width: 990px) {
  .secfaqjgp-wrapper {
    padding-top: var(--secfaqjgp-pad-top-desktop) !important;
    padding-bottom: var(--secfaqjgp-pad-bottom-desktop) !important;
  }
}

.secfaqjgp-contenedor {
  max-width: var(--secfaqjgp-max-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.secfaqjgp-encabezado {
  text-align: center !important;
  margin-bottom: 36px !important;
  overflow: hidden !important;
}

.secfaqjgp-titulo {
  font-family: 'Rubik', 'Arial Black', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 900 !important;
  font-style: italic !important;
  font-size: 32px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.5px !important;
  text-transform: uppercase !important;
  margin: 0 0 14px 0 !important;
  display: inline-block !important;
  white-space: nowrap !important;
  max-width: 100% !important;
}

.secfaqjgp-titulo-blanco {
  margin-right: 10px !important;
}

.secfaqjgp-subtitulo {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

.secfaqjgp-lista {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  width: 100% !important;
}

.secfaqjgp-item {
  border-radius: 18px !important;
  border-width: 1px !important;
  border-style: solid !important;
  overflow: hidden !important;
  transition: border-color 0.25s ease !important;
}

.secfaqjgp-pregunta-btn {
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  margin: 0 !important;
  padding: 20px 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  cursor: pointer !important;
  text-align: left !important;
  font: inherit !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.secfaqjgp-pregunta-btn:focus-visible {
  outline: 2px solid #ffffff !important;
  outline-offset: -2px !important;
}

.secfaqjgp-pregunta-btn:focus:not(:focus-visible) {
  outline: none !important;
}

.secfaqjgp-pregunta-texto {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
}

.secfaqjgp-icono {
  flex-shrink: 0 !important;
  width: 20px !important;
  height: 20px !important;
  transition: transform 0.3s ease !important;
}

.secfaqjgp-item--activo .secfaqjgp-icono {
  transform: rotate(180deg) !important;
}

.secfaqjgp-respuesta-wrap {
  max-height: 0 !important;
  overflow: hidden !important;
  transition: max-height 0.35s ease !important;
}

.secfaqjgp-respuesta-inner {
  padding: 0 22px 22px 22px !important;
}

.secfaqjgp-respuesta-texto {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

@media (min-width: 749px) {
  .secfaqjgp-titulo { font-size: 52px !important; letter-spacing: -1px !important; }
  .secfaqjgp-subtitulo { font-size: 20px !important; }
  .secfaqjgp-pregunta-texto { font-size: 19px !important; }
  .secfaqjgp-respuesta-texto { font-size: 17px !important; }
  .secfaqjgp-pregunta-btn { padding: 24px 28px !important; }
  .secfaqjgp-respuesta-inner { padding: 0 28px 26px 28px !important; }
  .secfaqjgp-encabezado { margin-bottom: 44px !important; }
  .secfaqjgp-icono { width: 24px !important; height: 24px !important; }
}

@media (min-width: 990px) {
  .secfaqjgp-titulo { font-size: 72px !important; letter-spacing: -1.5px !important; }
  .secfaqjgp-subtitulo { font-size: 26px !important; }
  .secfaqjgp-pregunta-texto { font-size: 24px !important; }
  .secfaqjgp-respuesta-texto { font-size: 20px !important; }
  .secfaqjgp-pregunta-btn { padding: 28px 32px !important; }
  .secfaqjgp-respuesta-inner { padding: 0 32px 30px 32px !important; }
  .secfaqjgp-lista { gap: 20px !important; }
  .secfaqjgp-encabezado { margin-bottom: 56px !important; }
  .secfaqjgp-icono { width: 28px !important; height: 28px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .secfaqjgp-respuesta-wrap,
  .secfaqjgp-icono,
  .secfaqjgp-item {
    transition: none !important;
  }
}
/* END_SECTION:preguntas-frecuen */

/* START_SECTION:bonos (INDEX:7) */
.bonos-regalo {
    background: var(--br-bg);
    padding: var(--br-pt) 16px var(--br-pb);
    box-sizing: border-box;
  }
  .bonos-regalo *,
  .bonos-regalo *::before,
  .bonos-regalo *::after { box-sizing: border-box; }

  .bonos-regalo__inner {
    max-width: var(--br-max);
    margin: 0 auto;
  }

  /* ---------- Pastilla superior ---------- */
  .bonos-regalo__pill-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 64px;
  }
  .bonos-regalo__pill {
    display: inline-block;
    padding: 22px 52px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--br-accent) 0%, var(--br-accent-dark) 100%);
    border: 1.5px solid rgba(255, 110, 130, 0.55);
    box-shadow:
      0 0 28px rgba(200, 16, 46, 0.45),
      0 8px 22px rgba(0, 0, 0, 0.45),
      inset 0 1px 0 rgba(255, 255, 255, 0.18);
    color: var(--br-pill-text);
    font-family: 'Archivo Black', 'Arial Black', sans-serif;
    font-size: var(--br-pill-size);
    letter-spacing: 0.2em;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    line-height: 1.2;
  }
  a.bonos-regalo__pill:hover { filter: brightness(1.08); }

  .bonos-regalo__sub {
    color: var(--br-text);
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-align: center;
    max-width: 700px;
    margin: -36px auto 48px;
    font-size: var(--br-text-size);
    line-height: 1.5;
  }
  .bonos-regalo__sub p { margin: 0; }

  /* ---------- Grilla (flex para centrar el último bono si queda solo) ---------- */
  .bonos-regalo__grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--br-gap);
  }

  /* ---------- Tarjeta ---------- */
  .bonos-card {
    width: calc((100% - (var(--br-cols) - 1) * var(--br-gap)) / var(--br-cols));
    background: var(--br-card-bg);
    border-radius: 34px 34px 22px 22px;
    border-top: 7px solid var(--br-card-top);
    box-shadow:
      0 -2px 14px rgba(160, 0, 20, 0.35),
      0 14px 30px rgba(0, 0, 0, 0.45);
    padding: 30px 30px 34px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .bonos-card__media {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.5);
    background: #151515;
    margin-bottom: 34px;
  }
  .bonos-card__media img,
  .bonos-card__placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .bonos-card__placeholder { fill: #444; background: #2b2b2b; }

  .bonos-card__badge {
    display: inline-block;
    background: var(--br-badge-bg);
    color: var(--br-badge-text);
    font-family: 'Archivo Black', 'Arial Black', sans-serif;
    font-size: var(--br-badge-size);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 14px 30px;
    border-radius: 999px;
    margin-bottom: 26px;
    line-height: 1;
  }

  .bonos-card__title {
    color: var(--br-title);
    font-family: 'Archivo Black', 'Arial Black', sans-serif;
    font-weight: 400;
    font-size: var(--br-title-size);
    letter-spacing: 0.06em;
    line-height: 1.3;
    text-transform: uppercase;
    margin: 0 0 22px;
  }

  .bonos-card__text {
    color: var(--br-text);
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: var(--br-text-size);
    line-height: 1.5;
    letter-spacing: 0.01em;
  }
  .bonos-card__text p { margin: 0 0 10px; }
  .bonos-card__text p:last-child { margin-bottom: 0; }
  .bonos-card__text strong { color: #fff; font-weight: 700; }

  .bonos-card__value {
    margin-top: 18px;
    color: var(--br-badge-text);
    font-family: 'Archivo Black', 'Arial Black', sans-serif;
    font-size: calc(var(--br-text-size) * 0.9);
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  /* ---------- Mobile (así se ve en el screenshot de WhatsApp) ---------- */
  @media screen and (max-width: 749px) {
    .bonos-regalo {
      padding: var(--br-pt-m) 12px var(--br-pb-m);
    }
    .bonos-regalo__pill-wrap { margin-bottom: 34px; }
    .bonos-regalo__pill {
      font-size: var(--br-pill-size-m);
      padding: 13px 22px;
      letter-spacing: 0.16em;
    }
    .bonos-regalo__sub {
      font-size: var(--br-text-size-m);
      margin: -16px auto 28px;
    }
    .bonos-regalo__grid { gap: var(--br-gap-m); }

    .bonos-card {
      width: calc((100% - (var(--br-cols-m) - 1) * var(--br-gap-m)) / var(--br-cols-m));
      border-radius: 20px 20px 14px 14px;
      border-top-width: 4px;
      padding: 12px 12px 18px;
    }
    .bonos-card__media {
      border-radius: 10px;
      margin-bottom: 16px;
    }
    .bonos-card__badge {
      font-size: var(--br-badge-size-m);
      padding: 8px 14px;
      margin-bottom: 12px;
    }
    .bonos-card__title {
      font-size: var(--br-title-size-m);
      letter-spacing: 0.04em;
      margin-bottom: 10px;
    }
    .bonos-card__text { font-size: var(--br-text-size-m); }

    .bonos-hide-mobile { display: none !important; }
  }

  @media screen and (min-width: 750px) {
    .bonos-hide-desktop { display: none !important; }
  }
/* END_SECTION:bonos */

/* START_SECTION:comprarjuego (INDEX:19) */
.cj-section {
    position: relative;
    background:
      radial-gradient(ellipse 60% 480px at 75% 60%, var(--cj-glow) 0%, transparent 100%),
      var(--cj-bg);
    padding: var(--cj-pt) 24px var(--cj-pb);
    box-sizing: border-box;
  }
  .cj-section *,
  .cj-section *::before,
  .cj-section *::after { box-sizing: border-box; }

  .cj-has-line::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, var(--cj-line) 12%, var(--cj-line) 88%, transparent 100%);
    box-shadow: 0 0 12px var(--cj-line);
    opacity: 0.9;
  }

  .cj-inner {
    max-width: 1180px;
    margin: 0 auto;
  }

  /* ---------- Título (mismo estilo que el resto de la landing) ---------- */
  .cj-title {
    margin: 0 0 48px;
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 900;
    font-size: var(--cj-title-size);
    line-height: 1.08;
    letter-spacing: -0.045em;
    text-transform: uppercase;
  }
  .cj--align-left .cj-title { text-align: left; }
  .cj--align-center .cj-title { text-align: center; }
  .cj-title__white { color: var(--cj-title); }
  .cj-title__red { color: var(--cj-red); }

  /* ---------- Cuerpo: pasos + imagen ---------- */
  .cj-body {
    display: flex;
    align-items: center;
    gap: 56px;
  }
  .cj--img-left .cj-body { flex-direction: row-reverse; }

  .cj-steps {
    flex: 1 1 auto;
    min-width: 0;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  /* ---------- Paso ---------- */
  .cj-step {
    display: flex;
    align-items: stretch;
    gap: 30px;
    margin: 0;
    padding: 0;
  }

  .cj-step__marker {
    position: relative;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 66px;
  }

  .cj-step__num {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background: var(--cj-circle-bg);
    border: 2px solid var(--cj-circle-border);
    color: var(--cj-num);
    font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  }

  /* Línea que une los círculos */
  .cj-step__connector {
    flex: 1 1 auto;
    width: 2px;
    min-height: 26px;
    margin: 8px 0;
    border-radius: 2px;
    background: linear-gradient(180deg, var(--cj-connector) 0%, rgba(0, 0, 0, 0) 100%);
  }

  .cj-step__content {
    padding: 8px 0 38px;
    transition: transform 0.3s ease;
  }
  .cj-step:last-child .cj-step__content { padding-bottom: 0; }

  .cj-step__title {
    margin: 0 0 8px;
    color: var(--cj-step-title);
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 700;
    font-size: var(--cj-step-title-size);
    line-height: 1.25;
    letter-spacing: 0.005em;
  }

  .cj-step__text {
    margin: 0;
    color: var(--cj-step-text);
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    font-size: var(--cj-step-text-size);
    line-height: 1.45;
    letter-spacing: 0.02em;
  }

  /* Efecto al pasar el mouse por un paso */
  @media (hover: hover) {
    .cj-step:hover .cj-step__num {
      background: var(--cj-red);
      border-color: var(--cj-red);
      color: #ffffff;
      transform: scale(1.06);
      box-shadow: 0 0 22px rgba(184, 18, 58, 0.45);
    }
    .cj-step:hover .cj-step__content { transform: translateX(6px); }
  }

  /* ---------- Imagen ---------- */
  .cj-side {
    flex: 0 0 var(--cj-img-w);
    max-width: var(--cj-img-w);
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .cj-media {
    border-radius: var(--cj-radius);
    overflow: hidden;
    border: 1.5px solid var(--cj-img-border);
    box-shadow:
      0 20px 50px rgba(0, 0, 0, 0.55),
      0 0 30px rgba(160, 0, 20, 0.2);
    background: #151515;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
  }
  .cj-img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.6s ease;
  }
  @media (hover: hover) {
    .cj-media:hover {
      transform: translateY(-6px);
      box-shadow:
        0 26px 60px rgba(0, 0, 0, 0.6),
        0 0 40px rgba(160, 0, 20, 0.32);
    }
    .cj-media:hover .cj-img { transform: scale(1.03); }
  }
  /* ---------- Botón: rectángulo sólido con esquinas suaves (formato "ADD TO CART") ---------- */
  .cj-btn-wrap {
    display: flex;
    justify-content: center;
  }
  .cj-btn-wrap--desktop { margin-top: 26px; }
  .cj-btn-wrap--mobile { display: none; }
  .cj-btn {
    display: block;
    width: 100%;
    padding: 21px 24px;
    border-radius: 12px;
    background: var(--cj-btn-1);
    border: none;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
    color: var(--cj-btn-text);
    font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 700;
    font-size: var(--cj-btn-size);
    line-height: 1.2;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    transition: transform 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
  }
  @media (hover: hover) {
    .cj-btn:hover {
      transform: translateY(-2px);
      background: var(--cj-btn-2);
      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45), 0 0 18px rgba(200, 16, 46, 0.35);
    }
  }
  .cj-btn:active { transform: translateY(0) scale(0.99); background: var(--cj-btn-2); }
  .cj-btn.is-loading { opacity: 0.75; pointer-events: none; animation: none; }

  /* Latido suave del brillo para llamar la atención */
  .cj-btn-pulse .cj-btn { animation: cjPulse 2.4s ease-in-out infinite; }
  .cj-btn-pulse .cj-btn:hover { animation: none; }
  @keyframes cjPulse {
    0%, 100% { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4), 0 0 0 rgba(200, 16, 46, 0); }
    50% { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4), 0 0 24px rgba(200, 16, 46, 0.45); }
  }
  @media (prefers-reduced-motion: reduce) {
    .cj-btn-pulse .cj-btn { animation: none; }
  }

  .cj-placeholder {
    aspect-ratio: 2 / 3;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cj-placeholder__svg { width: 60%; height: auto; fill: #3a3a3a; }

  /* ---------- Aparición de los pasos al hacer scroll ---------- */
  .cj-animate .cj-step {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    transition-delay: calc(var(--cj-i) * 0.12s);
  }
  .cj-animate.is-visible .cj-step {
    opacity: 1;
    transform: translateY(0);
  }
  @media (prefers-reduced-motion: reduce) {
    .cj-animate .cj-step { opacity: 1; transform: none; transition: none; }
  }

  /* ---------- Tablet ---------- */
  @media screen and (min-width: 750px) and (max-width: 1000px) {
    .cj-body { gap: 32px; }
    .cj-step { gap: 20px; }
    .cj-step__marker, .cj-step__num { width: 54px; }
    .cj-step__num { height: 54px; font-size: 20px; }
  }

  /* ---------- Mobile: pasos a la izquierda + imagen a la derecha, todo en una pantalla ---------- */
  @media screen and (max-width: 749px) {
    .cj-section {
      padding: var(--cj-pt-m) 14px var(--cj-pb-m);
      background:
        radial-gradient(ellipse 80% 300px at 80% 65%, var(--cj-glow) 0%, transparent 100%),
        var(--cj-bg);
    }
    .cj-title {
      font-size: var(--cj-title-size-m);
      margin-bottom: 18px;
      letter-spacing: -0.04em;
    }
    .cj-body {
      gap: 12px;
      align-items: center;
    }
    .cj-side {
      flex-basis: var(--cj-img-w-m);
      max-width: var(--cj-img-w-m);
    }
    /* En celular el botón va debajo de todo, a lo ancho, para que se pueda tocar fácil */
    .cj-btn-wrap--desktop { display: none; }
    .cj-btn-wrap--mobile {
      display: flex;
      margin-top: 18px;
    }
    .cj-btn {
      padding: 17px 18px;
      border-radius: 10px;
      font-size: var(--cj-btn-size-m);
      letter-spacing: 0.03em;
    }
    .cj-media {
      border-radius: var(--cj-radius-m);
      border-width: 1px;
      box-shadow: 0 10px 26px rgba(0, 0, 0, 0.55), 0 0 18px rgba(160, 0, 20, 0.18);
    }
    .cj-step { gap: 10px; }
    .cj-step__marker { width: 30px; }
    .cj-step__num {
      width: 30px;
      height: 30px;
      border-width: 1.5px;
      font-size: 12px;
    }
    .cj-step__connector {
      width: 1.5px;
      min-height: 12px;
      margin: 4px 0;
    }
    .cj-step__content { padding: 4px 0 14px; }
    .cj-step__title {
      font-size: var(--cj-step-title-size-m);
      margin-bottom: 3px;
      line-height: 1.22;
    }
    .cj-step__text {
      font-size: var(--cj-step-text-size-m);
      line-height: 1.35;
      letter-spacing: 0.01em;
    }
    .cj-hide-mobile { display: none !important; }
  }

  @media screen and (min-width: 750px) {
    .cj-hide-desktop { display: none !important; }
  }
/* END_SECTION:comprarjuego */

/* START_SECTION:contacto-redes (INDEX:21) */
.ct-section {
    position: relative;
    background: linear-gradient(180deg, var(--ct-bg-top) 0%, var(--ct-bg) 160px, var(--ct-bg) 100%);
    padding: var(--ct-pt) 24px var(--ct-pb);
    box-sizing: border-box;
    text-align: center;
  }
  .ct-section *,
  .ct-section *::before,
  .ct-section *::after { box-sizing: border-box; }

  /* Línea roja superior (se desvanece hacia los costados) */
  .ct-has-line::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, var(--ct-line) 12%, var(--ct-line) 88%, transparent 100%);
    box-shadow: 0 0 12px var(--ct-line);
    opacity: 0.9;
  }

  .ct-inner {
    max-width: 1200px;
    margin: 0 auto;
  }

  /* ---------- Título ---------- */
  .ct-title {
    margin: 0 0 26px;
    font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 900;
    font-size: var(--ct-title-size);
    line-height: 1.12;
    letter-spacing: -0.02em;
    text-transform: uppercase;
  }
  .ct-title__white,
  .ct-title__red { display: block; }
  .ct-title__white { color: var(--ct-title); }
  .ct-title__red { color: var(--ct-red); }

  /* ---------- Subtítulo ---------- */
  .ct-subtitle {
    margin: 0 auto 34px;
    max-width: 1100px;
    color: var(--ct-text);
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 600;
    font-size: var(--ct-text-size);
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  .ct-subtitle p { margin: 0; }
  .ct-subtitle strong { font-weight: 600; color: var(--ct-title); }

  /* ---------- Íconos ---------- */
  .ct-icons {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--ct-icon-gap);
  }
  .ct-icons__item { margin: 0; padding: 0; }

  .ct-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--ct-icon-size);
    height: var(--ct-icon-size);
    border-radius: 50%;
    background: var(--ct-icon-bg);
    border: 1.5px solid var(--ct-icon-border);
    color: var(--ct-icon);
    text-decoration: none;
    transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    -webkit-tap-highlight-color: transparent;
  }
  .ct-icon svg {
    width: 40%;
    height: 40%;
    display: block;
  }

  @media (hover: hover) {
    .ct-icon:hover {
      transform: translateY(-5px);
      background: var(--ct-icon-hover-bg);
      border-color: var(--ct-icon-hover-bg);
      color: var(--ct-icon-hover);
      box-shadow:
        0 10px 22px rgba(0, 0, 0, 0.45),
        0 0 22px rgba(184, 18, 58, 0.45);
    }
  }
  .ct-icon:active {
    transform: translateY(-2px) scale(0.97);
    background: var(--ct-icon-hover-bg);
    border-color: var(--ct-icon-hover-bg);
    color: var(--ct-icon-hover);
  }
  .ct-icon:focus-visible {
    outline: 2px solid var(--ct-icon);
    outline-offset: 4px;
  }

  /* ---------- Mobile ---------- */
  @media screen and (max-width: 749px) {
    .ct-section {
      padding: var(--ct-pt-m) 16px var(--ct-pb-m);
      background: linear-gradient(180deg, var(--ct-bg-top) 0%, var(--ct-bg) 90px, var(--ct-bg) 100%);
    }
    .ct-title {
      font-size: var(--ct-title-size-m);
      margin-bottom: 14px;
      letter-spacing: -0.015em;
    }
    .ct-subtitle {
      font-size: var(--ct-text-size-m);
      margin-bottom: 22px;
      letter-spacing: 0.03em;
    }
    .ct-icons { gap: var(--ct-icon-gap-m); }
    .ct-icon {
      width: var(--ct-icon-size-m);
      height: var(--ct-icon-size-m);
    }
    .ct-hide-mobile { display: none !important; }
  }

  @media screen and (min-width: 750px) {
    .ct-hide-desktop { display: none !important; }
  }
/* END_SECTION:contacto-redes */

/* START_SECTION:dolores (INDEX:23) */
.dr-section {
    background: var(--dr-bg);
    padding: var(--dr-pt) 24px var(--dr-pb);
    box-sizing: border-box;
  }
  .dr-section *,
  .dr-section *::before,
  .dr-section *::after { box-sizing: border-box; }

  .dr-inner {
    max-width: var(--dr-max);
    margin: 0 auto;
  }

  /* ---------- Título ---------- */
  .dr-title {
    margin: 0 0 32px;
    text-align: center;
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 900;
    font-size: var(--dr-title-size);
    line-height: 1.1;
    letter-spacing: -0.045em;
    text-transform: uppercase;
  }
  .dr-title__white { color: var(--dr-title); }
  .dr-title__red { color: var(--dr-red); }
  .dr-title__emoji { letter-spacing: 0; }

  .dr-subtitle {
    margin: -12px auto 32px;
    max-width: 720px;
    text-align: center;
    color: var(--dr-text);
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: var(--dr-text-size);
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
  .dr-subtitle p { margin: 0; }
  .dr-subtitle strong { color: var(--dr-bold); font-weight: 800; }

  /* ---------- Grilla ---------- */
  .dr-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--dr-gap);
  }

  /* ---------- Tarjeta ---------- */
  .dr-card {
    width: calc((100% - (var(--dr-cols) - 1) * var(--dr-gap)) / var(--dr-cols));
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 30px 34px;
    background: var(--dr-card-bg);
    border: 1px solid var(--dr-card-border);
    border-radius: 18px;
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    will-change: transform;
  }

  /* ---------- Efecto al pasar el mouse: la tarjeta se levanta ---------- */
  @media (hover: hover) {
    .dr-has-hover .dr-card:hover {
      transform: translateY(var(--dr-lift));
      border-color: var(--dr-hover-border);
      box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.45),
        0 0 18px rgba(160, 0, 20, 0.18);
    }
  }
  /* En celular: leve efecto al tocar */
  .dr-has-hover .dr-card:active {
    transform: translateY(calc(var(--dr-lift) / 2));
    border-color: var(--dr-hover-border);
  }

  .dr-card__icon {
    flex: 0 0 auto;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    background: var(--dr-icon-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    line-height: 1;
    overflow: hidden;
  }
  .dr-card__icon img {
    width: 55%;
    height: 55%;
    object-fit: contain;
  }

  .dr-card__text {
    color: var(--dr-text);
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    font-size: var(--dr-text-size);
    line-height: 1.4;
    letter-spacing: 0.06em;
  }
  .dr-card__text p { margin: 0; }
  .dr-card__text strong,
  .dr-card__text b {
    color: var(--dr-bold);
    font-weight: 800;
    letter-spacing: 0.05em;
  }

  /* ---------- Tablet ---------- */
  @media screen and (min-width: 750px) and (max-width: 1100px) {
    .dr-card {
      width: calc((100% - var(--dr-gap)) / 2);
      padding: 24px 24px;
      gap: 18px;
    }
    .dr-card__icon { width: 64px; height: 64px; font-size: 28px; }
  }

  /* ---------- Mobile ---------- */
  @media screen and (max-width: 749px) {
    .dr-section { padding: var(--dr-pt-m) 16px var(--dr-pb-m); }
    .dr-title {
      font-size: var(--dr-title-size-m);
      margin-bottom: 22px;
      letter-spacing: -0.035em;
    }
    .dr-subtitle {
      font-size: var(--dr-text-size-m);
      margin: -6px auto 22px;
    }
    .dr-grid { gap: var(--dr-gap-m); }
    .dr-card {
      width: calc((100% - (var(--dr-cols-m) - 1) * var(--dr-gap-m)) / var(--dr-cols-m));
      padding: 16px 16px;
      gap: 14px;
      border-radius: 14px;
    }
    .dr-card__icon {
      width: 48px;
      height: 48px;
      font-size: 22px;
    }
    .dr-card__text {
      font-size: var(--dr-text-size-m);
      letter-spacing: 0.03em;
    }
    .dr-card__text strong,
    .dr-card__text b { letter-spacing: 0.02em; }
    .dr-hide-mobile { display: none !important; }
  }

  @media screen and (min-width: 750px) {
    .dr-hide-desktop { display: none !important; }
  }
/* END_SECTION:dolores */

/* START_SECTION:galeria-clientes (INDEX:29) */
.gcl {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding-top: var(--gcl-padding-top) !important;
    padding-bottom: var(--gcl-padding-bottom) !important;
    background-color: var(--gcl-color-fondo) !important;
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;
    overflow: hidden !important;
  }
  .gcl *,
  .gcl *::before,
  .gcl *::after { box-sizing: border-box; }

  /* Línea roja superior (se desvanece hacia los costados) */
  .gcl--con-linea::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, var(--gcl-color-linea) 12%, var(--gcl-color-linea) 88%, transparent 100%);
    box-shadow: 0 0 12px var(--gcl-color-linea);
    opacity: 0.9;
  }

  .gcl--oculta-mobile {
    display: none !important;
  }

  /* ---------- Título (blanco + rojo, como el resto de la landing) ---------- */
  .gcl__titulo {
    margin: 0 0 10px 0 !important;
    padding: 0 14px !important;
    text-align: center !important;
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 900 !important;
    font-size: var(--gcl-titulo-mobile) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.04em !important;
    text-transform: uppercase !important;
  }
  .gcl__titulo-blanco { color: var(--gcl-color-titulo) !important; }
  .gcl__titulo-rojo { color: var(--gcl-color-rojo) !important; }

  /* ---------- Subtítulo ---------- */
  .gcl__subtitulo {
    margin: 0 0 20px 0 !important;
    padding: 0 16px !important;
    text-align: center !important;
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: var(--gcl-subtitulo-mobile) !important;
    line-height: 1.5 !important;
    letter-spacing: 0.05em !important;
    color: var(--gcl-color-subtitulo) !important;
  }

  /* ---------- Carrusel ---------- */
  .gcl__marco {
    width: 100% !important;
    overflow: hidden !important;
    padding: 8px 0 12px !important;
    -webkit-mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent) !important;
    mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent) !important;
  }

  .gcl__pista {
    display: flex !important;
    align-items: center !important;
    width: max-content !important;
    gap: var(--gcl-separacion) !important;
    animation: gcl-desplazar var(--gcl-velocidad) linear infinite !important;
  }

  .gcl[data-gcl-pausar="true"] .gcl__pista:hover {
    animation-play-state: paused !important;
  }

  .gcl__item {
    flex-shrink: 0 !important;
    height: var(--gcl-altura) !important;
    aspect-ratio: 3 / 4 !important;
    border-radius: var(--gcl-radio) !important;
    overflow: hidden !important;
    background: var(--gcl-color-tarjeta) !important;
    border: 1.5px solid var(--gcl-color-borde) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4) !important;
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
  }

  .gcl__img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.5s ease !important;
  }

  /* Efecto al pasar el mouse: la foto se levanta, borde rojo y zoom suave */
  @media (hover: hover) {
    .gcl--con-hover .gcl__item:hover {
      transform: translateY(-6px) !important;
      border-color: var(--gcl-color-borde-hover) !important;
      box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.5),
        0 0 18px rgba(160, 0, 20, 0.25) !important;
    }
    .gcl--con-hover .gcl__item:hover .gcl__img {
      transform: scale(1.06) !important;
    }
  }

  .gcl__placeholder {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--gcl-color-tarjeta) !important;
  }

  .gcl__placeholder-svg {
    width: 50% !important;
    height: 50% !important;
    fill: #444 !important;
  }

  @keyframes gcl-desplazar {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
  }

  @media (prefers-reduced-motion: reduce) {
    .gcl__pista { animation-duration: 120s !important; }
  }

  @media screen and (min-width: 750px) {
    .gcl--oculta-mobile {
      display: flex !important;
    }

    .gcl__titulo {
      font-size: var(--gcl-titulo-desktop) !important;
      margin-bottom: 16px !important;
      letter-spacing: -0.045em !important;
    }

    .gcl__subtitulo {
      font-size: var(--gcl-subtitulo-desktop) !important;
      margin-bottom: 36px !important;
      letter-spacing: 0.06em !important;
    }
  }

  @media screen and (min-width: 990px) {
    .gcl--oculta-desktop {
      display: none !important;
    }
  }
/* END_SECTION:galeria-clientes */

/* START_SECTION:loquerecibis (INDEX:38) */
.tr-section {
    position: relative;
    background:
      radial-gradient(ellipse 70% 520px at 50% 55%, var(--tr-glow) 0%, transparent 100%),
      var(--tr-bg);
    padding: var(--tr-pt) 24px var(--tr-pb);
    box-sizing: border-box;
  }
  .tr-section *,
  .tr-section *::before,
  .tr-section *::after { box-sizing: border-box; }

  .tr-has-line::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, var(--tr-line) 12%, var(--tr-line) 88%, transparent 100%);
    box-shadow: 0 0 12px var(--tr-line);
    opacity: 0.9;
  }

  .tr-inner {
    max-width: 1300px;
    margin: 0 auto;
  }

  /* ---------- Título (mismo estilo que las otras secciones) ---------- */
  .tr-title {
    margin: 0 0 18px;
    text-align: center;
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 900;
    font-size: var(--tr-title-size);
    line-height: 1.1;
    letter-spacing: -0.045em;
    text-transform: uppercase;
    overflow-wrap: break-word;
  }
  .tr-title__white { color: var(--tr-title); }
  .tr-title__red { color: var(--tr-red); }

  .tr-subtitle {
    margin: 0 auto 40px;
    max-width: 900px;
    text-align: center;
    color: var(--tr-sub);
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 700;
    font-size: var(--tr-sub-size);
    line-height: 1.55;
    letter-spacing: 0.06em;
  }

  /* Si no hay subtítulo, el título deja el mismo aire antes de la imagen */
  .tr-title + .tr-media { margin-top: 36px; }

  /* ---------- Imagen ---------- */
  .tr-media {
    max-width: var(--tr-img-max);
    margin: 0 auto;
    border-radius: var(--tr-radius);
    overflow: hidden;
    border: 1.5px solid var(--tr-border);
    box-shadow:
      0 20px 50px rgba(0, 0, 0, 0.55),
      0 0 30px rgba(160, 0, 20, 0.18);
    background: #151515;
    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
  }
  .tr-media__link { display: block; }
  .tr-picture { display: block; }
  .tr-img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.6s ease;
  }

  @media (hover: hover) {
    .tr-has-hover .tr-media:hover {
      transform: translateY(-6px);
      border-color: #8e0014;
      box-shadow:
        0 26px 60px rgba(0, 0, 0, 0.6),
        0 0 40px rgba(160, 0, 20, 0.3);
    }
    .tr-has-hover .tr-media:hover .tr-img { transform: scale(1.02); }
  }

  .tr-placeholder {
    aspect-ratio: 1 / 1.05;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.4);
    font-family: 'Inter', sans-serif;
    font-size: 14px;
  }
  .tr-placeholder__svg { width: 50%; height: auto; fill: #3a3a3a; }

  /* ---------- Botón (opcional) ---------- */
  .tr-btn-wrap {
    display: flex;
    justify-content: center;
    margin-top: 36px;
  }
  .tr-btn {
    display: inline-block;
    padding: 20px 46px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--tr-btn-1) 0%, var(--tr-btn-2) 100%);
    border: 1.5px solid rgba(255, 110, 130, 0.55);
    box-shadow:
      0 0 28px rgba(200, 16, 46, 0.45),
      0 8px 22px rgba(0, 0, 0, 0.45),
      inset 0 1px 0 rgba(255, 255, 255, 0.18);
    color: var(--tr-btn-text);
    font-family: 'Archivo Black', 'Arial Black', sans-serif;
    font-size: 17px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    line-height: 1.2;
    transition: transform 0.25s ease, filter 0.25s ease;
  }
  @media (hover: hover) {
    .tr-btn:hover { transform: translateY(-2px); filter: brightness(1.1); }
  }
  .tr-btn:active { transform: translateY(0); filter: brightness(0.95); }

  /* ---------- Mobile ---------- */
  @media screen and (max-width: 749px) {
    .tr-section {
      padding: var(--tr-pt-m) 12px var(--tr-pb-m);
      background:
        radial-gradient(ellipse 90% 320px at 50% 55%, var(--tr-glow) 0%, transparent 100%),
        var(--tr-bg);
    }
    .tr-title {
      font-size: var(--tr-title-size-m);
      margin-bottom: 10px;
      letter-spacing: -0.04em;
    }
    .tr-subtitle {
      font-size: var(--tr-sub-size-m);
      margin-bottom: 18px;
      letter-spacing: 0.04em;
    }
    .tr-title + .tr-media { margin-top: 18px; }
    .tr-media {
      border-radius: var(--tr-radius-m);
      border-width: 1px;
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.55), 0 0 20px rgba(160, 0, 20, 0.15);
    }
    .tr-btn-wrap { margin-top: 20px; }
    .tr-btn {
      width: 100%;
      padding: 16px 18px;
      font-size: 13px;
      letter-spacing: 0.1em;
    }
    .tr-hide-mobile { display: none !important; }
  }

  @media screen and (min-width: 750px) {
    .tr-hide-desktop { display: none !important; }
  }
/* END_SECTION:loquerecibis */

/* START_SECTION:preguntas-frecuente (INDEX:66) */
.fq-section {
    position: relative;
    background: var(--fq-bg);
    padding: var(--fq-pt) 24px var(--fq-pb);
    box-sizing: border-box;
  }
  .fq-section *,
  .fq-section *::before,
  .fq-section *::after { box-sizing: border-box; }

  .fq-has-line::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, var(--fq-line) 12%, var(--fq-line) 88%, transparent 100%);
    box-shadow: 0 0 12px var(--fq-line);
    opacity: 0.9;
  }

  .fq-inner {
    max-width: var(--fq-max);
    margin: 0 auto;
  }

  /* ---------- Título ---------- */
  .fq-title {
    margin: 0 0 18px;
    text-align: center;
    font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 900;
    font-size: var(--fq-title-size);
    line-height: 1.12;
    letter-spacing: -0.02em;
    text-transform: uppercase;
  }
  .fq-title { overflow-wrap: break-word; }
  .fq-title__white { color: var(--fq-title); }
  .fq-title__red { color: var(--fq-red); }

  .fq-subtitle {
    margin: 0 0 48px;
    text-align: center;
    color: var(--fq-sub);
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 600;
    font-size: var(--fq-sub-size);
    line-height: 1.5;
    letter-spacing: 0.06em;
  }

  /* ---------- Lista ---------- */
  .fq-list {
    display: flex;
    flex-direction: column;
    gap: var(--fq-gap);
  }

  /* ---------- Pregunta ---------- */
  .fq-item {
    background: var(--fq-item-bg);
    border: 1px solid var(--fq-item-border);
    border-radius: 14px;
    overflow: hidden;
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  }
  .fq-item[open] {
    border-color: var(--fq-item-hover-border);
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.35), 0 0 16px rgba(160, 0, 20, 0.12);
  }
  @media (hover: hover) {
    .fq-has-hover .fq-item:hover {
      transform: translateY(-3px);
      border-color: var(--fq-item-hover-border);
      box-shadow: 0 12px 26px rgba(0, 0, 0, 0.4), 0 0 16px rgba(160, 0, 20, 0.15);
    }
  }

  .fq-item__q {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 26px;
    cursor: pointer;
    color: var(--fq-q);
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 700;
    font-size: var(--fq-q-size);
    line-height: 1.45;
    letter-spacing: 0.005em;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
  }
  .fq-item__q::-webkit-details-marker { display: none; }
  .fq-item__q::marker { content: ""; }
  .fq-item__q:focus-visible {
    outline: 2px solid var(--fq-q);
    outline-offset: -4px;
    border-radius: 14px;
  }

  .fq-item__chev {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    color: var(--fq-q);
    transition: transform 0.35s ease;
  }
  .fq-item[open] .fq-item__chev { transform: rotate(180deg); }

  /* ---------- Respuesta ---------- */
  .fq-item__a {
    overflow: hidden;
  }
  .fq-item__a-inner {
    margin: 0 26px;
    padding: 18px 0 24px;
    border-top: 1px solid var(--fq-divider);
    color: var(--fq-a);
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    font-size: var(--fq-a-size);
    line-height: 1.65;
    letter-spacing: 0.03em;
  }
  .fq-item__a-inner p { margin: 0 0 10px; }
  .fq-item__a-inner p:last-child { margin-bottom: 0; }
  .fq-item__a-inner strong { color: #ffffff; font-weight: 700; }
  .fq-item__a-inner a { color: var(--fq-q); text-decoration: underline; }
  .fq-item__a-inner ul { margin: 0 0 10px; padding-left: 20px; }

  /* ---------- Mobile (compacto: título + todas las preguntas en una sola pantalla) ---------- */
  @media screen and (max-width: 749px) {
    .fq-section { padding: var(--fq-pt-m) 12px var(--fq-pb-m); }
    .fq-title {
      font-size: var(--fq-title-size-m);
      margin-bottom: 6px;
      letter-spacing: -0.015em;
    }
    .fq-subtitle {
      font-size: var(--fq-sub-size-m);
      margin-bottom: 16px;
      letter-spacing: 0.03em;
    }
    .fq-list { gap: var(--fq-gap-m); }
    .fq-item { border-radius: 11px; }
    .fq-item__q {
      padding: 11px 14px;
      gap: 10px;
      font-size: var(--fq-q-size-m);
      line-height: 1.32;
      letter-spacing: 0;
    }
    .fq-item__chev { width: 15px; height: 15px; }
    .fq-item__a-inner {
      margin: 0 14px;
      padding: 10px 0 13px;
      font-size: var(--fq-a-size-m);
      line-height: 1.5;
      letter-spacing: 0.01em;
    }
    .fq-hide-mobile { display: none !important; }
  }

  @media screen and (min-width: 750px) {
    .fq-hide-desktop { display: none !important; }
  }

  @media (prefers-reduced-motion: reduce) {
    .fq-item, .fq-item__chev { transition: none; }
  }
/* END_SECTION:preguntas-frecuente */

/* START_SECTION:quevasalograr (INDEX:69) */
.ql-section {
    background: var(--ql-bg);
    padding: var(--ql-pt) 24px var(--ql-pb);
    box-sizing: border-box;
  }
  .ql-section *,
  .ql-section *::before,
  .ql-section *::after { box-sizing: border-box; }

  .ql-inner {
    max-width: 1300px;
    margin: 0 auto;
  }

  /* ---------- Título ---------- */
  .ql-title {
    margin: 0 0 22px;
    text-align: center;
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 900;
    font-size: var(--ql-title-size);
    line-height: 1.1;
    letter-spacing: -0.045em;
    text-transform: uppercase;
  }
  .ql-title__white { color: var(--ql-title); }
  .ql-title__red { color: var(--ql-red); }

  /* ---------- Subtítulo ---------- */
  .ql-subtitle {
    margin: 0 auto 56px;
    max-width: 1000px;
    text-align: center;
    color: var(--ql-sub);
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 700;
    font-size: var(--ql-sub-size);
    line-height: 1.55;
    letter-spacing: 0.06em;
  }

  /* ---------- Grilla ---------- */
  .ql-grid {
    max-width: var(--ql-max);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--ql-gap);
  }

  /* ---------- Tarjeta ---------- */
  .ql-card {
    width: calc((100% - (var(--ql-cols) - 1) * var(--ql-gap)) / var(--ql-cols));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 44px 36px 48px;
    background: var(--ql-card-bg);
    border: 1.5px solid var(--ql-card-border);
    border-radius: 24px;
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    will-change: transform;
  }

  @media (hover: hover) {
    .ql-has-hover .ql-card:hover {
      transform: translateY(var(--ql-lift));
      border-color: var(--ql-hover-border);
      box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.45),
        0 0 18px rgba(160, 0, 20, 0.18);
    }
    .ql-has-hover .ql-card:hover .ql-card__icon {
      transform: scale(1.12);
    }
  }
  .ql-has-hover .ql-card:active {
    transform: translateY(calc(var(--ql-lift) / 2));
    border-color: var(--ql-hover-border);
  }

  .ql-card__icon {
    font-size: var(--ql-emoji-size);
    line-height: 1;
    margin-bottom: 30px;
    transition: transform 0.3s ease;
  }
  .ql-card__icon--img {
    width: calc(var(--ql-emoji-size) * 1.3);
    height: calc(var(--ql-emoji-size) * 1.3);
  }
  .ql-card__icon--img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
  }

  .ql-card__title {
    margin: 0 0 14px;
    color: var(--ql-card-title);
    font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 700;
    font-size: var(--ql-card-title-size);
    line-height: 1.25;
    letter-spacing: 0.01em;
    text-transform: uppercase;
  }

  .ql-card__text {
    color: var(--ql-text);
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    font-size: var(--ql-text-size);
    line-height: 1.5;
    letter-spacing: 0.06em;
  }
  .ql-card__text p { margin: 0; }
  .ql-card__text strong { color: #ffffff; font-weight: 700; }

  /* ---------- Mobile (como la captura: 2 columnas, todo en una pantalla) ---------- */
  @media screen and (max-width: 749px) {
    .ql-section { padding: var(--ql-pt-m) 14px var(--ql-pb-m); }
    .ql-title {
      font-size: var(--ql-title-size-m);
      margin-bottom: 10px;
      letter-spacing: -0.04em;
    }
    .ql-subtitle {
      font-size: var(--ql-sub-size-m);
      margin-bottom: 22px;
      line-height: 1.5;
      letter-spacing: 0.04em;
    }
    .ql-grid { gap: var(--ql-gap-m); }
    .ql-card {
      width: calc((100% - (var(--ql-cols-m) - 1) * var(--ql-gap-m)) / var(--ql-cols-m));
      padding: 18px 12px 20px;
      border-radius: 16px;
      border-width: 1px;
    }
    .ql-card__icon {
      font-size: var(--ql-emoji-size-m);
      margin-bottom: 14px;
    }
    .ql-card__title {
      font-size: var(--ql-card-title-size-m);
      margin-bottom: 7px;
      letter-spacing: 0;
    }
    .ql-card__text {
      font-size: var(--ql-text-size-m);
      line-height: 1.38;
      letter-spacing: 0.04em;
    }
    .ql-hide-mobile { display: none !important; }
  }

  @media screen and (min-width: 750px) {
    .ql-hide-desktop { display: none !important; }
  }
/* END_SECTION:quevasalograr */

/* START_SECTION:resenas-grid (INDEX:71) */
.rv-section {
    background: var(--rv-bg);
    padding: var(--rv-pt) 24px var(--rv-pb);
    box-sizing: border-box;
  }
  .rv-section *,
  .rv-section *::before,
  .rv-section *::after { box-sizing: border-box; }

  .rv-inner {
    max-width: var(--rv-max);
    margin: 0 auto;
  }

  /* ---------- Encabezado: línea roja + brillo + título + resumen ---------- */
  .rv-section {
    position: relative;
    background:
      radial-gradient(ellipse 70% 420px at 50% 0%, var(--rv-glow) 0%, transparent 100%),
      var(--rv-bg);
  }
  .rv-has-line::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, var(--rv-line) 20%, var(--rv-line) 80%, transparent 100%);
    box-shadow: 0 0 14px var(--rv-line);
    opacity: 0.85;
  }

  .rv-head {
    text-align: center;
    margin: 0 0 56px;
  }
  .rv-title {
    margin: 0 auto;
    max-width: 1400px;
    text-align: center;
    font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 800;
    font-size: var(--rv-title-size);
    line-height: 1.22;
    letter-spacing: 0.015em;
    text-transform: uppercase;
  }
  .rv-title__white { color: var(--rv-title); }
  .rv-title__red { color: var(--rv-title-red); }

  .rv-summary {
    display: inline-flex;
    align-items: center;
    gap: 32px;
    margin-top: 26px;
  }
  .rv-summary__stars { display: flex; gap: 4px; }
  .rv-hstar {
    width: 31px;
    height: 31px;
    fill: var(--rv-head-star);
  }
  .rv-hstar--off { fill: var(--rv-star-off); }
  .rv-summary__count {
    display: inline-flex;
    align-items: center;
    padding: 20px 28px;
    background: var(--rv-count-bg);
    border: 1px solid var(--rv-count-border);
    border-radius: 2px;
    color: var(--rv-count-text);
    font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 700;
    font-size: 19px;
    line-height: 1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  /* ---------- Grilla (la última fila queda alineada a la izquierda, como la referencia) ---------- */
  .rv-grid {
    display: grid;
    grid-template-columns: repeat(var(--rv-cols), minmax(0, 1fr));
    gap: var(--rv-gap);
    align-items: stretch;
  }

  /* ---------- Tarjeta ---------- */
  .rv-card {
    display: flex;
    flex-direction: column;
    padding: 30px 30px 34px;
    background: var(--rv-card-bg);
    border: 1.5px solid var(--rv-card-border);
    border-radius: var(--rv-radius);
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    will-change: transform;
  }

  @media (hover: hover) {
    .rv-has-hover .rv-card:hover {
      transform: translateY(var(--rv-lift));
      border-color: var(--rv-hover-border);
      box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.45),
        0 0 18px rgba(160, 0, 20, 0.18);
    }
  }
  .rv-has-hover .rv-card:active {
    transform: translateY(calc(var(--rv-lift) / 2));
    border-color: var(--rv-hover-border);
  }

  /* Tarjetas ocultas hasta tocar "Mostrar más" */
  @media screen and (min-width: 750px) {
    .rv-card.rv-more-d:not(.is-shown) { display: none; }
  }
  @media screen and (max-width: 749px) {
    .rv-card.rv-more-m:not(.is-shown) { display: none; }
  }
  .rv-card.is-revealing { animation: rvFadeUp 0.45s ease both; }
  @keyframes rvFadeUp {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: translateY(0); }
  }

  /* ---------- Cabecera: nombre + sello ---------- */
  .rv-card__head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    margin-bottom: 18px;
  }
  .rv-card__name {
    margin: 0;
    color: var(--rv-name);
    font-family: 'Archivo Black', 'Arial Black', sans-serif;
    font-weight: 400;
    font-size: var(--rv-name-size);
    line-height: 1.2;
    letter-spacing: 0.09em;
    text-transform: uppercase;
  }
  .rv-card__badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 11px 5px;
    background: var(--rv-badge-bg);
    border: 1px solid rgba(255, 120, 135, 0.45);
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(160, 0, 20, 0.35);
    color: var(--rv-badge-text);
    font-family: 'Archivo Black', 'Arial Black', sans-serif;
    font-size: 9.5px;
    line-height: 1;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  /* ---------- Estrellas ---------- */
  .rv-card__stars {
    display: flex;
    gap: 3px;
    margin-bottom: 16px;
  }
  .rv-star {
    width: 16px;
    height: 16px;
    fill: var(--rv-star);
  }
  .rv-star--off { fill: var(--rv-star-off); }

  /* ---------- Texto ---------- */
  .rv-card__text {
    margin: 0;
    color: var(--rv-text);
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    font-size: var(--rv-text-size);
    line-height: 1.6;
    letter-spacing: 0.12em;
  }
  .rv-upper .rv-card__text { text-transform: uppercase; }

  /* ---------- Botón "Mostrar más" ---------- */
  .rv-more-wrap {
    display: flex;
    justify-content: center;
    margin-top: 36px;
  }
  .rv-more-btn {
    appearance: none;
    cursor: pointer;
    padding: 18px 28px;
    background: linear-gradient(180deg, var(--rv-btn-1) 0%, var(--rv-btn-2) 100%);
    border: 1px solid rgba(255, 110, 130, 0.45);
    border-radius: 2px;
    box-shadow:
      0 0 22px rgba(200, 16, 46, 0.3),
      0 6px 16px rgba(0, 0, 0, 0.4),
      inset 0 1px 0 rgba(255, 255, 255, 0.15);
    color: var(--rv-btn-text);
    font-family: 'Archivo Black', 'Arial Black', sans-serif;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease;
  }
  .rv-more-btn[hidden] { display: none; }
  @media (hover: hover) {
    .rv-more-btn:hover {
      transform: translateY(-2px);
      filter: brightness(1.1);
      box-shadow:
        0 0 30px rgba(200, 16, 46, 0.45),
        0 10px 22px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
    }
  }
  .rv-more-btn:active { transform: translateY(0); filter: brightness(0.95); }

  /* ---------- Tablet ---------- */
  @media screen and (min-width: 750px) and (max-width: 1100px) {
    .rv-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }

  /* ---------- Mobile ---------- */
  @media screen and (max-width: 749px) {
    .rv-section { padding: var(--rv-pt-m) 12px var(--rv-pb-m); }
    .rv-head { margin-bottom: 22px; }
    .rv-title {
      font-size: var(--rv-title-size-m);
      letter-spacing: 0.01em;
      line-height: 1.25;
    }
    .rv-summary { gap: 12px; margin-top: 14px; }
    .rv-summary__stars { gap: 2px; }
    .rv-hstar { width: 18px; height: 18px; }
    .rv-summary__count { padding: 10px 14px; font-size: 11px; }
    .rv-grid {
      grid-template-columns: repeat(var(--rv-cols-m), minmax(0, 1fr));
      gap: var(--rv-gap-m);
    }
    .rv-card { padding: 16px 16px 18px; }
    .rv-card__head { margin-bottom: 10px; gap: 6px 10px; }
    .rv-card__name {
      font-size: var(--rv-name-size-m);
      letter-spacing: 0.07em;
    }
    .rv-card__badge { font-size: 8px; padding: 5px 8px 4px; }
    .rv-card__stars { margin-bottom: 9px; gap: 2px; }
    .rv-star { width: 13px; height: 13px; }
    .rv-card__text {
      font-size: var(--rv-text-size-m);
      line-height: 1.5;
      letter-spacing: 0.08em;
    }
    .rv-more-wrap { margin-top: 20px; }
    .rv-more-btn { width: 100%; padding: 16px 20px; font-size: 12px; }
    .rv-hide-mobile { display: none !important; }
  }

  @media screen and (min-width: 750px) {
    .rv-hide-desktop { display: none !important; }
  }
/* END_SECTION:resenas-grid */

/* START_SECTION:videosparejas (INDEX:80) */
.vp-section {
    background:
      radial-gradient(ellipse at 50% 45%, var(--vp-glow) 0%, transparent 70%),
      var(--vp-bg);
    padding: var(--vp-pt) 24px var(--vp-pb);
    box-sizing: border-box;
  }
  .vp-section *,
  .vp-section *::before,
  .vp-section *::after { box-sizing: border-box; }

  .vp-inner {
    max-width: var(--vp-max);
    margin: 0 auto;
  }

  /* ---------- Etiqueta superior ---------- */
  .vp-label-wrap {
    display: flex;
    justify-content: var(--vp-label-align);
    margin: 0 0 40px;
  }
  .vp-label {
    display: inline-block;
    margin: 0;
    padding: 20px 48px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--vp-pill-1) 0%, var(--vp-pill-2) 100%);
    border: 1.5px solid rgba(255, 110, 130, 0.55);
    box-shadow:
      0 0 28px rgba(200, 16, 46, 0.45),
      0 8px 22px rgba(0, 0, 0, 0.45),
      inset 0 1px 0 rgba(255, 255, 255, 0.18);
    color: var(--vp-label);
    font-family: 'Archivo Black', 'Arial Black', sans-serif;
    font-weight: 400;
    font-size: var(--vp-label-size);
    letter-spacing: 0.2em;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
  }

  /* ---------- Grilla ---------- */
  .vp-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--vp-gap);
  }

  /* ---------- Tarjeta de video ---------- */
  .vp-card {
    position: relative;
    width: calc((100% - (var(--vp-cols) - 1) * var(--vp-gap)) / var(--vp-cols));
    aspect-ratio: var(--vp-ratio);
    border-radius: var(--vp-radius);
    border: 1.5px solid var(--vp-border);
    overflow: hidden;
    background: #0d0205;
    box-shadow:
      0 0 0 1px rgba(0, 0, 0, 0.4),
      0 12px 34px rgba(0, 0, 0, 0.55),
      0 0 24px rgba(120, 10, 30, 0.25);
  }

  .vp-card .vp-video,
  .vp-card video,
  .vp-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none;
  }

  .vp-empty {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.35);
    font-family: 'Inter', sans-serif;
    font-size: 14px;
  }

  .vp-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 40px 16px 16px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.04em;
  }

  /* ---------- Mobile ---------- */
  @media screen and (max-width: 749px) {
    .vp-section { padding: var(--vp-pt-m) 16px var(--vp-pb-m); }
    .vp-label-wrap { margin-bottom: 22px; }
    .vp-label {
      font-size: var(--vp-label-size-m);
      padding: 13px 22px;
      letter-spacing: 0.16em;
    }
    .vp-grid { gap: var(--vp-gap-m); }
    .vp-card {
      width: calc((100% - (var(--vp-cols-m) - 1) * var(--vp-gap-m)) / var(--vp-cols-m));
      border-radius: var(--vp-radius-m);
    }
    .vp-caption { font-size: 11px; padding: 28px 8px 10px; }
    .vp-hide-mobile { display: none !important; }
  }

  @media screen and (min-width: 750px) {
    .vp-hide-desktop { display: none !important; }
  }
/* END_SECTION:videosparejas */