/* Estilos específicos para dispositivos celulares */
@media (max-width: 767px) {
  .agradecimiento {
    text-align: center;
    padding: 12% 10%;
  }

  .agradecimiento__heading {
    font-size: 4.06vw;
  }

  .heading-span,
  .heading-span3 {
    color: #101011;
    font-size: 8vw;
    line-height: 125%;
    font-weight: 700;
  }

  .heading-span2 {
    color: #f6a500;
    font-size: 8vw;
    line-height: 125%;
    font-weight: 700;
  }

  .hide-xs {
    display: none;
  }

  .visible-xs {
    display: block;
    margin: 0 auto;
  }

  .agradecimiento__icon-system-assignment {
    display: block;
    margin: 0 auto;
    width: 16vw;
    height: 16vw;
  }

  /* .light{
        font-weight: 400;
    } */
  .agradecimiento__text2 {
    padding: 2vw 0;
  }

  .agradecimiento__heading2 {
    font-size: 4.5vw;
    margin-bottom: 10vw;
  }

  .agradecimiento__group-1000005549 {
    margin: 10% 0;
    width: 31.025vw;
    height: 35.75vw;
  }

  .agradecimiento__tittle {
    font-weight: bold;
    margin: 5vw 0;
    font-size: 4.5vw;
    line-height: 140%;
    font-weight: 600;
  }

  .agradecimiento__description {
    font-weight: normal;
    margin-bottom: 10vw;
    font-size: 3.75vw;
    line-height: 140%;
    font-weight: 400;
    color: #444644;
  }

  .agradecimiento__description__list {
    font-weight: normal;
    margin-bottom: 10vw;
    font-size: 3.3vw;
    line-height: 140%;
    font-weight: 400;
    color: #444644;
  }

  .agradecimiento__description__list ul {
    list-style: none;
    padding-left: 0;
  }

  .agradecimiento__description__list li {
    position: relative;
    margin-bottom: 1rem;
    line-height: 1.5;
  }

  .agradecimiento__description__list li::before {
    content: "•";
    position: relative;
    left: 0;
  }

  .agradecimiento__description__list span {
    font-weight: bold;
  }

  .agradecimiento__agradecemos-que-te-hayas-tomado-el-tiempo {
    width: 80%;
    margin-bottom: 10vw;
    color: #3a3a3a;
    font-size: 3.1vw;
    line-height: 140%;
    font-weight: 700;
    position: relative;
    align-self: stretch;
    left: 7vw;
  }
}

/* Estilos específicos para dispositivos tablets */
@media (min-width: 768px) and (max-width: 1023px) {
  .agradecimiento {
    text-align: center;
    padding: 20% 10%;
  }

  .agradecimiento__heading {
    font-size: 4.06vw;
  }

  .heading-span,
  .heading-span3 {
    color: #101011;
    font-size: 8vw;
    line-height: 125%;
    font-weight: 700;
  }

  .heading-span2 {
    color: #f6a500;
    font-size: 8vw;
    line-height: 125%;
    font-weight: 700;
  }

  .hide-xs {
    display: none;
  }

  .visible-xs {
    display: block;
    margin: 0 auto;
  }

  .agradecimiento__icon-system-assignment {
    display: block;
    margin: 0 auto;
    width: 16vw;
    height: 16vw;
  }

  /* .light{
        font-weight: 400;
    } */
  .agradecimiento__text2 {
    padding: 5vw 0;
  }

  .agradecimiento__heading2 {
    font-size: 4.5vw;
    margin-bottom: 10vw;
  }

  .agradecimiento__group-1000005549 {
    margin: 10% 0;
    width: 31.025vw;
    height: 35.75vw;
  }

  .agradecimiento__tittle {
    font-weight: bold;
    margin: 5vw 0;
    font-size: 4.5vw;
    line-height: 140%;
    font-weight: 600;
  }

  .agradecimiento__description {
    font-weight: normal;
    margin-bottom: 8vw;
    font-size: 3.75vw;
    line-height: 140%;
    font-weight: 400;
    color: #444644;
  }

  .agradecimiento__description__list {
    color: #444644;
    font-weight: normal;
    margin-bottom: 10vw;
    font-size: 3.3vw;
    line-height: 140%;
    font-weight: 400;
  }

  .agradecimiento__description__list ul {
    list-style: none;
    padding-left: 0;
  }

  .agradecimiento__description__list li {
    position: relative;
    margin-bottom: 5vw;
    line-height: 1.5;
  }

  .agradecimiento__description__list li::before {
    content: "•";
    position: relative;
    left: 0;
  }

  .agradecimiento__description__list span {
    font-weight: bold;
  }

  .agradecimiento__agradecemos-que-te-hayas-tomado-el-tiempo {
    width: 90%;
    margin-bottom: 10vw;
    color: #3a3a3a;
    font-size: 3.5vw;
    line-height: 140%;
    font-weight: 700;
    position: relative;
    align-self: stretch;
    left: 4vw;
  }
}

