.rdl-layout{width:100%;min-width:0}
.rdl-grid{display:grid;width:100%;min-width:0}
.rdl-grid--50-50{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.rdl-grid--33-33-33{grid-template-columns:repeat(3,minmax(0,1fr))}
.rdl-grid--25-50-25{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr)}
.rdl-grid--25-25-25-25{grid-template-columns:repeat(4,minmax(0,1fr))}
.rdl-col{min-width:0}
@media(max-width:767.98px){.rdl-grid{grid-template-columns:minmax(0,1fr)}}

/* Hero Home Stickers */
/* =========================================================
   CRITICAL HERO CSS
   Primero para priorizar el elemento LCP
========================================================= */

.rd-hero-v7,
.rd-hero-v7 *,
.rd-hero-v7 *::before,
.rd-hero-v7 *::after {
  box-sizing: border-box;
}

.rd-hero-v7 {
  width: 100%;
  margin: 0;
  padding: 14px 0 22px;
  font-family: Arial, Helvetica, sans-serif;
}

.rd-hero-v7__wrap {
  width: calc(100% - 40px);
  max-width: 1460px;
  min-height: 470px;
  margin: 0 auto;
  padding: 44px 52px;

  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
  align-items: center;
  gap: 36px;

  position: relative;
  overflow: hidden;

  border-radius: 30px;

  /*
   * V7:
   * Fondo mucho más barato de pintar que los múltiples
   * radial-gradient del V6.
   */
  background: linear-gradient(
    135deg,
    #16005d 0%,
    #23007f 45%,
    #4e14b6 100%
  );
}

/* Decoración simple */
.rd-hero-v7__wrap::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  right: -170px;
  top: -190px;
  border-radius: 50%;
  background: rgba(255,255,255,.06);
  pointer-events: none;
}

.rd-hero-v7__content {
  position: relative;
  z-index: 3;
}

/* =========================================================
   EYEBROW
========================================================= */

.rd-hero-v7__eyebrow {
  display: inline-flex;
  align-items: center;

  margin: 0 0 16px;
  padding: 8px 14px;

  border: 1px solid rgba(196,255,42,.55);
  border-radius: 999px;

  background: rgba(6,7,52,.42);

  color: #c4ff2a;

  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.5px;
  line-height: 1;
}

/* =========================================================
   H1 — ELEMENTO LCP
   Sin animación, transición, opacity ni fuente externa.
========================================================= */

.rd-hero-v7__title {
  display: block;

  margin: 0;
  padding: 0;

  color: #fff;

  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(38px,4vw,60px);
  font-weight: 900;

  line-height: 1.06;
  letter-spacing: -1.6px;

  opacity: 1;
  visibility: visible;
  transform: none;
  animation: none;
  transition: none;
}

.rd-hero-v7__title span {
  color: #c4ff2a;
}

/* =========================================================
   TEXTO
========================================================= */

.rd-hero-v7__text {
  max-width: 620px;

  margin: 18px 0 28px;

  color: rgba(255,255,255,.93);

  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

/* =========================================================
   CTA
========================================================= */

.rd-hero-v7__actions {
  display: flex;
  align-items: center;
}

.rd-hero-v7__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 12px;

  min-width: 262px;
  padding: 17px 30px;

  border-radius: 999px;

  background: #c4ff2a;

  color: #09063d !important;
  text-decoration: none !important;

  font-size: 15px;
  font-weight: 900;
  letter-spacing: .35px;
  line-height: 1;

  box-shadow: 0 10px 22px rgba(0,0,0,.20);

  transition: transform .18s ease,
              background .18s ease;
}

.rd-hero-v7__btn:hover {
  background: #d7ff66;
  color: #09063d !important;
  transform: translateY(-2px);
}

.rd-hero-v7__btn span {
  font-size: 20px;
}

/* =========================================================
   TRUST
========================================================= */

