.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 Vinilo Blanco */
/* ==========================================================
   RUTA DIGITAL
   RUTA LAYOUTS · HERO VINILO BLANCO · V2 COMPACTO
   ========================================================== */

.rdl-vinilo-hero,
.rdl-vinilo-hero * {
  box-sizing: border-box;
}


/* ==========================================================
   HERO
   ========================================================== */

.rdl-vinilo-hero {
  --rd-yellow: #ffe44f;
  --rd-yellow-hover: #fff06b;
  --rd-green-1: #58ca72;
  --rd-green-2: #6dd579;
  --rd-green-3: #91e77d;
  --rd-text: #ffffff;

  position: relative;
  isolation: isolate;

  width: 100%;
  min-height: 390px;

  display: grid;
  grid-template-columns: minmax(0, 52fr) minmax(0, 48fr);
  align-items: center;

  /* Antes: 52px 54px 50px */
  padding: 36px 54px 34px;

  overflow: hidden;
  border-radius: 22px;

  background:
    radial-gradient(
      circle at 78% 18%,
      rgba(255,255,255,.20) 0,
      rgba(255,255,255,0) 31%
    ),
    linear-gradient(
      120deg,
      var(--rd-green-1) 0%,
      var(--rd-green-2) 49%,
      var(--rd-green-3) 100%
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 16px 35px rgba(0,0,0,.08);
}


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

.rdl-vinilo-hero::before {
  content: "";
  position: absolute;
  z-index: -1;

  width: 520px;
  height: 520px;

  top: -380px;
  right: 27%;

  border-radius: 50%;
  background: rgba(255,255,255,.055);

  pointer-events: none;
}

.rdl-vinilo-hero::after {
  content: "";
  position: absolute;
  z-index: -1;

  width: 720px;
  height: 340px;

  right: -150px;
  bottom: -260px;

  border-radius: 50%;
  background: rgba(255,255,255,.055);

  pointer-events: none;
}


/* ==========================================================
   COLUMNA DE TEXTO
   ========================================================== */

.rdl-vinilo-hero__content {
  position: relative;
  z-index: 3;

  width: 100%;
  max-width: 680px;
}


/* Badge */

.rdl-vinilo-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  width: fit-content;

  margin: 0 0 15px;
  padding: 7px 13px;

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

  background: rgba(255,255,255,.66);
  color: #315540;

  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .055em;

  text-transform: uppercase;
}

.rdl-vinilo-hero__star {
  color: #e2b923;
  font-size: 13px;
  line-height: 1;
}


/* ==========================================================
   H1
   ========================================================== */

.rdl-vinilo-hero__title {
  margin: 0 0 12px;

  max-width: 670px;

  color: var(--rd-text);

  /*
   * Un poco más compacto que antes.
   * Sigue teniendo máxima jerarquía.
   */
  font-size: clamp(38px, 3.7vw, 52px);
  line-height: 1.02;

  font-weight: 800;
  letter-spacing: -.038em;
}


/* ==========================================================
   DESCRIPCIÓN
   ========================================================== */

.rdl-vinilo-hero__description {
  max-width: 630px;

  margin: 0 0 19px;

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

  /*
   * Antes 16px.
   * Lo subimos para mejorar lectura.
   */
  font-size: 17px;
  line-height: 1.48;
  font-weight: 500;
}


/* ==========================================================
   BENEFICIOS
   ========================================================== */

.rdl-vinilo-hero__benefits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 11px 24px;

  max-width: 610px;

  margin: 0 0 20px;
  padding: 0;

  list-style: none;
}

.rdl-vinilo-hero__benefits li {
  display: flex;
  align-items: center;
  gap: 9px;

  min-width: 0;

  color: #ffffff;

  /*
   * Un punto más grande para que
   * los beneficios tengan más presencia.
   */
  font-size: 14px;
  line-height: 1.3;
  font-weight: 700;
}

.rdl-vinilo-hero__check {
  flex: 0 0 22px;

  width: 22px;
  height: 22px;

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

  border-radius: 50%;

  background: var(--rd-yellow);
  color: #29472f;

  font-size: 11px;
  line-height: 1;
  font-weight: 900;

  box-shadow: 0 3px 8px rgba(0,0,0,.10);
}


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

.rdl-vinilo-hero__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 20px;

  min-width: 310px;
  min-height: 54px;

  padding: 15px 27px;

  border: 0;
  border-radius: 13px;

  background: var(--rd-yellow);

  color: #111514 !important;

  font-size: 14px;
  line-height: 1;
  font-weight: 800;
  text-decoration: none !important;
  text-transform: uppercase;

  box-shadow: 0 8px 22px rgba(48,70,30,.13);

  transition:
    transform .18s ease,
    background-color .18s ease,
    box-shadow .18s ease;
}