/* Estilos específicos para dispositivos de escritorio */
@media (min-width: 1024px) {
  .visible-xs {
    display: none !important;
  }

  .agradecimiento,
  .agradecimiento * {
    box-sizing: border-box;
  }

  .agradecimiento {
    background: linear-gradient(
      180deg,
      rgba(254, 246, 229, 1) 0%,
      rgba(254, 246, 229, 0) 100%
    );
    flex-shrink: 0;
    height: 60.19vw;
    position: relative;
    overflow: hidden;
  }

  .agradecimiento__content {
    display: flex;
    flex-direction: column;
    gap: 1.25vw;
    align-items: flex-start;
    justify-content: flex-start;
    width: 52.25vw;
    position: absolute;
    left: calc(50% - 26.13vw);
    top: 5.44vw;
  }

  .agradecimiento__text {
    display: flex;
    flex-direction: column;
    gap: 1.25vw;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
  }

  .agradecimiento__heading {
    text-align: left;
    font-size: 4.06vw;
    line-height: 110%;
    font-weight: 600;
    position: relative;
    width: 58.88vw;
  }

  .heading-span,
  .heading-span3 {
    color: #101011;
    font-size: 4.06vw;
    line-height: 110%;
    font-weight: 600;
  }

  .heading-span2 {
    color: #f6a500;
    font-size: 4.06vw;
    line-height: 110%;
    font-weight: 600;
  }

  .heading-span,
  .heading-span2,
  .heading-span3 {
    display: inline-block;
    margin: 0;
    padding: 0;
  }

  .agradecimiento__text2 {
    display: flex;
    flex-direction: column;
    gap: 1.25vw;
    align-items: flex-start;
    justify-content: flex-start;
    height: 8.44vw;
    position: absolute;
    left: 24vw;
    top: 14.94vw;
  }

  .agradecimiento__agradecemos-que-te-hayas-tomado-el-tiempo {
    color: #575957;
    text-align: left;
    font-size: 0.938vw;
    line-height: 189%;
    font-weight: 400;
    position: relative;
    align-self: stretch;
  }

  .agradecimiento__headline {
    display: flex;
    flex-direction: row;
    gap: 1vw;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: center;
    flex-shrink: 0;
    width: 38.94vw;
    height: 8.44vw;
    position: relative;
  }

  .agradecimiento__text3 {
    display: flex;
    flex-direction: column;
    gap: 1vw;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
    width: 38.94vw;
    height: 11.13vw;
    position: relative;
  }

  .agradecimiento__heading2 {
    color: #201f23;
    text-align: center;
    font-size: 1.38vw;
    line-height: 140%;
    font-weight: 600;
    position: relative;
  }

  .agradecimiento__headline2 {
    display: flex;
    flex-direction: row;
    gap: 1vw;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: center;
    width: 38.94vw;
    height: 8.44vw;
    position: absolute;
    left: 69.13vw;
    top: 41.44vw;
  }

  .agradecimiento_before_you_go {
    display: flex;
    flex-direction: column;
    top: 24vw;
    left: 24vw;
    width: 41vw;
    position: absolute;
    font-size: 1.38vw;

    line-height: 140%;
    font-weight: 600;
  }

  .agradecimiento_before_you_go .agradecimiento_before_you_go_ul {
    font-size: 0.87vw;
    font-weight: 400;
    color: #444644;
  }

  .agradecimiento_before_you_go .agradecimiento_before_you_go_ul ul {
    padding-inline-start: 1.1vw;
  }

  .agradecimiento__heading_whatsnext {
    color: #201f23;
    text-align: center;
    font-size: 1.38vw;
    line-height: 140%;
    position: absolute;
    top: 40vw;
    left: 24vw;
  }

  .agradecimiento__group-1000005549 {
    height: auto;
    position: absolute;
    left: 67.5vw;
    top: 14.28vw;
    overflow: visible;
    width: 12vw;
  }

  .agradecimiento__container {
    display: flex;
    flex-direction: row;
    gap: 3.38vw;
    align-items: flex-start;
    justify-content: center;
    width: 61.06vw;
    position: absolute;
    left: calc(50% - 30.56vw);
    top: 42.69vw;
  }

  .agradecimiento__content2 {
    display: flex;
    flex-direction: column;
    gap: 0.79vw;
    align-items: center;
    justify-content: center;
    flex: 1;
    position: relative;
    overflow: hidden;
  }

  .agradecimiento__icons {
    background: #fffefd;
    border-radius: 6.25vw;
    flex-shrink: 0;
    width: 4vw;
    height: 4vw;
    position: relative;
  }

  .agradecimiento__icon-system-assignment {
    width: 3.13vw;
    height: 3.13vw;
    position: absolute;
    left: 0;
    top: calc(50% - 1.09vw);
    overflow: visible;
  }

  .agradecimiento__tittle {
    color: #101011;
    text-align: center;
    font-size: 1.13vw;
    line-height: 140%;
    font-weight: 600;
    position: relative;
    align-self: stretch;
  }

  .agradecimiento__description {
    color: #444644;
    text-align: center;
    font-size: 0.94vw;
    line-height: 140%;
    font-weight: 400;
    position: relative;
    align-self: stretch;
  }

  .agradecimiento__icon-action-power {
    width: 3.44vw;
    height: 3.44vw;
    position: absolute;
    top: 0.3vw;
    overflow: hidden;
  }

  .agradecimiento__group-1000005472 {
    width: 3.44vw;
    height: 3.44vw;
    position: absolute;
    right: 14.29%;
    bottom: 12.82%;
    top: 10%;
    overflow: visible;
  }

  .agradecimiento__icon-system-verified {
    width: 3.13vw;
    height: 3.13vw;
    position: absolute;
    left: 0;
    top: calc(50% - 1.09vw);
    overflow: visible;
  }
}