.rd-hero-v7__trust {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 8px 10px;

  margin-top: 20px;

  color: rgba(255,255,255,.88);

  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.rd-hero-v7__trust strong {
  color: #c4ff2a;
  margin-right: 4px;
}

.rd-hero-v7__trust-dot {
  opacity: .5;
}

/* =========================================================
   VISUAL
========================================================= */

.rd-hero-v7__visual {
  position: relative;
  z-index: 2;

  min-height: 380px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.rd-hero-v7__stack {
  position: relative;

  width: 100%;
  max-width: 520px;
  height: 360px;
}

/* =========================================================
   STICKERS
   Simplificados respecto a V6
========================================================= */

.rd-v7-sticker {
  position: absolute;

  width: 210px;
  height: 210px;

  padding: 10px;

  border-radius: 28px;

  background: rgba(255,255,255,.12);

  box-shadow: 0 10px 24px rgba(0,0,0,.22);
}

.rd-v7-sticker__inner {
  position: relative;

  width: 100%;
  height: 100%;

  overflow: hidden;

  border: 7px solid #fff;
  border-radius: 23px;

  background: #fff;
}

.rd-v7-sticker__badge {
  position: absolute;

  top: 13px;
  left: 13px;
  z-index: 3;

  width: 38px;
  height: 38px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: #17104f;
  color: #fff;

  font-size: 17px;
}

.rd-v7-sticker__type {
  position: absolute;

  left: 14px;
  bottom: 14px;
  z-index: 3;

  padding: 8px 11px;

  border-radius: 999px;

  background: #17104f;
  color: #fff;

  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

/* =========================================================
   FORMAS
========================================================= */

.rd-v7-shape {
  position: absolute;

  left: 50%;
  top: 50%;

  transform: translate(-50%,-50%);
}

/* HOLOGRÁFICO */

.rd-v7-sticker--holo {
  top: 0;
  right: 56px;

  transform: rotate(-10deg);
}

.rd-v7-sticker--holo .rd-v7-sticker__inner {
  background: linear-gradient(
    135deg,
    #ffd9f5 0%,
    #a6ffff 35%,
    #ffffc1 60%,
    #d2baff 100%
  );
}

.rd-v7-shape--star {
  width: 100px;
  height: 100px;

  background: rgba(255,255,255,.72);

  clip-path: polygon(
    50% 0%,
    62% 34%,
    100% 50%,
    62% 66%,
    50% 100%,
    38% 66%,
    0% 50%,
    38% 34%
  );
}

/* TRANSPARENTE */

.rd-v7-sticker--transparent {
  top: 78px;
  left: 28px;

  transform: rotate(-7deg);
}

.rd-v7-sticker--transparent .rd-v7-sticker__inner {
  background: rgba(219,241,255,.42);
}

.rd-v7-shape--drop {
  width: 82px;
  height: 105px;

  border-radius: 55% 55% 60% 60%;

  background: rgba(255,255,255,.55);

  transform:
    translate(-50%,-50%)
    rotate(45deg);

  border-radius:
    60% 40% 60% 40%;
}

/* VINILO */

.rd-v7-sticker--vinyl {
  bottom: 2px;
  right: 138px;

  transform: rotate(6deg);
}

.rd-v7-sticker--vinyl .rd-v7-sticker__inner {
  background: #f5f6ff;
}

.rd-v7-shape--round {
  width: 108px;
  height: 108px;

  border-radius: 50%;

  background: linear-gradient(
    135deg,
    #7b2cff,
    #b026ff 55%,
    #ff4fcf
  );

  border: 9px solid rgba(255,255,255,.55);
}

/* METALIZADO */

.rd-v7-sticker--metal {
  bottom: 22px;
  right: 0;

  transform: rotate(10deg);
}

.rd-v7-sticker--metal .rd-v7-sticker__inner {
  background: linear-gradient(
    135deg,
    #f7f7f8,
    #bfc5ce 50%,
    #eef1f5
  );
}

.rd-v7-shape--shield {
  width: 104px;
  height: 112px;

  background: #aeb5c0;

  clip-path: polygon(
    50% 0%,
    92% 18%,
    92% 56%,
    50% 100%,
    8% 56%,
    8% 18%
  );

  border: 0;
}

/* =========================================================
   NOTA
========================================================= */

.rd-hero-v7__floating-note {
  position: absolute;

  right: 18px;
  top: 8px;
  z-index: 4;

  padding: 10px 14px;

  border-radius: 999px;

  background: #c4ff2a;
  color: #08073f;

  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width:1200px) {

  .rd-hero-v7__wrap {
    padding: 42px 36px;
    gap: 24px;
    min-height: 440px;
  }

  .rd-hero-v7__title {
    font-size: clamp(34px,4vw,56px);
  }

  .rd-hero-v7__text {
    font-size: 16px;
  }

  .rd-v7-sticker {
    width: 190px;
    height: 190px;
  }

  .rd-hero-v7__stack {
    max-width: 470px;
    height: 332px;
  }

}

/* =========================================================
   TABLET VERTICAL
========================================================= */

@media (max-width:900px) {

  .rd-hero-v7__wrap {
    width: calc(100% - 24px);

    grid-template-columns: 1fr;

    gap: 26px;

    padding: 34px 24px 28px;

    min-height: auto;

    border-radius: 24px;
  }

  .rd-hero-v7__content {
    text-align: center;
  }

  .rd-hero-v7__text {
    margin-left: auto;
    margin-right: auto;
  }

  .rd-hero-v7__actions,
  .rd-hero-v7__trust {
    justify-content: center;
  }

  .rd-hero-v7__visual {
    min-height: 340px;
  }

  .rd-hero-v7__stack {
    max-width: 510px;
    height: 330px;
  }

}

/* =========================================================
   MÓVIL
   Parte clave de V7
========================================================= */

@media (max-width:767px) {

  .rd-hero-v7 {
    padding: 10px 0 18px;
  }

  .rd-hero-v7__wrap {
    width: calc(100% - 20px);

    padding: 26px 18px 24px;

    gap: 18px;

    border-radius: 22px;

    /*
     * Fondo sólido en móvil:
     * evita trabajo gráfico innecesario durante
     * el primer render.
     */
    background: #260079;
  }

  .rd-hero-v7__wrap::before {
    display: none;
  }

  .rd-hero-v7__eyebrow {
    margin-bottom: 12px;

    padding: 7px 12px;

    font-size: 10px;
    letter-spacing: 1.1px;
  }

  .rd-hero-v7__title {
    font-size: 34px;

    line-height: 1.02;
    letter-spacing: -1.2px;

    /*
     * Importante para LCP
     */
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }

  .rd-hero-v7__text {
    margin: 14px 0 20px;

    font-size: 14px;
    line-height: 1.45;
  }

  .rd-hero-v7__btn {
    width: 100%;
    min-width: 0;

    padding: 16px 22px;

    font-size: 13px;

    box-shadow: none;
  }

  .rd-hero-v7__trust {
    margin-top: 16px;

    justify-content: center;

    gap: 7px;

    font-size: 11px;
  }

  .rd-hero-v7__trust-dot {
    display: none;
  }

  /*
   * Visual móvil simplificado.
   * Menos área, menos sombras y menos trabajo de pintura.
   */

  .rd-hero-v7__visual {
    min-height: 290px;
  }

  .rd-hero-v7__stack {
    width: 100%;
    height: 290px;
  }

  .rd-v7-sticker {
    width: 142px;
    height: 142px;

    padding: 7px;

    border-radius: 20px;

    box-shadow: 0 6px 12px rgba(0,0,0,.14);
  }

  .rd-v7-sticker__inner {
    border-width: 5px;
    border-radius: 16px;
  }

  .rd-v7-sticker__badge {
    width: 28px;
    height: 28px;

    top: 9px;
    left: 9px;

    font-size: 13px;
  }

  .rd-v7-sticker__type {
    left: 9px;
    bottom: 9px;

    padding: 6px 8px;

    font-size: 10px;
  }

  .rd-v7-sticker--holo {
    top: 2px;
    right: 16px;
  }

  .rd-v7-sticker--transparent {
    top: 58px;
    left: 0;
  }

  .rd-v7-sticker--vinyl {
    bottom: 0;
    right: 90px;
  }

  .rd-v7-sticker--metal {
    bottom: 8px;
    right: 0;
  }

  .rd-v7-shape--star {
    width: 68px;
    height: 68px;
  }

  .rd-v7-shape--drop {
    width: 58px;
    height: 76px;
  }

  .rd-v7-shape--round {
    width: 72px;
    height: 72px;

    border-width: 6px;
  }

  .rd-v7-shape--shield {
    width: 68px;
    height: 78px;
  }

  .rd-hero-v7__floating-note {
    top: -2px;
    right: 8px;

    padding: 7px 9px;

    font-size: 9px;
  }

}

/* =========================================================
   MÓVIL PEQUEÑO
========================================================= */

@media (max-width:420px) {

  .rd-hero-v7__title {
    font-size: 30px;
  }

  .rd-hero-v7__text {
    font-size: 13px;
  }

  .rd-hero-v7__trust {
    flex-direction: column;
    gap: 7px;
  }

  .rd-hero-v7__visual {
    min-height: 270px;
  }

  .rd-hero-v7__stack {
    height: 270px;
  }

  .rd-v7-sticker {
    width: 126px;
    height: 126px;
  }

  .rd-v7-sticker--holo {
    right: 10px;
  }

  .rd-v7-sticker--vinyl {
    right: 78px;
  }

}

/* =========================================================
   ACCESIBILIDAD / REDUCIR MOVIMIENTO
========================================================= */

@media (prefers-reduced-motion:reduce) {

  .rd-hero-v7 *,
  .rd-hero-v7 *::before,
  .rd-hero-v7 *::after {
    animation: none !important;
    transition: none !important;
  }

}

/* Ajustes del mensaje comercial y accesibilidad */
.rd-hero-v7__content { min-width: 0; }
.rd-hero-v7__title { text-transform: none; overflow-wrap: break-word; }
.rd-hero-v7__title span { display: block; }
.rd-hero-v7__trust { padding: 0; list-style: none; gap: 10px 18px; }
.rd-hero-v7__trust li { display: flex; align-items: baseline; gap: 6px; }
.rd-hero-v7__btn:focus-visible { outline: 3px solid #fff; outline-offset: 5px; }
@media (min-width: 901px) and (max-width: 1100px) {
  .rd-hero-v7__wrap { padding: 36px 28px; gap: 18px; }
  .rd-v7-sticker { width: 165px; height: 165px; }
  .rd-v7-sticker--transparent { left: 0; }
  .rd-v7-sticker--vinyl { right: 100px; }
}
@media (max-width: 767px) {
  .rd-hero-v7__title { font-size: clamp(29px, 7.7vw, 42px); line-height: 1.08; letter-spacing: -1px; }
  .rd-hero-v7__text { font-size: 15px; }
  .rd-hero-v7__trust { font-size: 12px; }
  .rd-hero-v7__visual { min-height: 220px; }
  .rd-hero-v7__stack { max-width: 330px; height: 220px; }
  .rd-v7-sticker { width: 126px; height: 126px; }
  .rd-v7-sticker--transparent { top: 30px; }
}

/* =====================================================
   COTIZADOR DEL HOME
   Centrado y con el mismo ancho máximo del hero
===================================================== */

body#index .csp-sticker-builder {
  box-sizing: border-box !important;
  width: calc(100% - 40px) !important;
  max-width: 1460px !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Tablet */
@media (max-width: 900px) {
  body#index .csp-sticker-builder {
    width: calc(100% - 24px) !important;
  }
}

/* Celular */
@media (max-width: 767px) {
  body#index .csp-sticker-builder {
    width: calc(100% - 20px) !important;
  }
}

/* BENEFICIOS DEL HERO */

.rd-hero-v7 .rd-hero-v7__benefits {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 10px;
  width: 100%;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.rd-hero-v7 .rd-hero-v7__benefit {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
  min-width: 0;
  margin: 0;
  padding: 13px 12px;
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 14px;
  font-family: inherit;
}

.rd-hero-v7 .rd-hero-v7__benefit-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  color: #c8ff38;
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
}

.rd-hero-v7 .rd-hero-v7__benefit strong {
  display: block;
  margin: 0;
  color: #fff;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}

.rd-hero-v7 .rd-hero-v7__benefit p {
  margin: 5px 0 0;
  padding: 0;
  color: #e1daf5;
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.45;
}

/* MÓVIL: TARJETAS COMPACTAS CON ICONO A LA IZQUIERDA */

@media (max-width: 600px) {
  .rd-hero-v7 .rd-hero-v7__benefits {
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 18px;
  }

  .rd-hero-v7 .rd-hero-v7__benefit {
    flex-direction: row;
    align-items: center;
    gap: 12px;
    padding: 11px 14px;
    border-radius: 12px;
  }

  .rd-hero-v7 .rd-hero-v7__benefit p {
    margin-top: 3px;
  }
}

/* Como comprar */
/* ASÍ DE FÁCIL — CSS completo para el bloque rd-buybar */
.rd-buybar,
.rd-buybar *,
.rd-buybar *::before,
.rd-buybar *::after {
  box-sizing: border-box;
}
.rd-buybar {
  width: 100%;
  margin: 0;
  padding: 10px 0 24px;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
}
.rd-buybar__inner {
  display: flex;
  align-items: center;
  gap: 28px;
  width: calc(100% - 40px);
  max-width: 1460px;
  margin: 0 auto;
  padding: 24px 28px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 20px;
  background: #15104b;
}
.rd-buybar .rd-buybar__title {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  color: #c4ff2a;
  font-family: inherit;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: none;
}
.rd-buybar .rd-buybar__steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
  flex: 1 1 0;
  min-width: 0;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.rd-buybar__steps li {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-align: left;
}
.rd-buybar .rd-buybar__number {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #c4ff2a;
  color: #09063d;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
}
@media (max-width: 1100px) {
  .rd-buybar__inner { flex-direction: column; align-items: stretch; gap: 20px; }
  .rd-buybar .rd-buybar__title { text-align: center; }
  .rd-buybar .rd-buybar__steps { flex: none; }
}
@media (max-width: 900px) {
  .rd-buybar__inner { width: calc(100% - 24px); padding: 22px; }
}
@media (max-width: 767px) {
  .rd-buybar { padding: 8px 0 20px; }
  .rd-buybar__inner { width: calc(100% - 20px); padding: 20px 16px; gap: 18px; border-radius: 18px; }
  .rd-buybar .rd-buybar__title { font-size: 21px; }
  .rd-buybar .rd-buybar__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 14px; }
  .rd-buybar__steps li { align-items: flex-start; gap: 8px; font-size: 13px; }
  .rd-buybar .rd-buybar__number { flex-basis: 30px; width: 30px; height: 30px; font-size: 14px; }
}
@media (max-width: 360px) {
  .rd-buybar .rd-buybar__steps { grid-template-columns: 1fr; gap: 14px; }
  .rd-buybar__steps li { align-items: center; }
}

/* Configurador */
.rd-cotizador-home {
  width: calc(100% - 40px);
  max-width: 1200px;
  margin-inline: auto;
}

@media (max-width: 767px) {
  .rd-cotizador-home {
    width: calc(100% - 24px);
  }
}

/* Envio */
.rd-delivery,
.rd-delivery *,
.rd-delivery *::before,
.rd-delivery *::after {
  box-sizing: border-box;
}

.rd-delivery {
  width: 100%;
  margin: 0;
  padding: 24px 0;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
}

.rd-delivery__wrap {
  width: calc(100% - 40px);
  max-width: 1460px;
  margin: 0 auto;
  padding: 30px 32px 22px;
  background: #15104b;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 24px;
}

.rd-delivery__header { margin: 0 0 22px; }
.rd-delivery__tag {
  display: block;
  margin-bottom: 9px;
  color: #c4ff2a;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.4px;
  line-height: 1.4;
}
.rd-delivery .rd-delivery__header h2 {
  margin: 0;
  color: #fff;
  font-family: inherit;
  font-size: clamp(25px, 2.5vw, 34px);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -.6px;
  text-transform: none;
}
.rd-delivery__header h2 span { color: #c4ff2a; }
.rd-delivery .rd-delivery__header p {
  margin: 10px 0 0;
  color: #dedbef;
  font-size: 15px;
  line-height: 1.5;
}
.rd-delivery__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.rd-delivery__card {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
  margin: 0;
  padding: 19px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 16px;
}
.rd-delivery__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: rgba(196,255,42,.09);
  color: #c4ff2a;
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
}
.rd-delivery .rd-delivery__card h3 {
  margin: 0 0 7px;
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  text-transform: none;
}
.rd-delivery .rd-delivery__card p {
  margin: 0;
  color: #dedbef;
  font-size: 14px;
  line-height: 1.55;
}
.rd-delivery .rd-delivery__note {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 17px 0 0;
  color: #c6c0e0;
  font-size: 12px;
  line-height: 1.5;
}
.rd-delivery__note svg {
  flex: 0 0 18px;
  margin-top: 1px;
  color: #c4ff2a;
}
@media (max-width: 900px) {
  .rd-delivery__wrap { width: calc(100% - 24px); padding: 25px 22px 20px; }
}
@media (max-width: 767px) {
  .rd-delivery { padding: 18px 0; }
  .rd-delivery__wrap { width: calc(100% - 20px); padding: 24px 18px 20px; border-radius: 20px; }
  .rd-delivery__grid { grid-template-columns: 1fr; gap: 10px; }
  .rd-delivery__header { margin-bottom: 18px; }
  .rd-delivery .rd-delivery__header p { font-size: 14px; }
  .rd-delivery__card { padding: 15px; gap: 12px; }
  .rd-delivery__icon { flex-basis: 36px; width: 36px; height: 36px; font-size: 22px; }
  .rd-delivery .rd-delivery__card h3 { font-size: 15px; }
  .rd-delivery .rd-delivery__card p { font-size: 13px; }
}

/* Preguntas frecuentes */
/* ==========================================
   RUTA DIGITAL — FAQ DARK
========================================== */

.rd-faq-dark {
  --rd-green: #baff00;
  --rd-white: #ffffff;
  --rd-text: #c6c0df;
  --rd-purple: #241478;
  --rd-purple-2: #2d1987;
  --rd-border: rgba(255,255,255,.11);

  width: 100%;
  padding: 75px 22px 85px;

  background: transparent;

  font-family: 'Montserrat', Arial, sans-serif;

  box-sizing: border-box;
}

.rd-faq-dark *,
.rd-faq-dark *::before,
.rd-faq-dark *::after {
  box-sizing: border-box;
}


/* CONTENEDOR */

.rd-faq-dark__inner {
  width: 100%;
  max-width: 1050px;

  margin: 0 auto;
}


/* ==========================================
   HEADER
========================================== */

.rd-faq-dark__header {
  max-width: 760px;

  margin: 0 auto 42px;

  text-align: center;
}


/* ETIQUETA */

.rd-faq-dark__tag {
  display: inline-flex;
  align-items: center;

  margin-bottom: 18px;

  padding: 6px 12px;

  border: 1px solid var(--rd-green);
  border-radius: 100px;

  color: var(--rd-green);

  font-size: 10px;
  line-height: 1;
  font-weight: 800;

  letter-spacing: 1px;
}


/* TITULO */

.rd-faq-dark__header h2 {
  margin: 0 0 17px;

  color: var(--rd-white);

  font-size: clamp(35px, 4vw, 52px);
  line-height: 1;

  font-weight: 900;

  letter-spacing: -1.8px;
}

.rd-faq-dark__header h2 span {
  color: var(--rd-green);
}


/* SUBTEXTO */

.rd-faq-dark__header p {
  margin: 0;

  color: var(--rd-text);

  font-size: 14px;
  line-height: 1.7;
}


/* ==========================================
   LISTADO
========================================== */

.rd-faq-dark__list {
  display: flex;
  flex-direction: column;

  gap: 11px;
}


/* TARJETA */

.rd-faq-dark__item {
  position: relative;

  margin: 0;

  overflow: hidden;

  border: 1px solid var(--rd-border);
  border-radius: 15px;

  background:
    linear-gradient(
      135deg,
      rgba(47,27,139,.94),
      rgba(31,17,105,.96)
    );

  transition:
    border-color .2s ease,
    transform .2s ease,
    box-shadow .2s ease;
}


/* Hover */

.rd-faq-dark__item:hover {
  border-color: rgba(186,255,0,.38);

  transform: translateY(-1px);
}


/* Abierto */

.rd-faq-dark__item[open] {
  border-color: rgba(186,255,0,.45);

  box-shadow:
    0 10px 35px rgba(0,0,0,.16),
    inset 0 0 30px rgba(186,255,0,.015);
}


/* ==========================================
   PREGUNTA
========================================== */

.rd-faq-dark__item summary {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 30px;

  min-height: 72px;

  padding: 19px 22px;

  list-style: none;

  cursor: pointer;

  user-select: none;
}

.rd-faq-dark__item summary::-webkit-details-marker {
  display: none;
}


/* Texto pregunta */

.rd-faq-dark__question {
  color: var(--rd-white);

  font-size: 15px;
  line-height: 1.45;

  font-weight: 750;
}


/* ==========================================
   BOTÓN +
========================================== */

.rd-faq-dark__plus {
  position: relative;

  flex: 0 0 34px;

  width: 34px;
  height: 34px;

  border-radius: 10px;

  background: rgba(186,255,0,.09);

  border: 1px solid rgba(186,255,0,.25);
}


/* Línea horizontal */

.rd-faq-dark__plus::before,

/* Línea vertical */
.rd-faq-dark__plus::after {

  content: "";

  position: absolute;

  top: 50%;
  left: 50%;

  width: 13px;
  height: 2px;

  border-radius: 2px;

  background: var(--rd-green);

  transform: translate(-50%, -50%);

  transition: transform .25s ease;
}


/* vertical */

.rd-faq-dark__plus::after {
  transform:
    translate(-50%, -50%)
    rotate(90deg);
}


/* convierte + en - */

.rd-faq-dark__item[open]
.rd-faq-dark__plus::after {

  transform:
    translate(-50%, -50%)
    rotate(0deg);
}


/* ==========================================
   RESPUESTA
========================================== */

.rd-faq-dark__answer {
  padding: 0 78px 23px 22px;
}

.rd-faq-dark__answer p {
  max-width: 850px;

  margin: 0 0 10px;

  color: var(--rd-text);

  font-size: 14px;
  line-height: 1.75;

  font-weight: 400;
}

.rd-faq-dark__answer p:last-child {
  margin-bottom: 0;
}

.rd-faq-dark__answer strong {
  color: var(--rd-white);

  font-weight: 700;
}


/* LINKS SEO */

.rd-faq-dark__answer a {
  position: relative;

  color: var(--rd-white);

  font-weight: 650;

  text-decoration: none;
}

.rd-faq-dark__answer a::after {
  content: "";

  position: absolute;

  left: 0;
  bottom: -2px;

  width: 100%;
  height: 1px;

  background: var(--rd-green);

  opacity: .55;
}

.rd-faq-dark__answer a:hover {
  color: var(--rd-green);
}


/* ==========================================
   FOOTER CTA
========================================== */

.rd-faq-dark__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 25px;

  margin-top: 25px;

  padding: 17px 18px 17px 22px;

  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;

  background: rgba(255,255,255,.035);
}

.rd-faq-dark__footer > span {
  color: #c5bfdf;

  font-size: 12px;
  font-weight: 600;
}


/* CTA */

.rd-faq-dark__footer a {
  display: inline-flex;
  align-items: center;

  gap: 11px;

  padding: 13px 18px;

  border-radius: 100px;

  background: var(--rd-green);

  color: #13005c !important;

  font-size: 10px;
  line-height: 1;

  font-weight: 900;

  letter-spacing: .2px;

  text-decoration: none !important;

  transition:
    transform .2s ease,
    box-shadow .2s ease;
}

.rd-faq-dark__footer a strong {
  font-size: 18px;

  line-height: 1;

  transition: transform .2s ease;
}

.rd-faq-dark__footer a:hover {
  transform: translateY(-2px);

  box-shadow:
    0 0 0 4px rgba(186,255,0,.07),
    0 8px 25px rgba(0,0,0,.16);
}

.rd-faq-dark__footer a:hover strong {
  transform: translateX(3px);
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 900px) {

  .rd-faq-dark {
    padding: 65px 22px 75px;
  }

  .rd-faq-dark__header h2 {
    font-size: 43px;
  }

}


/* ==========================================
   MÓVIL
========================================== */

@media (max-width: 650px) {

  .rd-faq-dark {
    padding: 52px 17px 60px;
  }

  .rd-faq-dark__header {
    margin-bottom: 30px;
  }

  .rd-faq-dark__tag {
    margin-bottom: 15px;

    font-size: 9px;
  }

  .rd-faq-dark__header h2 {
    font-size: 33px;
    line-height: 1.03;

    letter-spacing: -1.2px;
  }

  .rd-faq-dark__header p {
    font-size: 13px;
  }

  .rd-faq-dark__item summary {
    min-height: 68px;

    padding: 17px;

    gap: 15px;
  }

  .rd-faq-dark__question {
    font-size: 14px;
  }

  .rd-faq-dark__plus {
    flex-basis: 31px;

    width: 31px;
    height: 31px;

    border-radius: 9px;
  }

  .rd-faq-dark__answer {
    padding: 0 17px 19px;
  }

  .rd-faq-dark__answer p {
    font-size: 13px;
    line-height: 1.7;
  }

  .rd-faq-dark__footer {
    flex-direction: column;

    align-items: stretch;

    text-align: center;

    padding: 17px;
  }

  .rd-faq-dark__footer a {
    width: 100%;

    justify-content: center;

    line-height: 1.35;

    text-align: center;
  }

}