.rdl-vinilo-hero__cta:hover,
.rdl-vinilo-hero__cta:focus {
  background: var(--rd-yellow-hover);

  color: #111514 !important;
  text-decoration: none !important;

  transform: translateY(-2px);

  box-shadow: 0 12px 28px rgba(48,70,30,.18);
}

.rdl-vinilo-hero__arrow {
  font-size: 21px;
  line-height: .8;

  transition: transform .18s ease;
}

.rdl-vinilo-hero__cta:hover .rdl-vinilo-hero__arrow {
  transform: translateX(4px);
}


/* ==========================================================
   MICROCOPY DE CONFIANZA
   ========================================================== */

.rdl-vinilo-hero__trust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;

  gap: 3px 8px;

  max-width: 630px;

  /*
   * Reducimos margen para compactar,
   * pero aumentamos el texto de 11 a 12.
   */
  margin-top: 11px;

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

  font-size: 12px;
  line-height: 1.4;
  font-weight: 500;
}

.rdl-vinilo-hero__trust strong {
  color: #ffffff;
  font-weight: 750;
}


/* ==========================================================
   COLLAGE / IMAGEN
   ========================================================== */

.rdl-vinilo-hero__visual {
  position: relative;
  z-index: 2;

  align-self: stretch;

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

  min-width: 0;
  min-height: 285px;

  /*
   * Da un poco más de aire
   * entre composición y borde derecho.
   */
  padding-right: 16px;
}

.rdl-vinilo-hero__image {
  display: block;

  /*
   * Antes llegaba aproximadamente a 710px.
   * Reducimos cerca de 6-8%.
   */
  width: min(106%, 660px);
  height: auto;
  max-width: none;

  object-fit: contain;

  /*
   * Ya no empujamos la imagen hacia la derecha.
   */
  transform: translate(0, 3px);

  filter:
    drop-shadow(0 14px 17px rgba(20,55,33,.13));
}


/* ==========================================================
   DESKTOP MEDIO
   ========================================================== */

@media (max-width: 1199px) {

  .rdl-vinilo-hero {
    grid-template-columns: minmax(0, 56fr) minmax(0, 44fr);

    min-height: 370px;

    padding: 33px 40px 32px;
  }

  .rdl-vinilo-hero__title {
    font-size: 43px;
  }

  .rdl-vinilo-hero__description {
    font-size: 16px;
  }

  .rdl-vinilo-hero__benefits li {
    font-size: 13px;
  }

  .rdl-vinilo-hero__trust {
    font-size: 11px;
  }

  .rdl-vinilo-hero__image {
    width: 110%;
    max-width: 610px;
  }
}


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

@media (max-width: 991px) {

  .rdl-vinilo-hero {
    grid-template-columns: minmax(0, 57fr) minmax(0, 43fr);

    min-height: 350px;

    padding: 30px 30px 29px;
  }

  .rdl-vinilo-hero__badge {
    margin-bottom: 13px;

    font-size: 9px;
  }

  .rdl-vinilo-hero__title {
    margin-bottom: 11px;

    font-size: 36px;
  }

  .rdl-vinilo-hero__description {
    margin-bottom: 16px;

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

  .rdl-vinilo-hero__benefits {
    gap: 9px 14px;

    margin-bottom: 18px;
  }

  .rdl-vinilo-hero__benefits li {
    font-size: 12px;
  }

  .rdl-vinilo-hero__cta {
    min-width: 270px;
    min-height: 51px;

    padding: 14px 22px;

    font-size: 13px;
  }

  .rdl-vinilo-hero__trust {
    margin-top: 9px;

    font-size: 10.5px;
  }

  .rdl-vinilo-hero__visual {
    min-height: 260px;
    padding-right: 5px;
  }

  .rdl-vinilo-hero__image {
    width: 113%;
    max-width: 530px;
  }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

  .rdl-vinilo-hero {
    display: flex;
    flex-direction: column;

    min-height: 0;

    padding: 25px 20px 18px;

    border-radius: 18px;
  }

  .rdl-vinilo-hero__content {
    max-width: none;
  }

  .rdl-vinilo-hero__badge {
    margin-bottom: 14px;

    padding: 7px 10px;

    font-size: 9px;
    letter-spacing: .035em;
  }

  .rdl-vinilo-hero__title {
    max-width: 460px;

    margin-bottom: 11px;

    font-size: clamp(31px, 9vw, 37px);
    line-height: 1.04;
    letter-spacing: -.035em;
  }

  /*
   * En móvil mantenemos 14px:
   * más grande empezaría a ocupar demasiado.
   */
  .rdl-vinilo-hero__description {
    margin-bottom: 17px;

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

  .rdl-vinilo-hero__benefits {
    grid-template-columns: 1fr;

    gap: 8px;

    margin-bottom: 19px;
  }

  .rdl-vinilo-hero__benefits li {
    font-size: 13px;
  }

  .rdl-vinilo-hero__cta {
    width: 100%;

    min-width: 0;
    min-height: 52px;

    padding: 14px 18px;
  }

  /*
   * En móvil sí queremos que este texto
   * continúe siendo perfectamente legible.
   */
  .rdl-vinilo-hero__trust {
    justify-content: center;

    margin-top: 11px;

    text-align: center;

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

  .rdl-vinilo-hero__visual {
    width: 100%;

    min-height: 0;

    margin-top: 14px;
    padding-right: 0;
  }

  .rdl-vinilo-hero__image {
    width: min(105%, 490px);

    transform: none;
  }
}


/* ==========================================================
   MOBILE PEQUEÑO
   ========================================================== */

@media (max-width: 420px) {

  .rdl-vinilo-hero {
    padding: 22px 17px 16px;
  }

  .rdl-vinilo-hero__title {
    font-size: 30px;
  }

  .rdl-vinilo-hero__description {
    font-size: 13.5px;
  }

  .rdl-vinilo-hero__trust {
    gap: 2px 5px;

    font-size: 10.5px;
  }
}


/* ==========================================================
   ACCESIBILIDAD
   ========================================================== */

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

  .rdl-vinilo-hero__cta,
  .rdl-vinilo-hero__arrow {
    transition: none;
  }

}

/* Intro configurador */
/* ==========================================================
   RUTA DIGITAL
   RUTA LAYOUTS · INTRO CONFIGURADOR
   ========================================================== */

.rdl-config-intro,
.rdl-config-intro * {
  box-sizing: border-box;
}


/* ==========================================================
   CONTENEDOR
   ========================================================== */

.rdl-config-intro {
  width: 100%;

  /*
   * Hace que el botón del hero llegue aquí
   * sin que el header fijo tape el título.
   */
  scroll-margin-top: 105px;

  padding: 14px 2px 13px;

  text-align: left;
}


/* ==========================================================
   LABEL SUPERIOR
   ========================================================== */

.rdl-config-intro__eyebrow {
  margin: 0 0 5px;

  color: #ffe44f;

  font-size: 11px;
  line-height: 1.2;
  font-weight: 800;

  letter-spacing: .055em;
  text-transform: uppercase;
}


/* ==========================================================
   H2
   ========================================================== */

.rdl-config-intro__title {
  margin: 0 0 5px;

  color: #ffffff;

  font-size: 24px;
  line-height: 1.15;
  font-weight: 800;

  letter-spacing: -.02em;
}


/* ==========================================================
   TEXTO DE APOYO
   ========================================================== */

.rdl-config-intro__text {
  margin: 0;

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

  font-size: 13px;
  line-height: 1.45;
  font-weight: 500;
}


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

@media (max-width: 991px) {

  .rdl-config-intro {
    padding: 13px 2px 12px;
  }

  .rdl-config-intro__title {
    font-size: 22px;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

  .rdl-config-intro {
    scroll-margin-top: 85px;

    padding: 13px 1px 11px;
  }

  .rdl-config-intro__eyebrow {
    margin-bottom: 4px;

    font-size: 10px;
  }

  .rdl-config-intro__title {
    margin-bottom: 5px;

    font-size: 21px;
    line-height: 1.18;
  }

  .rdl-config-intro__text {
    max-width: 520px;

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

}

/* Stickers · Vida real */
/* ==========================================================
   RUTA DIGITAL
   RUTA LAYOUTS · STICKERS EN LA VIDA REAL
   ========================================================== */

.rdl-life,
.rdl-life * {
  box-sizing: border-box;
}


/* ==========================================================
   SECCIÓN
   ========================================================== */

.rdl-life {
  --rd-yellow: #ffe44f;
  --rd-green: #b8ff1f;

  width: 100%;

  padding: 64px 0 68px;
}


/* ==========================================================
   ENCABEZADO
   ========================================================== */

.rdl-life__header {
  max-width: 760px;

  margin: 0 0 28px;
}


.rdl-life__eyebrow {
  margin: 0 0 7px;

  color: var(--rd-green);

  font-size: 11px;
  line-height: 1.2;
  font-weight: 800;

  letter-spacing: .07em;
  text-transform: uppercase;
}


.rdl-life__title {
  margin: 0 0 10px;

  color: #ffffff;

  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.08;
  font-weight: 800;

  letter-spacing: -.035em;
}


.rdl-life__intro {
  max-width: 690px;

  margin: 0;

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

  font-size: 15px;
  line-height: 1.55;
  font-weight: 500;
}


/* ==========================================================
   GRID
   ========================================================== */

.rdl-life__grid {
  display: grid;

  /*
   * Principal grande + dos secundarias.
   */
  grid-template-columns: 1.55fr 1fr 1fr;

  gap: 14px;
}


/* ==========================================================
   TARJETAS
   ========================================================== */

.rdl-life__card {
  position: relative;
  isolation: isolate;

  min-width: 0;
  height: 430px;

  overflow: hidden;

  border-radius: 20px;

  background: #17184d;

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    0 16px 35px rgba(0,0,0,.12);
}


.rdl-life__card--main {
  height: 430px;
}


.rdl-life__card img {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;

  transform: scale(1.001);

  transition:
    transform .45s ease,
    filter .45s ease;
}


/* degradado para que siempre se lea el texto */

.rdl-life__overlay {
  position: absolute;
  inset: 0;
  z-index: 2;

  display: flex;
  align-items: flex-end;

  padding: 24px;

  background:
    linear-gradient(
      to top,
      rgba(8,8,45,.88) 0%,
      rgba(8,8,45,.54) 28%,
      rgba(8,8,45,.05) 68%,
      rgba(8,8,45,0) 100%
    );
}


.rdl-life__card-content {
  width: 100%;

  display: flex;
  align-items: flex-end;
  gap: 13px;
}


.rdl-life__number {
  flex: 0 0 31px;

  width: 31px;
  height: 31px;

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

  border-radius: 50%;

  background: var(--rd-yellow);
  color: #131428;

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


.rdl-life__card h3 {
  margin: 0 0 5px;

  color: #ffffff;

  font-size: 19px;
  line-height: 1.15;
  font-weight: 800;

  letter-spacing: -.015em;
}


.rdl-life__card p {
  max-width: 420px;

  margin: 0;

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

  font-size: 12px;
  line-height: 1.45;
  font-weight: 500;
}


/* ==========================================================
   HOVER
   ========================================================== */

@media (hover: hover) {

  .rdl-life__card:hover img {
    transform: scale(1.045);
  }

}


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

@media (max-width: 991px) {

  .rdl-life {
    padding: 52px 0 56px;
  }


  .rdl-life__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }


  .rdl-life__card {
    height: 360px;
  }


  .rdl-life__card--main {
    grid-column: 1 / -1;

    height: 410px;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

  .rdl-life {
    padding: 42px 0 46px;
  }


  .rdl-life__header {
    margin-bottom: 21px;
  }


  .rdl-life__eyebrow {
    margin-bottom: 6px;

    font-size: 10px;
  }


  .rdl-life__title {
    margin-bottom: 8px;

    font-size: 30px;
  }


  .rdl-life__intro {
    font-size: 14px;
    line-height: 1.5;
  }


  .rdl-life__grid {
    grid-template-columns: 1fr;

    gap: 12px;
  }


  .rdl-life__card,
  .rdl-life__card--main {
    grid-column: auto;

    height: 350px;

    border-radius: 17px;
  }


  .rdl-life__overlay {
    padding: 20px;
  }


  .rdl-life__card h3 {
    font-size: 18px;
  }


  .rdl-life__card p {
    font-size: 12px;
  }

}


/* ==========================================================
   MOBILE PEQUEÑO
   ========================================================== */

@media (max-width: 420px) {

  .rdl-life__card,
  .rdl-life__card--main {
    height: 320px;
  }


  .rdl-life__overlay {
    padding: 17px;
  }


  .rdl-life__card-content {
    gap: 10px;
  }


  .rdl-life__number {
    flex-basis: 28px;

    width: 28px;
    height: 28px;
  }

}


/* ==========================================================
   ACCESIBILIDAD
   ========================================================== */

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

  .rdl-life__card img {
    transition: none;
  }

}

/* Beneficios · Vinilo blanco */
/* ==========================================================
   RUTA DIGITAL
   BENEFICIOS · VINILO BLANCO
   VERSIÓN COMPATIBLE RUTA LAYOUTS
   ========================================================== */

.rdl-white-benefits,
.rdl-white-benefits * {
  box-sizing: border-box;
}


/* ==========================================================
   ESTRUCTURA
   ========================================================== */

.rdl-white-benefits {
  width: 100%;

  display: grid;

  grid-template-columns:
    minmax(280px, 0.78fr)
    minmax(0, 1.55fr);

  gap: 48px;

  align-items: center;

  padding: 54px 0 64px;
}


/* ==========================================================
   INTRO
   ========================================================== */

.rdl-white-benefits__intro {
  max-width: 470px;
}


.rdl-white-benefits__eyebrow {
  margin: 0 0 8px;

  color: #b8ff1f;

  font-size: 11px;
  line-height: 1.2;
  font-weight: 800;

  letter-spacing: 0.075em;

  text-transform: uppercase;
}


.rdl-white-benefits__title {
  margin: 0 0 15px;

  color: #ffffff;

  font-size: 40px;
  line-height: 1.08;
  font-weight: 800;

  letter-spacing: -0.035em;
}


.rdl-white-benefits__lead {
  margin: 0 0 13px;

  color: rgba(255,255,255,0.78);

  font-size: 15px;
  line-height: 1.58;
  font-weight: 500;
}


.rdl-white-benefits__note {
  margin: 0;

  color: rgba(255,255,255,0.60);

  font-size: 13px;
  line-height: 1.55;
  font-weight: 500;
}


/* ==========================================================
   GRID DE BENEFICIOS
   ========================================================== */

.rdl-white-benefits__grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 13px;
}


/* ==========================================================
   TARJETAS
   ========================================================== */

.rdl-white-benefits__card {
  position: relative;

  min-height: 205px;

  padding: 22px;

  overflow: hidden;

  border:
    1px solid
    rgba(255,255,255,0.10);

  border-radius: 18px;

  background: #20245f;
}


/* ==========================================================
   ICONOS
   ========================================================== */

.rdl-white-benefits__icon {
  width: 47px;
  height: 47px;

  display: flex;

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

  margin-bottom: 20px;

  border-radius: 14px;
}


.rdl-white-benefits__icon svg {
  width: 25px;
  height: 25px;

  display: block;
}


.rdl-white-benefits__icon--yellow {
  background: rgba(255,228,79,0.15);
  color: #ffe44f;
}


.rdl-white-benefits__icon--blue {
  background: rgba(78,207,255,0.14);
  color: #61d5ff;
}


.rdl-white-benefits__icon--green {
  background: rgba(105,240,177,0.14);
  color: #69f0b1;
}


.rdl-white-benefits__icon--pink {
  background: rgba(255,103,156,0.14);
  color: #ff679c;
}


/* ==========================================================
   NUMERACIÓN
   ========================================================== */

.rdl-white-benefits__number {
  position: absolute;

  top: 24px;
  right: 22px;

  color: rgba(255,255,255,0.28);

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

  letter-spacing: 0.06em;
}


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

.rdl-white-benefits__card h3 {
  margin: 0 0 8px;

  color: #ffffff;

  font-size: 18px;
  line-height: 1.18;
  font-weight: 800;
}


.rdl-white-benefits__card p {
  margin: 0;

  color: rgba(255,255,255,0.72);

  font-size: 12.5px;
  line-height: 1.52;
  font-weight: 500;
}


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

@media (max-width: 991px) {

  .rdl-white-benefits {
    grid-template-columns: 1fr;

    gap: 28px;

    padding: 48px 0 54px;
  }


  .rdl-white-benefits__intro {
    max-width: 700px;
  }


  .rdl-white-benefits__lead,
  .rdl-white-benefits__note {
    max-width: 650px;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

  .rdl-white-benefits {
    gap: 23px;

    padding: 40px 0 45px;
  }


  .rdl-white-benefits__eyebrow {
    font-size: 10px;
  }


  .rdl-white-benefits__title {
    margin-bottom: 12px;

    font-size: 30px;
  }


  .rdl-white-benefits__lead {
    font-size: 14px;

    line-height: 1.52;
  }


  .rdl-white-benefits__note {
    font-size: 12.5px;
  }


  .rdl-white-benefits__grid {
    grid-template-columns: 1fr;

    gap: 11px;
  }


  .rdl-white-benefits__card {
    min-height: 0;

    padding: 20px;
  }


  .rdl-white-benefits__icon {
    margin-bottom: 17px;
  }


  .rdl-white-benefits__card h3 {
    font-size: 17px;
  }

}