@import url(hard-normalize.css);
@import url(fonts.css);
@import url(media-querys.css);

:root {
  /* FUENTES DE TEXTO */
  --bl-bold: "Blatant-Bold";
  --bl-regular: "Blatant-Regular";
  --co-black: "Corporative-Black";
  --co-bold: "Corporative-Bold";
  --co-book: "Corporative-Book";
  --co-light-italic: "Corporative-Light-Italic";
  --co-medium: "Corporative-Medium";
  --co-regular: "Corporative-Regular";
  --gs-bold: "GoogleSans-Bold";
  --nu-regular: "Nunito-Regular";
  --nu-bold: "Nunito-Bold";
  --nu-semibold: "Nunito-SemiBold";

  /* PALETA DE COLORES */
  --purple-warm: #7d1f67;
  --purple-cold: #65348a;
  --purple-clear: #f0ebf4;
  --pink-clear: #fff3fc;
  --yellow: #e4ac5b;
  --yellow-clear: #fdf7ef;
  --black: #000000;
  --white: #ffffff;
  --gray: #575656;
  --gray-clear: #57565608;
  --cream: #f3f3f3;

  /* GRADIENTES */
  --gr-purple: linear-gradient(
    180deg,
    rgba(101, 52, 138, 1) 0%,
    rgba(125, 31, 103, 1) 100%
  );
  --gr-header: linear-gradient(
    180deg,
    rgba(94, 51, 126, 0.6) 0%,
    rgba(101, 53, 139, 0) 100%
  );
  --gr-yellow: linear-gradient(
    180deg,
    rgba(255, 159, 21, 1) 0%,
    rgba(255, 196, 112, 1) 100%
  );
  --gr-black: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.77) 0%,
    rgba(0, 0, 0, 0) 76%
  );
  --gr-white: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  --gr-card-y: linear-gradient(180deg, #e4ac5b 0%, #da8506 100%);
  --gr-card-p: linear-gradient(180deg, #65348a 0%, #7d1f67 100%);

  /* CONFIGURACIÓN DE TRANSICIÓN */
  --anim-low: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* PREDETERMINADOS */

.splide__arrow {
  border: 1px solid var(--purple-cold);
  background-color: #ffffffdc;

  svg {
    fill: var(--purple-cold);
  }
}

.splide__pagination {
  gap: 1rem;
  bottom: 5.5rem;

  .splide__pagination__page {
    background-color: transparent;
    border: 1px solid var(--white);
    width: 1rem;
    height: 1rem;
    opacity: 1 !important;

    &.is-active {
      background-color: var(--white);
      transform: unset !important;
    }
  }
}


.splide__arrow{
  display: flex !important;
}
.top-banner {
  display: flex;
  background-color: var(--white);
  height: 100%;
  overflow: clip;
  padding-top: 1rem;

  .content {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: relative;

    &::after {
      content: "";
      width: 150%;
      background-color: var(--purple-warm);
      position: absolute;
      height: -webkit-fill-available;
      border-radius: 100%;
      top: -30rem;
    }

    .container {
      display: flex;
      flex-direction: column;
      text-align: center;
      align-items: center;
      justify-content: center;
      z-index: 1;
      padding-block: 0.8rem 3rem;

      > h1,
      span {
        font-size: 2.5rem;
        color: var(--white);
        font-family: var(--co-bold);
      }

      > p {
        font-size: 1.25rem;
        color: var(--white);
        font-family: var(--co-regular);
      }
    }
  }
}

.purple-btn {
  font-size: 1.469rem;
  color: var(--white);
  font-family: var(--nu-regular);
  border-radius: 0.625rem;
  padding: 0.5rem 0.938rem;
  background-color: var(--purple-cold);
  transition: var(--anim-low);

  &:hover {
    background-color: var(--purple-clear);
    font-family: var(--nu-bold);
    color: var(--purple-cold);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  }
}

.purple-gr-btn {
  font-size: 1.125rem;
  font-family: var(--nu-regular);
  color: var(--white);
  background: var(--gr-card-p);
  padding: 0.6rem 1rem;
  border-radius: 0.5rem;
  width: 100%;
  cursor: pointer;
  margin-block: 2rem;
}

.yellow-btn {
  border-radius: 0.625rem;
  font-size: 0.938rem;
  color: var(--white);
  font-family: var(--co-bold);
  cursor: pointer;
  background: var(--yellow);
  padding: 0.5rem 1rem;
  text-align: center;
  margin-block: 0.8rem;
}

.product-card {
  background-color: var(--white);
  width: 90%;
  border-radius: 1.469rem;
  padding: 0.8rem;
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  min-height: 26rem;

  .product-preview {
    display: flex;
    width: 100%;

    svg {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
  }

  .product-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-block: 0.8rem;
    gap: 0.5rem;
    flex: 1;

    .category-rating {
      width: 100%;
      display: flex;
      justify-content: space-between;
      gap: 10px;

      .category-info {
        font-size: 0.737rem;
        font-family: var(--co-regular);
        color: var(--white);
        background-color: var(--purple-cold);
        padding: 0.4rem 1rem;
        border-radius: 0.363rem;
      }

      .rating {
        display: flex;
        font-size: 0.8rem;
        font-family: var(--co-regular);
        color: var(--white);
        background-color: var(--yellow);
        padding: 0.3rem 0.6rem;
        border-radius: 0.363rem;
        gap: 0.3rem;
        justify-content: center;
        align-items: center;

        &::before {
          content: "";
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'%3E%3Cpath d='M5.82379 0.642122C6.1767 0.0745047 7.00282 0.0745046 7.35574 0.642122L8.96472 3.22994C9.08889 3.42965 9.28615 3.57297 9.51446 3.62935L12.4728 4.3599C13.1217 4.52014 13.377 5.30583 12.9462 5.81688L10.9823 8.14679C10.8307 8.3266 10.7554 8.55849 10.7723 8.79305L10.9917 11.8324C11.0398 12.499 10.3715 12.9846 9.7523 12.7328L6.92952 11.585C6.71168 11.4964 6.46785 11.4964 6.25001 11.585L3.42723 12.7328C2.80808 12.9846 2.13973 12.499 2.18785 11.8324L2.40724 8.79305C2.42417 8.55849 2.34882 8.3266 2.19726 8.14679L0.233298 5.81688C-0.197481 5.30583 0.0578043 4.52014 0.706698 4.3599L3.66506 3.62935C3.89337 3.57297 4.09063 3.42965 4.2148 3.22994L5.82379 0.642122Z' fill='white'/%3E%3C/svg%3E");
          background-position: center;
          background-size: contain;
          background-repeat: no-repeat;
          width: 0.956rem;
          height: 0.956rem;
        }
      }
    }

    .course-product-name {
      width: 100%;
      display: flex;
      min-height: 3.5rem;

      h2 {
        font-size: 1.474rem;
        font-family: var(--co-bold);
        color: var(--purple-cold);
        text-wrap: wrap;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0;
        line-height: 1.2;
      }
    }

    .lessons-count {
      width: max-content;
      display: flex;
      justify-content: start;
      margin-top: auto;

      .counter {
        display: flex;
        text-align: center;
        justify-content: center;
        align-items: center;
        gap: 0.3rem;
        font-size: 1.106rem;
        font-family: var(--co-regular);
        color: var(--gray);

        &::after {
          content: "clases";
        }

        &::before {
          content: "";
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='16' viewBox='0 0 22 16' fill='none'%3E%3Cpath d='M21.3129 15.1245C21.1102 15.3841 20.9393 15.4411 20.686 15.3144C19.6918 14.8142 18.6344 14.4976 17.5452 14.2886C16.4561 14.0797 15.3543 13.9974 14.2462 14.0417C13.2394 14.0797 12.2453 14.2063 11.2701 14.4596C10.9409 14.5419 10.6433 14.4976 10.333 14.4216C9.22487 14.1557 8.09775 14.0353 6.96431 14.0417C4.91904 14.0543 2.94342 14.4279 1.08812 15.3081C0.733522 15.4791 0.435913 15.2891 0.435913 14.8965C0.435913 10.6287 0.435913 6.35451 0.435913 2.08667C0.435913 1.76373 0.594216 1.61176 0.955145 1.5991C1.28441 1.58643 1.62002 1.58643 1.95562 1.5991C2.14558 1.60543 2.19624 1.53578 2.19624 1.35215C2.18991 0.883571 2.27222 0.794921 2.72813 0.687276C3.76027 0.433992 4.8114 0.320014 5.87519 0.370671C7.42022 0.446656 8.88294 0.801254 10.1494 1.7384C10.3646 1.89671 10.5673 2.06134 10.7509 2.2513C10.8396 2.34629 10.9029 2.35262 10.9979 2.25764C12.0553 1.23817 13.3407 0.712604 14.7655 0.484648C16.2282 0.250361 17.6719 0.358006 19.1029 0.69994C19.4512 0.782257 19.5589 0.927896 19.5652 1.28883C19.5715 1.59277 19.5715 1.59277 19.8691 1.59277C20.1667 1.59277 20.4643 1.59277 20.7683 1.59277C20.9962 1.59277 21.1989 1.64976 21.3129 1.87138C21.3129 6.29752 21.3129 10.711 21.3129 15.1245ZM10.4596 13.2312C10.4596 13.1109 10.4596 13.0349 10.4596 12.9589C10.4596 11.9268 10.447 10.8946 10.4406 9.86249C10.4216 7.72224 10.428 5.58199 10.428 3.44807C10.428 3.27711 10.3836 3.15046 10.2633 3.03015C10.0227 2.79587 9.77576 2.57424 9.50348 2.38428C8.3637 1.59277 7.07195 1.30782 5.71689 1.2445C4.90638 1.20651 4.10853 1.30782 3.31069 1.4408C3.10173 1.47879 3.02574 1.55477 3.02574 1.78273C3.03841 5.13241 3.03207 8.48209 3.03207 11.8318C3.03207 11.8634 3.03207 11.9014 3.03207 11.9331C3.01941 12.0724 3.08273 12.0977 3.21571 12.0851C3.69061 12.0407 4.15919 11.9711 4.6341 11.9774C5.24198 11.9837 5.85619 11.9584 6.46407 12.0154C7.23026 12.0914 7.98378 12.218 8.7183 12.446C9.31985 12.6296 9.88974 12.8766 10.4596 13.2312ZM11.3335 13.1995C11.4664 13.1299 11.5931 13.0539 11.7197 12.9842C12.9355 12.3447 14.2526 12.0724 15.614 11.9837C16.5574 11.9204 17.4946 11.9584 18.4381 12.0661C18.6977 12.0977 18.6977 12.0914 18.6977 11.8444C18.6977 8.47576 18.6977 5.10708 18.704 1.7384C18.704 1.54844 18.6344 1.47879 18.4634 1.44713C17.197 1.21917 15.9369 1.14952 14.6641 1.4028C13.4484 1.64342 12.3719 2.14366 11.4854 3.02382C11.3525 3.1568 11.3081 3.28977 11.3081 3.4734C11.3145 6.63945 11.3145 9.79917 11.3145 12.9652C11.3018 13.0412 11.2828 13.1172 11.3335 13.1995Z' fill='%23575656'/%3E%3C/svg%3E");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          width: 1.25rem;
          height: 1.25rem;
        }
      }
    }
  }

  .buy-product {
    display: flex;
    justify-content: center;
    padding-block: 0.8rem;
    border-top: 2px solid var(--yellow);
    gap: 0.8rem;
    transition: var(--anim-low);
    margin-top: auto;

    .added_to_cart.wc-forward {
      display: none !important;
    }

    .price {
      width: 100%;
      font-family: var(--co-bold);
      font-size: 1.5rem;
      color: var(--white);
      background: var(--yellow);
      padding-block: 0.2rem;
      border-radius: 0.313rem;
      text-align: center;
      justify-content: center;
      align-items: center;
      display: flex;
      gap: 0.4rem;
      flex-basis: 80%;

      .sale-price {
      }

      .regular-price {
        color: var(--gray);
        font-family: var(--co-regular);
        font-size: 0.938rem;
        text-decoration-line: line-through;
        text-decoration-style: solid;
      }
    }

    /* Add to Cart Button */
    .add-to-cart-btn {
      width: 100%;
      color: var(--white);
      background: var(--gr-purple);
      padding-block: 0.2rem;
      border-radius: 0.313rem;
      font-size: 1.25rem;
      font-family: var(--co-bold);
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.5rem;
      padding: 0.4rem;
      border: none;
      cursor: pointer;
      transition: all 0.3s ease;

      &::after {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='22' viewBox='0 0 23 22' fill='none'%3E%3Cpath d='M-0.00830078 1.32831C0.230475 0.765857 0.512108 0.578372 1.12435 0.578372C1.75497 0.578372 2.38558 0.572324 3.01619 0.578372C4.1917 0.590467 5.09783 1.3646 5.27538 2.51371C5.34885 2.98545 5.42232 3.46323 5.48966 3.93497C5.50803 4.06803 5.56926 4.12851 5.70395 4.12246C5.78354 4.12246 5.86313 4.12246 5.94273 4.12246C10.9509 4.12246 15.9591 4.12246 20.9672 4.12246C21.1142 4.12246 21.255 4.12851 21.4019 4.1527C22.0509 4.25551 22.4183 4.76354 22.2897 5.39252C21.7631 8.01732 21.2366 10.6482 20.6917 13.2669C20.4407 14.4644 19.6876 15.2265 18.4693 15.5047C18.2305 15.5591 17.9795 15.5712 17.7346 15.5712C14.3917 15.5772 11.0427 15.5772 7.69375 15.5712C6.40191 15.5712 5.34885 14.8817 4.93252 13.781C4.77334 13.3697 4.74272 12.9282 4.6815 12.4988C4.49783 11.2772 4.31415 10.0494 4.1366 8.82775C3.95293 7.61211 3.77538 6.39043 3.5917 5.1748C3.4815 4.443 3.38354 3.71725 3.27333 2.98545C3.21823 2.64676 3.15089 2.59233 2.80191 2.59233C2.24476 2.59233 1.6815 2.59233 1.12435 2.59233C0.512108 2.59233 0.230475 2.40485 -0.00830078 1.84844C-0.00830078 1.67305 -0.00830078 1.49766 -0.00830078 1.32831Z' fill='white'/%3E%3Cpath d='M16.8958 21.607C15.4264 21.607 14.2693 20.4639 14.2693 19.0185C14.2693 17.5851 15.457 16.4178 16.9019 16.4178C18.3285 16.4178 19.5224 17.6153 19.5224 19.0426C19.5224 20.47 18.353 21.607 16.8958 21.607Z' fill='white'/%3E%3Cpath d='M10.5407 19.0187C10.5162 20.452 9.39581 21.583 7.95091 21.589C6.56724 21.5951 5.39785 20.5186 5.39172 19.0308C5.39172 17.5067 6.59785 16.4544 7.96928 16.4302C9.37132 16.406 10.5468 17.6216 10.5407 19.0187Z' fill='white'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 1.375rem;
        height: 1.375rem;
      }

      &.disabled {
        opacity: 0.6;
        cursor: not-allowed;
        pointer-events: none;
      }

      &.loading {
        opacity: 0.7;
        cursor: wait;
        position: relative;

        &::after {
          opacity: 0.5;
        }
      }

      &.in-cart,
      &.already-bought {
        cursor: not-allowed !important;
        pointer-events: none;
        opacity: 0.7;
      }

      &.variant {
        flex-basis: 20%;

        > span {
          display: none;
        }

        &::after {
          content: "";
          background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOSIgaGVpZ2h0PSIyNyIgdmlld0JveD0iMCAwIDI5IDI3IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTAgMC45NTQ2MzhDMC4zMDI4NjMgMC4yNDEyMTcgMC42NjAwODcgMC4wMDM0MDk0MiAxLjQzNjY2IDAuMDAzNDA5NDJDMi4yMzY1MyAwLjAwMzQwOTQyIDMuMDM2NCAtMC4wMDQyNjE3OCAzLjgzNjI3IDAuMDAzNDA5NDJDNS4zMjcyOSAwLjAxODc1MTggNi40NzY2MiAxLjAwMDY3IDYuNzAxODIgMi40NTgxOUM2Ljc5NTAxIDMuMDU2NTUgNi44ODgyIDMuNjYyNTcgNi45NzM2MiA0LjI2MDkzQzYuOTk2OTIgNC40Mjk2OSA3LjA3NDU4IDQuNTA2NCA3LjI0NTQyIDQuNDk4NzNDNy4zNDYzOCA0LjQ5ODczIDcuNDQ3MzMgNC40OTg3MyA3LjU0ODI5IDQuNDk4NzNDMTMuOTAwNyA0LjQ5ODczIDIwLjI1MyA0LjQ5ODczIDI2LjYwNTQgNC40OTg3M0MyNi43OTE4IDQuNDk4NzMgMjYuOTcwNCA0LjUwNjQgMjcuMTU2NyA0LjUzNzA5QzI3Ljk3OTkgNC42Njc1IDI4LjQ0NTkgNS4zMTE4OCAyOC4yODI4IDYuMTA5NjhDMjcuNjE0OSA5LjQzODk4IDI2Ljk0NzEgMTIuNzc2IDI2LjI1NTkgMTYuMDk3NkMyNS45Mzc1IDE3LjYxNjUgMjQuOTgyMyAxOC41ODMxIDIzLjQzNyAxOC45MzU5QzIzLjEzNDEgMTkuMDA1IDIyLjgxNTcgMTkuMDIwMyAyMi41MDUxIDE5LjAyMDNDMTguMjY1IDE5LjAyOCAxNC4wMTcxIDE5LjAyOCA5Ljc2OTI5IDE5LjAyMDNDOC4xMzA3MiAxOS4wMjAzIDYuNzk1MDEgMTguMTQ1OCA2LjI2Njk0IDE2Ljc0OTZDNi4wNjUwMyAxNi4yMjggNi4wMjYyIDE1LjY2OCA1Ljk0ODU1IDE1LjEyMzNDNS43MTU1OCAxMy41NzM4IDUuNDgyNiAxMi4wMTY1IDUuMjU3NCAxMC40NjY5QzUuMDI0NDMgOC45MjUwMSA0Ljc5OTIyIDcuMzc1NDMgNC41NjYyNSA1LjgzMzUyQzQuNDI2NDYgNC45MDUzMSA0LjMwMjIxIDMuOTg0NzYgNC4xNjI0MyAzLjA1NjU1QzQuMDkyNTQgMi42MjY5NiA0LjAwNzEyIDIuNTU3OTIgMy41NjQ0NyAyLjU1NzkyQzIuODU3NzkgMi41NTc5MiAyLjE0MzM0IDIuNTU3OTIgMS40MzY2NiAyLjU1NzkyQzAuNjYwMDg3IDIuNTU3OTIgMC4zMDI4NjMgMi4zMjAxMSAwIDEuNjE0MzZDMCAxLjM5MTkgMCAxLjE2OTQzIDAgMC45NTQ2MzhaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjEuNDQxMiAyNi42NzYxQzE5LjU3NzQgMjYuNjc2MSAxOC4xMDk3IDI1LjIyNjMgMTguMTA5NyAyMy4zOTI5QzE4LjEwOTcgMjEuNTc0OCAxOS42MTYzIDIwLjA5NDIgMjEuNDQ5IDIwLjA5NDJDMjMuMjU4NCAyMC4wOTQyIDI0Ljc3MjcgMjEuNjEzMSAyNC43NzI3IDIzLjQyMzVDMjQuNzcyNyAyNS4yMzM5IDIzLjI4OTUgMjYuNjc2MSAyMS40NDEyIDI2LjY3NjFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTMuMzgwMyAyMy4zOTMxQzEzLjM0OTMgMjUuMjExMiAxMS45MjgyIDI2LjY0NTcgMTAuMDk1NCAyNi42NTM0QzguMzQwMzkgMjYuNjYxIDYuODU3MTMgMjUuMjk1NiA2Ljg0OTM3IDIzLjQwODRDNi44NDkzNyAyMS40NzUzIDguMzc5MjEgMjAuMTQwNSAxMC4xMTg3IDIwLjEwOThDMTEuODk3MSAyMC4wNzkxIDEzLjM4ODEgMjEuNjIxMSAxMy4zODAzIDIzLjM5MzFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTYuNDk5OCA4LjE0ODY4VjE1Ljc1OTEiIHN0cm9rZT0iIzczMjc3NSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTIwLjMwNSAxMS45NTM5TDEyLjY5NDYgMTEuOTUzOSIgc3Ryb2tlPSIjNzMyNzc1IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4=");
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          width: 2.375rem;
          height: 2.375rem;
        }
      }
    }
  }
}

body {
  background-color: var(--cream) !important;
}

/* Ancho y Margen*/
.margin {
  width: min(88%, 1500px);
  margin-inline: auto;
}

/* ESTILOS */

header {
}

main {
  flex-direction: column;
  background-color: var(--white);

  .banner-sliders {
    height: 100vh;
    width: 100%;

    .splide__slide {
      z-index: 0;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top;
    }

    .gr {
      z-index: 1;
      position: absolute;
      width: 100%;
      height: 100%;
      background: var(--gr-black);
    }

    .container {
      z-index: 2;
      height: 100%;
      justify-content: start;
      position: relative;
      display: flex;
      align-items: center;

      .banner-info {
        display: flex;
        flex-direction: column;
        width: 50%;
        gap: 2.5rem;

        h1 {
          color: var(--white);
          font-size: 3.368rem;
          font-family: var(--co-black);
          line-height: 4.213rem;
        }

        p {
          color: var(--white);
          font-size: 1.778rem;
          font-family: var(--co-regular);
          line-height: 2.131rem;
        }
      }
    }
  }

  .courses-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: relative;

    .courses-data {
      position: relative;

      .container {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        bottom: 4.5rem;
        position: relative;
        background: var(--white);
        padding: 1.5rem 2rem;
        border-radius: 1.25rem;
        box-shadow: 0px 1px 25px 0px rgba(0, 0, 0, 0.1);

        .courses-main,
        .graduates-main {
          display: flex;
          flex-direction: column;
          gap: 1rem;

          .top-data {
            display: flex;
            justify-content: space-between;

            .category {
              display: flex;

              h2 {
                font-size: 1.563rem;
                font-family: var(--co-bold);
                color: var(--white);
                background-color: var(--purple-cold);
                width: max-content;
                padding: 0.1rem 0.8rem;
                border-radius: 0.625rem;
              }
            }

            .view-more {
              display: flex;
              justify-content: center;
              align-items: center;

              a {
                display: flex;
                font-family: var(--nu-regular);
                color: var(--yellow);
                font-size: 1.125rem;
                justify-content: center;
                align-items: center;
                position: relative;
                right: 0px;
                gap: 0.1rem;
                transition: var(--anim-low);

                &::after {
                  content: "";
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10' fill='none'%3E%3Cpath d='M2.93326 4.8331C2.56885 4.48313 2.2616 4.1903 1.96149 3.89032C1.42559 3.35465 0.889682 2.81898 0.353779 2.28331C-0.110671 1.81192 -0.110672 1.10484 0.353778 0.654874C0.803938 0.212053 1.49704 0.212052 1.96149 0.676299C3.06188 1.76907 4.15512 2.86183 5.24837 3.96174C5.76998 4.48313 5.76998 5.14736 5.25551 5.6616C4.16227 6.76151 3.06902 7.86142 1.96863 8.95419C1.49704 9.42558 0.796792 9.43272 0.339487 8.9899C-0.117817 8.53994 -0.117818 7.81857 0.368068 7.34004C1.20408 6.51868 2.04723 5.70446 2.93326 4.8331Z' fill='%23E4AC5B'/%3E%3C/svg%3E");
                  background-size: contain;
                  background-repeat: no-repeat;
                  background-position: center;
                  width: 0.7rem;
                  height: 0.7rem;
                  top: 1px;
                  position: relative;
                }

                &:hover {
                  right: -2px;
                  font-family: var(--nu-bold);
                }
              }
            }
          }

          .courses,
          .graduates {
            .splide__slide {
              height: 100%;
              display: flex;
              margin-block: 1rem;

              .item-course {
                border-radius: 1.106rem;
                background-color: var(--white);
                box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
                padding: 1rem;
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: start;
                align-items: center;
                gap: 0.8rem;
                transition: var(--anim-low);

                .icon {
                  display: flex;
                  width: 3rem;
                  height: 3rem;
                  aspect-ratio: 1 / 1;
                  border-radius: 100%;
                  background-color: var(--white);

                  img {
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                  }
                }

                h3 {
                  font-family: var(--co-regular);
                  color: var(--purple-cold);
                  font-size: 1.1rem;
                  line-height: 1.25rem;
                }

                &:hover {
                  background-color: var(--yellow);

                  h3 {
                    color: var(--white);
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .our-courses {
    width: 100%;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    background-color: var(--yellow-clear);
    overflow: clip;

    .our-courses-container {
      display: flex;
      flex-direction: column;
      padding-block: 4rem;
      height: 100%;
      gap: 2rem;

      .title {
        width: 100%;
        text-align: center;
        justify-content: center;
        align-items: center;

        h2 {
          font-size: 1.875rem;
          font-family: var(--co-bold);
          color: var(--yellow);
        }
      }

      .last-courses {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;

        .splide__list {
          /* max-height: 28rem !important; */
        }

        .splide__slide {
          justify-content: center;
          align-items: center;
          display: flex;
          height: auto;
        }
      }

      .more-courses {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
      }
    }

    &::before {
      content: "";
      background-image: url(../../assets/img/patterns/pattern.png);
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      object-fit: contain;
      top: 0;
      right: -10.5rem;
    }
  }

  .agreements {
    display: flex;
    flex-direction: column;
    padding-block: 4rem;
    position: relative;

    .title {
      display: flex;
      justify-content: center;
      align-items: center;

      h2 {
        padding: 1rem;
        font-family: var(--co-bold);
        font-size: 1.875rem;
        color: var(--purple-cold);
      }
    }

    .cards-container {
      display: flex;
      flex-direction: column;
      margin-top: 10rem;
      width: 100%;

      .container {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 1.25rem;
        margin-top: -20%;
        position: relative;
        transition: var(--anim-low);

        &:first-child {
          margin-top: 0;
        }

        &.active {
          transition: var(--anim-low);

          + .container {
            margin-top: -0%;
          }

          .custom-shape {
            .content {
              min-height: 28rem;
            }
          }
        }

        .custom-shape {
          width: 100%;
          background: var(--purple-clear);
          position: relative;
          cursor: pointer;
          justify-content: center;
          align-items: center;
          display: flex;
          flex-direction: column;
          transition: var(--anim-low);
          border-radius: 0 0 2rem 2rem;

          &::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: inherit;
            left: 0;
            top: 0;
            transform: skewY(5deg) translateY(-7rem);
            border-radius: 2rem 2rem 0 0;
            z-index: 1;
          }

          .content {
            display: flex;
            flex-direction: column;
            padding-inline: 4rem;
            padding-block: 0rem 8rem;
            width: 100%;
            min-height: 20rem;
            background: inherit;
            position: relative;
            z-index: 1;
            gap: 2rem;
            border-radius: 2rem;
            transition: var(--anim-low);

            .entity {
              display: flex;

              h3 {
                font-family: var(--co-bold);
                font-size: clamp(1.5rem, 2vw, 1.875rem);
                color: var(--purple-cold);
              }
            }

            .collection {
              display: flex;
              flex: 1;
              margin-top: auto;

              .entitys-collection {
                width: 100%;
                height: 100%;

                .splide__track {
                  padding: 0.5rem;
                }

                .splide__slide {
                  .entity-img {
                    display: flex;
                    border-radius: 0.5rem;
                    overflow: hidden;

                    img {
                      object-position: center;
                      object-fit: cover;
                      width: 100%;
                      height: 100%;
                    }
                  }
                }
              }
            }
          }
        }

        &:nth-child(2n) {
          .custom-shape {
            background-color: var(--yellow-clear);

            .content {
              .entity {
                h3 {
                  color: var(--yellow);
                }
              }
            }
          }
        }

        &:last-child {
          .custom-shape {
            padding-bottom: 1.25rem !important;

            .content {
              margin-top: 0rem !important;
            }
          }
        }
      }
    }
  }

  .sales-countdown {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: clip;

    .overlay {
      display: flex;
      height: 50%;
      width: 100%;
      position: absolute;
      border-top-left-radius: 16rem;
      border-bottom-left-radius: 16rem;
      right: 0;
      background-color: var(--purple-cold);
      opacity: 0.15;
      left: 5rem;
    }

    .top {
      display: flex;
      justify-content: space-between;
      width: 70%;
      padding-block: 2rem;

      .data {
        display: flex;
        flex-direction: column;
        flex-basis: 50%;

        h3 {
          font-size: 2.5rem;
          color: var(--purple-cold);
          font-family: var(--co-bold);
        }

        p {
          font-size: 1.25rem;
          font-family: var(--nu-semibold);
          color: var(--black);
          width: 70%;
        }
      }

      .counter-container {
        display: flex;
        flex-direction: column;
        flex-basis: 50%;

        > span {
          font-size: 1.563rem;
          color: var(--purple-cold);
          font-family: var(--co-bold);
        }

        .counter {
          display: flex;

          .wc-countdown {
            display: flex;
            gap: 1.2rem;

            .countdown-unit {
              background-color: var(--white);
              z-index: 1;
              border-radius: 1rem;
              padding: 0 0.6rem;
              display: flex;
              width: 5rem;
              justify-content: center;
              align-items: center;

              .countdown-value {
                font-size: 2.933rem;
                color: var(--purple-cold);
                font-family: var(--co-bold);
              }
            }

            .countdown-separator {
              font-size: 2.933rem;
              color: var(--white);
              font-family: var(--co-bold);
              z-index: 1;
            }
          }
        }
      }
    }

    .bottom {
      width: 75%;

      .products-promo {
        #hot-products {
          .splide__slide {
            justify-content: center;
            align-items: center;
            display: flex;
            height: auto;
          }
        }
      }
    }
  }

  .blog-posts {
    display: flex;
    flex-direction: column;
    padding-block: 4rem;
    gap: 3rem;
    z-index: 1;

    .title {
      width: 100%;
      text-align: center;
      justify-content: center;
      align-items: center;

      h2 {
        font-size: 1.875rem;
        font-family: var(--co-bold);
        color: var(--purple-cold);
      }
    }

    .latest-blog-posts {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: space-between;
      gap: 1rem;

      .blog-card {
        box-shadow: 0px 0.95px 23.74px 0px rgba(0, 0, 0, 0.1);
        display: flex;
        flex-direction: column;
        /*width: 18.5rem;*/
        height: 31rem;
        border-radius: 1rem;
        overflow: hidden;
        flex-basis: 25%;

        .container {
          display: flex;
          flex-direction: column;
          padding: 1rem;
          gap: 0.5rem;
          height: 100%;

          .img-preview {
            position: relative;
            overflow: hidden;
            height: 45rem;
            border-radius: 1rem;

            img {
              width: 100%;
              height: 100%;
              object-position: center;
              object-fit: cover;
            }
          }

          .single-category {
            display: flex;

            .post-category {
              display: flex;
              width: 100%;
              max-width: 7rem;
              color: var(--white);
              font-size: 0.7rem;
              font-family: var(--nu-regular);
              padding: 0.5rem 1rem;
              border-radius: 1rem;
              background: var(--gr-purple);
              box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              justify-content: center;
              align-items: center;
            }
          }

          .content {
            display: flex;
            flex-direction: column;
            height: 100%;

            h3 {
              font-size: 1.1rem;
              font-family: var(--co-bold);
              color: var(--purple-cold);
            }

            p {
              font-size: 0.75rem;
              font-family: var(--co-book);
              color: var(--purple-cold);
              overflow: hidden;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 6;
              overflow: hidden;
              text-overflow: ellipsis;
            }
          }

          .info {
            display: flex;

            .left {
              display: flex;

              .top {
                display: flex;

                .date,
                .author,
                > span {
                  display: none;
                }
              }

              .bottom {
                display: flex;

                .data {
                  display: flex;

                  .post-category {
                    display: none;
                  }

                  .reading {
                    display: none;

                    .reading-time {
                    }

                    > img {
                    }
                  }
                }
              }
            }

            .right {
              .view-more {
                font-size: 1.125rem;
                color: var(--white);
                font-family: var(--nu-regular);
                background: var(--yellow);
                padding: 0.8rem 1rem;
                border-radius: 0.7rem;
                height: 100%;
                width: 100%;
                text-align: center;
                justify-content: center;
                align-items: center;
                display: flex;
                width: 100%;
                height: 100%;

                a {
                  width: 100%;
                  height: 100%;
                }
              }
            }
          }
        }

        &:first-child {
          box-shadow: unset !important;
          flex-basis: 50%;
          /*width: 28rem;*/
          border-radius: 1.75rem;

          .container {
            padding: 0rem;
            display: flex;
            width: 100%;
            height: 100%;
            position: relative;
            flex-direction: column;
            justify-content: flex-end;

            .img-preview {
              position: absolute;
              height: 100%;
              width: 100%;
              border-radius: unset !important;
              z-index: -1;

              img {
                object-fit: cover;
                object-position: center;
                width: 100%;
                height: 100%;
              }

              &::after {
                content: "";
                width: 100%;
                background: linear-gradient(
                  180deg,
                  rgba(101, 53, 139, 0) 0%,
                  #5d3284 100%
                );
                display: flex;
                height: 100%;
                position: absolute;
                top: 0;
                bottom: 0;
              }
            }

            .single-category {
              display: none;
            }

            .content {
              display: flex;
              flex-direction: column;
              padding: 0rem 0.8rem;
              height: max-content;

              h3 {
                font-size: 1.5rem;
                color: var(--white);
                font-family: var(--co-bold);
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                text-overflow: ellipsis;
              }

              p {
                display: none;
              }
            }

            .info {
              display: flex;
              padding: 0.8rem 0.8rem;

              .left {
                flex-basis: 65%;
                display: flex;
                flex-direction: column;
                gap: 0.3rem;
                justify-content: end;

                .top {
                  display: flex;

                  .date,
                  .author,
                  > span {
                    display: flex;
                    font-family: var(--nu-regular);
                    font-style: italic;
                    color: var(--white);
                  }
                }

                .bottom {
                  display: flex;

                  .data {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    gap: 0.8rem;

                    .post-category {
                      display: flex;
                      width: 100%;
                      max-width: 7rem;
                      color: var(--white);
                      font-size: 0.7rem;
                      font-family: var(--nu-regular);
                      padding: 0.5rem 1rem;
                      border-radius: 1rem;
                      background: var(--gr-purple);
                      box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
                      white-space: nowrap;
                      overflow: hidden;
                      text-overflow: ellipsis;
                    }

                    .reading {
                      display: flex;
                      justify-content: center;
                      align-items: center;
                      gap: 0.4rem;

                      .reading-time {
                        width: 8rem;
                        font-size: 0.7rem;
                        color: var(--white);
                        font-family: var(--nu-regular);
                        white-space: nowrap;
                        line-height: normal;
                        overflow: hidden;
                        text-overflow: ellipsis;
                      }

                      > img {
                        width: 1rem;
                        height: 1rem;
                        justify-content: center;
                        align-items: center;
                        object-position: center;
                        display: flex;
                      }
                    }
                  }
                }
              }

              .right {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-basis: 35%;

                .view-more {
                  display: flex;
                  width: 100%;
                  height: 70%;
                  justify-content: center;
                  align-items: center;

                  a {
                    font-size: 1.125rem;
                    color: var(--white);
                    font-family: var(--nu-regular);
                    background: var(--yellow);
                    padding: 0.8rem 1rem;
                    border-radius: 0.7rem;
                    height: 100%;
                    width: 100%;
                    text-align: center;
                    justify-content: center;
                    align-items: center;
                    display: flex;
                  }
                }
              }
            }
          }
        }
      }
    }

    .go-to-blog {
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }

  .latest-reviews {
    display: flex;
    flex-direction: column;
    background: linear-gradient(
      to bottom,
      var(--purple-clear) 50%,
      var(--white) 50%
    );
    padding-block: 3rem;
    padding-inline: 2rem;
    gap: 1rem;

    .title {
      display: flex;
      justify-content: center;
      align-items: center;

      h2, p {
        font-size: 1.875rem;
        font-family: var(--co-bold);
        color: var(--purple-cold);
      }
    }

    .reviews-container {
      display: flex;

      .splide__slide {
        padding: 0.5rem;
        max-width: 280px;
      }

      .splide__arrow--prev {
        left: -2.5em !important;
      }

      .splide__arrow--next {
        right: -2.5rem !important;
      }

      .review-card {
        display: flex;
        flex-direction: column;
        background-color: var(--white);
        border-radius: 0.668rem;
        box-shadow: 0px 1.184px 5.919px 0px rgba(0, 0, 0, 0.25);
        padding: 1rem 1rem;
        gap: 0.2rem;
        justify-content: space-between;
        height: 22rem;

        .top {
          display: flex;
          flex-direction: column;

          .comment {
            font-size: 0.938rem;
            font-family: var(--nu-regular);
            color: var(--gray);
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 6;
            overflow: hidden;
            text-overflow: ellipsis;
            max-height: 100%;
          }
        }

        .bottom {
          gap: 0.2rem;
          display: flex;
          flex-direction: column;

          .client-avatar {
            display: flex;
            width: 100%;
            padding-block: 0.5rem;

            .avatar {
              display: flex;
              width: 4rem;
              height: 4rem;
              overflow: hidden;
              border-radius: 100%;

              img {
                object-position: center;
                object-fit: cover;
                width: 100%;
                height: 100%;
              }
            }
          }

          .client-name {
            font-family: var(--co-bold);
            font-size: 1.25rem;
            color: var(--purple-cold);
          }

          .review-date {
            font-family: var(--co-regular);
            font-size: 0.938rem;
          }

          .rating-container {
            display: flex;
            background: var(--gr-purple);
            padding: 0.3rem 0.6rem;
            border-radius: 0.363rem;
            gap: 0.3rem;
            justify-content: center;
            align-items: center;
            width: min-content;

            .rating-count {
              font-size: 0.8rem;
              font-family: var(--co-regular);
              color: var(--white);
            }

            &::before {
              content: "";
              background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE0IDEzIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTUuODk3IDAuODQ4MTM3QzYuMjQzODkgMC4yOTAyMTIgNy4wNTU5IDAuMjkwMjEyIDcuNDAyNzkgMC44NDgxMzdMOC45ODQzIDMuMzkxNzdDOS4xMDYzNiAzLjU4ODA3IDkuMzAwMjUgMy43Mjg5NCA5LjUyNDY2IDMuNzg0MzZMMTIuNDMyNSA0LjUwMjQ0QzEzLjA3MDMgNC42NTk5NCAxMy4zMjEyIDUuNDMyMjEgMTIuODk3OCA1LjkzNDU0TDEwLjk2NzQgOC4yMjQ2N0MxMC44MTg0IDguNDAxNCAxMC43NDQ0IDguNjI5MzQgMTAuNzYxIDguODU5ODlMMTAuOTc2NiAxMS44NDczQzExLjAyMzkgMTIuNTAyNiAxMC4zNjcgMTIuOTc5OSA5Ljc1ODQzIDEyLjczMjRMNi45ODM4NSAxMS42MDQyQzYuNzY5NzMgMTEuNTE3MSA2LjUzMDA2IDExLjUxNzEgNi4zMTU5NCAxMS42MDQyTDMuNTQxMzYgMTIuNzMyNEMyLjkzMjc4IDEyLjk3OTkgMi4yNzU4NSAxMi41MDI2IDIuMzIzMTUgMTEuODQ3M0wyLjUzODc5IDguODU5ODlDMi41NTU0MyA4LjYyOTM0IDIuNDgxMzcgOC40MDE0IDIuMzMyMzkgOC4yMjQ2N0wwLjQwMTk2NyA1LjkzNDU0Qy0wLjAyMTQ1NiA1LjQzMjIyIDAuMjI5NDcgNC42NTk5NCAwLjg2NzI4NCA0LjUwMjQ0TDMuNzc1MTQgMy43ODQzNkMzLjk5OTU1IDMuNzI4OTQgNC4xOTM0NCAzLjU4ODA3IDQuMzE1NDkgMy4zOTE3N0w1Ljg5NyAwLjg0ODEzN1oiIGZpbGw9IiNFNEFDNUIiLz4KPC9zdmc+");
              width: 1rem;
              height: 1rem;
              background-size: contain;
              background-position: center;
              background-repeat: no-repeat;
            }
          }
        }
      }
    }
  }

  /* Página de Producto */
  .top-product-info {
    display: flex;
    flex-direction: column;
    padding-block: 2rem 1rem;
    gap: 1rem;

    .top {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 2.5rem;

      .program-img {
        flex-basis: 30%;
        display: flex;
        overflow: hidden;
        border-radius: 1rem;
        width: 22.75rem;
        height: 12.5625rem;

        > img {
          object-fit: cover;
          object-position: center;
          width: 100%;
          height: 100%;
        }
      }

      .program-name {
        flex-basis: 70%;
        display: flex;

        > h1 {
          font-size: 2.5rem;
          font-family: var(--co-bold);
          color: var(--purple-cold);
        }
      }
    }

    .bottom {
      display: flex;
      width: 100%;
      justify-content: start;

      .instructor {
        display: flex;
        gap: 0.5rem;
        justify-content: center;
        align-items: center;

        > p {
          font-family: var(--nu-regular);
          color: var(--gray);
          font-size: 1.125rem;
        }

        &::before {
          content: "";
          width: 1.9rem;
          height: 1.9rem;
          background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIyNyIgdmlld0JveD0iMCAwIDMwIDI3IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTI3Ljc3MjMgMjIuMDkzQzI3LjYzNDkgMjIuMDkzIDI3LjQ4MDQgMjIuMDkzIDI3LjM0MyAyMi4wOTNDMTUuMzA0NyAyMi4wOTMgMTQuNjM0OSAyMi4wOTMgMi41OTY2IDIyLjA5M0MyLjI1MzE0IDIyLjA5MyAxLjkwOTY4IDIyLjA5MyAxLjU2NjIyIDIyLjE2NDFDMC4zNjQxMDYgMjIuNDEzMSAtMC4yODg0NyAyMy42NDA1IDAuMTIzNjgzIDI0Ljc5NjdDMC40NDk5NzEgMjUuNjg2MSAxLjE1NDA3IDI2LjExMyAyLjMyMTgzIDI2LjExM0M4LjQzNTQ0IDI2LjExMyAxNC41NjYyIDI2LjExMyAyMC42Nzk4IDI2LjExM0MyNi44Mjc4IDI2LjExMyAyMS42MjQzIDI2LjExMyAyNy43NTUxIDI2LjExM0MyOS4wNjAzIDI2LjExMyAyOS45NzA0IDI1LjMxMjUgMjkuOTg3NiAyNC4xNzQxQzMwLjAyMiAyMy4wMTc5IDI5LjA3NzQgMjIuMTI4NSAyNy43NzIzIDIyLjA5M1oiIGZpbGw9IiM2NTM0OEEiLz4KPHBhdGggZD0iTTQuODI5IDIwLjgxMjJDMTAuMjA0MiAyMC43OTQ0IDE1LjU3OTMgMjAuNzk0NCAyMC45NTQ1IDIwLjgxMjJDMjEuNDE4MiAyMC44MTIyIDIxLjUzODQgMjAuNjY5OSAyMS41MjEyIDIwLjIyNTJDMjEuNDg2OSAxOS4xMjI0IDIxLjM4MzggMTguMDE5NiAyMS41Mzg0IDE2LjkzNDVDMjEuNzc4OCAxNS4xOTEzIDIwLjA5NTggMTMuMjcwMiAxOC41MzMxIDEyLjkzMjNDMTcuNjQwMSAxMi43MzY2IDE2Ljc2NDMgMTIuODk2NyAxNS44ODg0IDEyLjc5QzE0Ljk2MTEgMTIuNjgzMiAxNC4zOTQ0IDEzLjAwMzQgMTQuMDY4MSAxMy45NDYyQzEzLjc5MzMgMTQuNzI4OCAxMy4zNjQgMTUuNDU4MSAxMi45ODYyIDE2LjI0MDhDMTIuNjU5OSAxNi4wMjczIDEyLjYwODQgMTUuNzI0OSAxMi40ODgyIDE1LjQ3NTlDMTEuMTMxNSAxMi42Mjk5IDExLjEzMTUgMTIuNjI5OSA4LjA3NDcxIDEyLjgwNzdDOC4wNDAzNiAxMi44MDc3IDguMDIzMTkgMTIuODA3NyA3Ljk4ODg0IDEyLjgwNzdDNS44OTM3MyAxMi45Njc4IDQuMjc5NDYgMTQuNzY0NCA0LjI2MjI5IDE2LjkxNjdDNC4yNjIyOSAxOC4wMTk2IDQuMjc5NDYgMTkuMTA0NiA0LjI0NTEyIDIwLjIwNzRDNC4yNjIyOSAyMC42NTIxIDQuMzQ4MTYgMjAuODEyMiA0LjgyOSAyMC44MTIyWiIgZmlsbD0iIzY1MzQ4QSIvPgo8cGF0aCBkPSJNMTIuOTM1MyAxMS4yMDY4QzE1LjUyODQgMTEuMjA2OCAxNy41ODkyIDkuMDM2NzMgMTcuNTcyIDYuMzMyOTlDMTcuNTU0OCAzLjY4MjYyIDE1LjQ3NjkgMS41NjU4OCAxMi45MTgxIDEuNTgzNjdDMTAuMzI0OSAxLjU4MzY3IDguMjY0MTggMy43NTM3NyA4LjI4MTM2IDYuNDM5NzJDOC4yOTg1MyA5LjA3MjMgMTAuMzc2NSAxMS4yMDY4IDEyLjkzNTMgMTEuMjA2OFoiIGZpbGw9IiM2NTM0OEEiLz4KPHBhdGggZD0iTTIxLjU3MjkgOC41Mzg2OUMyMS41NTU3IDguNzUyMTQgMjEuNTU1NyA4Ljk0NzgxIDIxLjU3MjkgOS4xNjEyNkMyMS42NTg3IDkuODcyNzcgMjIuMTczOSAxMC4xMjE4IDIyLjcyMzUgOS42OTQ4OUMyMy4xMTg0IDkuMzkyNSAyMy40OTYzIDkuMDcyMzIgMjMuODM5NyA4LjczNDM2QzI0LjMzNzcgOC4yNTQwOSAyNC44NzAxIDcuOTg3MjcgMjUuNTkxNCA4LjA0MDYzQzI2LjU1MzEgOC4xMTE3OSAyNy40NjMyIDcuNzkxNjEgMjguMjcwNCA3LjI0MDE5QzMwLjY1NzQgNS42MjE1IDMwLjU1NDQgMi4xNzA2OCAyOC4wODE1IDAuNzEyMDg4QzI3LjIyMjggMC4xOTYyNDQgMjYuMjc4MyAwLjAwMDU3ODU4MSAyNS4zODUzIDAuMDAwNTc4NTgxQzIzLjg5MTIgLTAuMDE3MjA5MiAyMi42Mzc2IDAuMzc0MTIxIDIxLjU3MjkgMS4zMTY4N0MyMC4yMTYyIDIuNTI2NDQgMTkuODM4NCA0LjQ2NTMgMjAuODUxNiA1Ljg1Mjc0QzIxLjQ4NyA2LjY4ODc3IDIxLjYyNDQgNy41NDI1OCAyMS41NzI5IDguNTM4NjlaIiBmaWxsPSIjNjUzNDhBIi8+Cjwvc3ZnPg==");
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain;
        }
      }
    }
  }

  .program-main-details {
    display: flex;
    background-color: var(--cream);

    .margin {
      margin-block: 3.5rem;
      display: flex;
      background-color: var(--white);
      padding: 2rem 2rem;
      border-radius: 1.5rem;
      gap: 4rem;

      .left-side {
        display: flex;
        flex-direction: column;
        flex-basis: 70%;
        gap: 2.2rem;

        .about-program {
          display: flex;
          flex-direction: column;
          gap: 0.8rem;

          > h2 {
            font-size: 2rem;
            font-family: var(--co-bold);
            color: var(--purple-cold);
          }

          > p {
            font-family: var(--nu-regular);
            color: var(--black);
            font-size: 1.25rem;
          }
        }

        .details-program {
          display: flex;
          flex-direction: column;
          gap: 1.2rem;

          > h2 {
            font-size: 2rem;
            font-family: var(--co-bold);
            color: var(--purple-cold);
          }

          .details-data {
            display: flex;
            flex-direction: column;
            gap: 1rem;

            .single-detail {
              display: flex;
              align-items: center;
              gap: 1rem;

              .icon {
                display: flex;
                width: 2rem;
                height: 2rem;
                overflow: hidden;

                > img {
                  height: 100%;
                  width: 100%;
                  object-fit: contain;
                  object-position: center;
                }
              }

              .data {
                display: flex;
                flex-direction: column;

                > span {
                  font-family: var(--co-regular);
                  font-size: 1.188rem;
                  color: #575656;
                  line-height: normal;
                }

                > p {
                  font-family: var(--co-bold);
                  font-size: 1.188rem;
                  color: var(--purple-cold);
                  line-height: normal;
                }
              }
            }
          }
        }
      }

      .for {
        display: flex;
        flex-direction: column;
        gap: 1rem;

        > strong {
          font-size: 2rem;
          font-family: var(--co-bold);
          color: var(--purple-cold);
        }

        > ul {
          display: flex;
          flex-direction: column;
          gap: 0.5rem;

          li {
            font-size: 1.125rem;
            color: var(--black);
            font-family: var(--nu-regular);
            display: flex;
            align-items: center;
            gap: 0.5rem;
            line-height: normal;

            &:before {
              width: 0.75rem;
              height: 0.75rem;
              content: "";
              background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiBmaWxsPSJub25lIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjYiIGZpbGw9IiM2NTM0OEEiLz4KPC9zdmc+");
              background-position: center;
              background-size: contain;
              background-repeat: no-repeat;
            }
          }
        }
      }

      .instructor-details-accordeon {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;

        > strong {
          font-size: 2rem;
          font-family: var(--co-bold);
          color: var(--purple-cold);
        }

        .single-accordeon {
          width: 100%;
          display: flex;
          position: relative;
          background: var(--yellow);
          padding: 2rem 1.5rem;
          border-radius: 1rem;
          justify-content: center;
          align-items: center;
          gap: 1.2rem;

          .pattern {
            background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2ODMiIGhlaWdodD0iMjMxIiB2aWV3Qm94PSIwIDAgNjgzIDIzMSIgZmlsbD0ibm9uZSI+CjxwYXRoIG9wYWNpdHk9IjAuMTIiIGQ9Ik02ODMgOTAuNzQ1M0w2ODMgLTQwLjk5OTlMMC4wMDA5NTI3OTkgLTQwLjk5OTlMMC4wMDExMzkyMiAxOTIuNzExTDAuMDA0Njk2NTEgMTkyLjcxMUwwLjAwNDY5OTg0IDIzMC44MjNDMTAuOTA0MiAyMjMuMDI4IDIwLjE5OTQgMjExLjQ4NiAyOS41MjY2IDE5OS44MTFDNDQuNjIwMiAxODAuOTEgNTkuNzkyIDE2MS42NjggODEuOTQ2OCAxNTcuNDA1QzgzLjYwMTkgMTU3LjAxOSA4NS4yODcyIDE1Ni43NzggODYuOTgzOSAxNTYuNjgyQzk2LjM4NTkgMTU2LjExNyAxMDYuMzY0IDE1OS42NjggMTE2LjUyNyAxNjMuODEzQzEzMC41MjUgMTY5LjUxMyAxNDQuODc5IDE3Ni4zNDEgMTU4LjU1MyAxNzUuMDcyQzE3Ni42NzQgMTcyLjc4MiAxOTYuMzIxIDE2Mi4yNDUgMjEwLjY2NyAxNDYuOTdDMjE2LjMwNiAxNDcuNzM2IDIyMS45NzIgMTQ4LjQ1MyAyMjcuNjY4IDE0OS4xMjNDMzAzLjMwMiAxNTcuOTA3IDM3OS42OTkgMTU3LjkwNyA0NTUuMzM0IDE0OS4xMjNDNTM4LjQzNiAxMzkuMzczIDYxNS41NjEgMTE5LjE1MyA2ODMgOTAuNzQ1M1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPg==");
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            width: 100%;
            display: flex;
            position: absolute;
            top: 0;
            height: 13rem;
            left: 0;
            right: 0;
          }

          .left-side {
            display: flex;
            flex-direction: column;
            z-index: 1;

            .about-instructor {
              display: flex;
              flex-direction: column;
              width: 100%;
              gap: 0.5rem;

              > span {
                font-size: 1.25rem;
                font-family: var(--co-bold);
                color: var(--purple-cold);
              }

              > p {
                color: var(--white);
                font-size: 1.125rem;
                font-family: var(--nu-regular);
              }

              .socials {
                display: flex;
                width: 100%;
                gap: 0.3rem;
                margin-block: 0.2rem;

                a {
                  background-size: contain;
                  background-position: center;
                  background-repeat: no-repeat;
                  width: 1.863rem;
                  height: 1.863rem;

                  &.facebook {
                    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2IiBmaWxsPSJub25lIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC45MzU0IDEyLjY0MjJWMTguODAyOUMxMC45MzU0IDE4Ljg5MTEgMTEuMDA3NiAxOC45NjMzIDExLjA5NTggMTguOTYzM0gxMy4zODMzQzEzLjQ3MTYgMTguOTYzMyAxMy41NDM4IDE4Ljg5MTEgMTMuNTQzOCAxOC44MDI5VjEyLjU0MTlIMTUuMjAyOUMxNS4yODU4IDEyLjU0MTkgMTUuMzU1MyAxMi40Nzc4IDE1LjM2MzQgMTIuMzk0OUwxNS41MjI1IDEwLjUwODRDMTUuNTMwNSAxMC40MTQ5IDE1LjQ1NjkgMTAuMzM0NiAxNS4zNjIgMTAuMzM0NkgxMy41NDM4VjguOTk2MzRDMTMuNTQzOCA4LjY4MjE2IDEzLjc5NzggOC40MjgxNCAxNC4xMTIgOC40MjgxNEgxNS4zOTAxQzE1LjQ3ODMgOC40MjgxNCAxNS41NTA1IDguMzU1OTQgMTUuNTUwNSA4LjI2NzdWNi4zODEyNkMxNS41NTA1IDYuMjkzMDIgMTUuNDc4MyA2LjIyMDgzIDE1LjM5MDEgNi4yMjA4M0gxMy4yMzA5QzExLjk2MzUgNi4yMjA4MyAxMC45MzY3IDcuMjQ4OTQgMTAuOTM2NyA4LjUxNTA0VjEwLjMzMzNIOS43OTIyN0M5LjcwNDAzIDEwLjMzMzMgOS42MzE4NCAxMC40MDU1IDkuNjMxODQgMTAuNDkzN1YxMi4zODAyQzkuNjMxODQgMTIuNDY4NCA5LjcwNDAzIDEyLjU0MDYgOS43OTIyNyAxMi41NDA2SDEwLjkzNjdWMTIuNjQyMkgxMC45MzU0WiIgZmlsbD0iIzY1MzQ4QSIvPgo8cGF0aCBkPSJNMTIuNTkxNCAwQzUuNjQ4NjMgMCAwIDUuNjQ4NjMgMCAxMi41OTE0QzAgMTkuNTM0MiA1LjY0ODYzIDI1LjE4MjkgMTIuNTkxNCAyNS4xODI5QzE5LjUzNDIgMjUuMTgyOSAyNS4xODI5IDE5LjUzNDIgMjUuMTgyOSAxMi41OTE0QzI1LjE4MjkgNS42NDg2MyAxOS41MzQyIDAgMTIuNTkxNCAwWk0yMy41Njc4IDEyLjU5MTRDMjMuNTY3OCAxOC42NDM4IDE4LjY0MzggMjMuNTY3OCAxMi41OTE0IDIzLjU2NzhDNi41MzkwNSAyMy41Njc4IDEuNjE1MDQgMTguNjQzOCAxLjYxNTA0IDEyLjU5MTRDMS42MTUwNCA2LjUzOTA0IDYuNTM5MDUgMS42MTUwNCAxMi41OTE0IDEuNjE1MDRDMTguNjQzOCAxLjYxNTA0IDIzLjU2NzggNi41MzkwNCAyMy41Njc4IDEyLjU5MTRaIiBmaWxsPSIjNjUzNDhBIi8+Cjwvc3ZnPg==");
                  }

                  &.instagram {
                    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTE2Ljk2OTggOS4xMTc5MkMxNi45Njk4IDkuNTM1MDUgMTYuNjMxNSA5Ljg3MTk2IDE2LjIxNTggOS44NzE5NkMxNS43OTg2IDkuODcxOTYgMTUuNDYxNyA5LjUzMzcxIDE1LjQ2MTcgOS4xMTc5MkMxNS40NjE3IDguNzAwNzkgMTUuOCA4LjM2Mzg4IDE2LjIxNTggOC4zNjM4OEMxNi42MzE1IDguMzYzODggMTYuOTY5OCA4LjcwMDc5IDE2Ljk2OTggOS4xMTc5MlpNMTYuMDI5OSAxMi40OTkxQzE2LjAyOTkgMTQuMjQ2NSAxNC42MDg3IDE1LjY2NzcgMTIuODYxMyAxNS42Njc3QzExLjExMzkgMTUuNjY3NyA5LjY5Mjc2IDE0LjI0NjUgOS42OTI3NiAxMi40OTkxQzkuNjkyNzYgMTAuNzUxNyAxMS4xMTM5IDkuMzMwNDkgMTIuODYxMyA5LjMzMDQ5QzE0LjYwODcgOS4zMzA0OSAxNi4wMjk5IDEwLjc1MTcgMTYuMDI5OSAxMi40OTkxWk0xNC44OTIyIDEyLjQ5OTFDMTQuODkyMiAxMS4zOCAxMy45ODE3IDEwLjQ2OTYgMTIuODYyNyAxMC40Njk2QzExLjc0MzYgMTAuNDY5NiAxMC44MzMyIDExLjM4IDEwLjgzMzIgMTIuNDk5MUMxMC44MzMyIDEzLjYxODEgMTEuNzQzNiAxNC41Mjg2IDEyLjg2MjcgMTQuNTI4NkMxMy45ODE3IDE0LjUyODYgMTQuODkyMiAxMy42MTgxIDE0Ljg5MjIgMTIuNDk5MVpNMTkuMjc0NyA5Ljk1MzUxQzE5LjI3NDcgNy44MTk3MyAxNy41NDQ3IDYuMDg4MzggMTUuNDA5NiA2LjA4ODM4SDEwLjEzNjZDOC4wMDI4NSA2LjA4ODM4IDYuMjcxNDggNy44MTg0IDYuMjcxNDggOS45NTM1MVYxNS4yMjc4QzYuMjcxNDggMTcuMzYxNiA4LjAwMTUxIDE5LjA5MjkgMTAuMTM2NiAxOS4wOTI5SDE1LjQwOTZDMTcuNTQzNCAxOS4wOTI5IDE5LjI3NDcgMTcuMzYyOSAxOS4yNzQ3IDE1LjIyNzhWOS45NTM1MVpNMTguMDA1OSAxNS4xNjlDMTguMDA1OSAxNi42MzQzIDE2LjgxNzQgMTcuODIyOCAxNS4zNTIxIDE3LjgyMjhIMTAuMTk1NUM4LjcyODgxIDE3LjgyMjggNy41NDE1OSAxNi42MzQzIDcuNTQxNTkgMTUuMTY5VjEwLjAxMUM3LjU0MTU5IDguNTQ1NyA4LjczMDE1IDcuMzU3MTUgMTAuMTk1NSA3LjM1NzE1SDE1LjM1MjFDMTYuODE3NCA3LjM1NzE1IDE4LjAwNTkgOC41NDU3IDE4LjAwNTkgMTAuMDExVjE1LjE2OVoiIGZpbGw9IiM2NTM0OEEiLz4KPHBhdGggZD0iTTEyLjc3NDEgMEM1LjgzMTI1IDAgMC4xODI2MTcgNS42NDg2MyAwLjE4MjYxNyAxMi41OTE0QzAuMTgyNjE3IDE5LjUzNDIgNS44MzEyNSAyNS4xODI5IDEyLjc3NDEgMjUuMTgyOUMxOS43MTY5IDI1LjE4MjkgMjUuMzY1NSAxOS41MzQyIDI1LjM2NTUgMTIuNTkxNEMyNS4zNjU1IDUuNjQ3MyAxOS43MTgyIDAgMTIuNzc0MSAwWk0xMi43NzQxIDIzLjU2NzhDNi43MjE2NiAyMy41Njc4IDEuNzk3NjYgMTguNjQzOCAxLjc5NzY2IDEyLjU5MTRDMS43OTc2NiA2LjUzOTA0IDYuNzIxNjYgMS42MTUwNCAxMi43NzQxIDEuNjE1MDRDMTguODI2NCAxLjYxNTA0IDIzLjc1MDUgNi41MzkwNCAyMy43NTA1IDEyLjU5MTRDMjMuNzUxOCAxOC42NDM4IDE4LjgyNzggMjMuNTY3OCAxMi43NzQxIDIzLjU2NzhaIiBmaWxsPSIjNjUzNDhBIi8+Cjwvc3ZnPg==");
                  }

                  &.linkedin {
                    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTEyLjk1NzYgMEM2LjAxNDg0IDAgMC4zNjYyMTEgNS42NDg2MyAwLjM2NjIxMSAxMi41OTE0QzAuMzY2MjExIDE5LjUzNDIgNi4wMTQ4NCAyNS4xODI5IDEyLjk1NzYgMjUuMTgyOUMxOS45MDA1IDI1LjE4MjkgMjUuNTQ5MSAxOS41MzQyIDI1LjU0OTEgMTIuNTkxNEMyNS41NDkxIDUuNjQ3MyAxOS45MDE4IDAgMTIuOTU3NiAwWk0xMi45NTc2IDIzLjU2NzhDNi45MDUyNiAyMy41Njc4IDEuOTgxMjUgMTguNjQzOCAxLjk4MTI1IDEyLjU5MTRDMS45ODEyNSA2LjUzOTA0IDYuOTA1MjYgMS42MTUwNCAxMi45NTc2IDEuNjE1MDRDMTkuMDEgMS42MTUwNCAyMy45MzQxIDYuNTM5MDQgMjMuOTM0MSAxMi41OTE0QzIzLjkzNTQgMTguNjQzOCAxOS4wMTE0IDIzLjU2NzggMTIuOTU3NiAyMy41Njc4WiIgZmlsbD0iIzY1MzQ4QSIvPgo8cGF0aCBkPSJNMTMuNjc2IDE5QzEyLjc2MDEgMTkgMTEuODgyMyAxOSAxMC45ODU0IDE5QzEwLjk4NTQgMTYuMTEzOSAxMC45ODU0IDEzLjI0MDYgMTAuOTg1NCAxMC4zNDgyQzExLjg0NDEgMTAuMzQ4MiAxMi42ODM3IDEwLjM0ODIgMTMuNTYxNSAxMC4zNDgyQzEzLjU2MTUgMTAuNzE2OSAxMy41NjE1IDExLjA2NjUgMTMuNTYxNSAxMS41MjQyQzE0LjA1MTMgMTAuNzg2OCAxNC42NDI5IDEwLjM2MDkgMTUuNDEyNiAxMC4yMDE5QzE2LjE3NTkgMTAuMDM2NyAxNi45MzI5IDEwLjA5MzkgMTcuNjY0NCAxMC4zNzM2QzE4LjQ5NzcgMTAuNjkxNCAxOC45Njg0IDExLjM0NjIgMTkuMTU5MiAxMi4xNzlDMTkuMjgwMSAxMi43MDAyIDE5LjM1NjQgMTMuMjQ2OSAxOS4zNjkxIDEzLjc4MDlDMTkuMzk0NiAxNS40NjU1IDE5LjM4MTggMTcuMTUwMSAxOS4zODgyIDE4LjgzNDdDMTkuMzg4MiAxOC44NzkyIDE5LjM4MTggMTguOTE3MyAxOS4zNjkxIDE4Ljk4MDlDMTguNDkxMyAxOC45ODA5IDE3LjYxOTkgMTguOTgwOSAxNi42OTExIDE4Ljk4MDlDMTYuNjkxMSAxOC44ODU1IDE2LjY5MTEgMTguNzcxMSAxNi42OTExIDE4LjY2M0MxNi42OTExIDE3LjI3NzIgMTYuNjk3NSAxNS44ODUgMTYuNjg0OCAxNC40OTkyQzE2LjY4NDggMTQuMTYyMyAxNi42NDY2IDEzLjgxOSAxNi41NzAzIDEzLjQ5NDhDMTYuNDI0IDEyLjg0NjQgMTYuMDYxNCAxMi41NDEzIDE1LjQzMTcgMTIuNDkwNEMxNC43MDAyIDEyLjQzMzIgMTQuMTQwNCAxMi43MDAyIDEzLjkxMTQgMTMuMjc4N0MxMy43OTY5IDEzLjU3MTEgMTMuNzE0MiAxMy44ODkgMTMuNzA3OCAxNC4yMDA1QzEzLjY4MjQgMTUuNjc1MyAxMy42ODI0IDE3LjE0MzcgMTMuNjc2IDE4LjYxODVDMTMuNjc2IDE4LjczMyAxMy42NzYgMTguODYwMSAxMy42NzYgMTlaIiBmaWxsPSIjNjUzNDhBIi8+CjxwYXRoIGQ9Ik05LjI0Nzc2IDE4Ljk5OTlDOC4zNTcyMiAxOC45OTk5IDcuNDc5NCAxOC45OTk5IDYuNTg4ODcgMTguOTk5OUM2LjU4ODg3IDE2LjExMzkgNi41ODg4NyAxMy4yNDA2IDYuNTg4ODcgMTAuMzQ4MUM3LjQ3OTQgMTAuMzQ4MSA4LjM1MDg2IDEwLjM0ODEgOS4yNDc3NiAxMC4zNDgxQzkuMjQ3NzYgMTMuMjIxNSA5LjI0Nzc2IDE2LjA4ODUgOS4yNDc3NiAxOC45OTk5WiIgZmlsbD0iIzY1MzQ4QSIvPgo8cGF0aCBkPSJNNi4zNjYzOCA3LjUzODQyQzYuMzcyNzQgNi42NzM4OCA3LjA1OTczIDUuOTkzNjkgNy45MzExOSA2LjAwMDA0QzguNzg5OTIgNi4wMDY0IDkuNDg5NjMgNi42OTkzMSA5LjQ4OTYzIDcuNTUxMTRDOS40ODk2MyA4LjQxNTY4IDguNzc3MTkgOS4xMzQwMSA3LjkxODQ2IDkuMTM0MDFDNy4wNTMzNyA5LjEzNDAxIDYuMzUzNjYgOC40MTU2OCA2LjM2NjM4IDcuNTM4NDJaIiBmaWxsPSIjNjUzNDhBIi8+Cjwvc3ZnPg==");
                  }
                }
              }
            }
          }

          .right-side {
            width: 100%;
            display: flex;
            z-index: 1;
            justify-content: center;
            align-items: center;

            .profile-photo {
              display: flex;
              justify-content: center;
              max-width: 12rem;
              align-items: center;
              aspect-ratio: 1 / 1;
              border-radius: 100%;
              overflow: hidden;
              background: white;

              img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
              }
            }
          }
        }
      }

      .syllabus {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;

        > strong {
          font-size: 2rem;
          font-family: var(--co-bold);
          color: var(--purple-cold);
        }

        .class {
          display: flex;
          width: 100%;

          > ul {
            display: flex;
            gap: 1rem;
            width: 100%;

            li {
              width: 100%;
              border-radius: 1.25rem;
              background-color: var(--purple-clear);
              padding: 1rem;
              color: var(--purple-cold);
              font-size: 1.25rem;
              font-family: var(--co-regular);
              display: flex;
              justify-content: start;
              align-items: center;
              gap: 1rem;
              line-height: normal;

              .index {
                color: var(--yellow);
                font-size: 1.875rem;
                font-family: var(--co-bold);
              }
            }
          }
        }

        .accordeon {
          .accordeon-item {
            margin-bottom: 10px;

            .accordeon-header {
              cursor: pointer;
              width: 100%;
              border-radius: 1.25rem;
              background-color: var(--purple-clear);
              padding: 1rem;
              color: var(--purple-cold);
              font-size: 1.25rem;
              font-family: var(--co-bold);
              display: flex;
              justify-content: start;
              align-items: center;
              gap: 1rem;
              line-height: normal;

              .module-index {
                color: var(--yellow);
                font-size: 1.875rem;
                font-family: var(--co-bold);
              }

              &::after {
                content: "";
                right: 1rem;
                position: relative;
                width: 1.4rem;
                height: 1.4rem;
                margin-left: auto;
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
                background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE5IDEyIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTkuNTI3MjEgNS43NTk1NEM4Ljc4NzU0IDYuNTM0ODMgOC4xNjg2MiA3LjE4ODUgNy41MzQ2MSA3LjgyNjk3QzYuNDAyNDUgOC45NjcwOSA1LjI3MDMgMTAuMTA3MiA0LjEzODE0IDExLjI0NzNDMy4xNDE4NCAxMi4yMzU0IDEuNjQ3MzkgMTIuMjM1NCAwLjY5NjM3OSAxMS4yNDczQy0wLjIzOTUzOCAxMC4yODk2IC0wLjIzOTU0IDguODE1MDcgMC43NDE2NjMgNy44MjY5N0MzLjA1MTI3IDUuNDg1OTEgNS4zNjA4NyAzLjE2MDA1IDcuNjg1NTcgMC44MzQxOTlDOC43ODc1MyAtMC4yNzU1MjMgMTAuMTkxNCAtMC4yNzU1MTkgMTEuMjc4MyAwLjgxOTAwMUMxMy42MDMgMy4xNDQ4NiAxNS45Mjc3IDUuNDcwNzEgMTguMjM3MyA3LjgxMTc3QzE5LjIzMzYgOC44MTUwOCAxOS4yNDg3IDEwLjMwNDggMTguMzEyOCAxMS4yNzc3QzE3LjM2MTcgMTIuMjUwNyAxNS44MzcxIDEyLjI1MDcgMTQuODI1NyAxMS4yMTY5QzEzLjA4OTcgOS40MzgzNSAxMS4zNjg5IDcuNjQ0NTUgOS41MjcyMSA1Ljc1OTU0WiIgZmlsbD0iIzY1MzQ4QSIvPgo8L3N2Zz4=");
                transition: var(--anim-low);
              }

              &.active {
                &::after {
                  transform: rotate(-180deg);
                }
              }
            }

            .accordeon-content {
              padding: 10px;
              display: none;

              .lesson {
                padding-left: 4rem;
                margin-bottom: 5px;
                font-size: 1rem;
                font-family: var(--co-regular);
                color: var(--gray);
              }
            }
          }
        }
      }

      .certificates {
        display: flex;
        flex-direction: column;

        h3 {
          font-size: 2rem;
          font-family: var(--co-bold);
          color: var(--purple-cold);
        }

        .certificate-info {
          display: flex;
          align-items: center;
          width: 100%;

          .preview {
            display: flex;
            flex-basis: 30%;

            .certificate-img {
              display: flex;
              width: 15rem;
              height: 9.75rem;
              border-radius: 0.813rem;
              overflow: hidden;

              img {
                object-fit: cover;
                object-position: center;
                width: 100%;
              }
            }
          }

          .data {
            display: flex;
            flex-direction: column;
            flex-basis: 70%;

            > h4 {
              font-family: var(--co-bold);
              font-size: 1.25rem;
              color: var(--yellow);
            }

            > p {
              font-family: var(--nu-regular);
              font-size: 0.938rem;
              color: var(--black);
            }
          }
        }
      }

      .rating {
        font-size: 1rem;
        width: 100%;
        margin: 0 auto;

        h3 {
          font-size: 2rem;
          font-family: var(--co-bold);
          color: var(--purple-cold);
          margin-bottom: 1em;
        }

        .rating-info {
          display: flex;
          gap: 2rem;

          .left {
            flex-basis: 20%;
            min-width: 10rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            h4#average-rating {
              font-size: 5.625rem;
              font-family: var(--co-bold);
              color: var(--purple-cold);
              margin: 0;
              line-height: 1;
            }

            .stars {
              display: flex;
              justify-content: center;
              margin: 0.5em 0;
            }

            h5 {
              font-family: var(--co-regular);
              color: var(--black);
              font-size: 0.875rem;
              margin: 0;
            }
          }

          .right {
            flex-basis: 80%;
            min-width: 15rem;
            display: flex;
            flex-direction: column;
            justify-content: space-between;

            .countbar {
              display: flex;
              align-items: center;
              margin-bottom: 0.5em;

              .progress {
                flex-grow: 1;
                background-color: var(--yellow-clear);
                height: 0.5em;
                border-radius: 0.25em;
                margin-right: 1em;
                overflow: hidden;

                .bar {
                  display: block;
                  height: 100%;
                  background-color: var(--yellow);
                  border-radius: 0.25em;
                  transition: width 0.3s ease;
                }
              }

              .total-stars {
                display: flex;
                margin-right: 1em;
              }

              .percentage {
                min-width: 3em;
                text-align: right;

                span {
                  font-family: var(--co-bold);
                  font-size: 1.125rem;
                  color: var(--yellow);
                }
              }
            }
          }
        }
      }
    }

    .right-side {
      display: flex;
      flex-basis: 30%;
      flex-direction: column;
      margin-block: 4rem;
      gap: 2rem;

      .extra-data {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-radius: 0.688rem;
        padding: 1.5rem 1.8rem;
        box-shadow: 0px 1.184px 5.919px 0px rgba(0, 0, 0, 0.25);
        gap: 1rem;

        .top {
          display: flex;
          gap: 0.9em;
          align-items: center;

          .stars {
            display: flex;

            .rating-container {
              display: flex;
              background: var(--gr-purple);
              padding: 0.3rem 0.6rem;
              border-radius: 0.363rem;
              gap: 0.3rem;
              justify-content: center;
              align-items: center;
              width: min-content;

              .rating-count {
                font-size: 0.8rem;
                font-family: var(--co-regular);
                color: var(--white);
              }

              &::before {
                content: "";
                background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE0IDEzIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTUuODk3IDAuODQ4MTM3QzYuMjQzODkgMC4yOTAyMTIgNy4wNTU5IDAuMjkwMjEyIDcuNDAyNzkgMC44NDgxMzdMOC45ODQzIDMuMzkxNzdDOS4xMDYzNiAzLjU4ODA3IDkuMzAwMjUgMy43Mjg5NCA5LjUyNDY2IDMuNzg0MzZMMTIuNDMyNSA0LjUwMjQ0QzEzLjA3MDMgNC42NTk5NCAxMy4zMjEyIDUuNDMyMjEgMTIuODk3OCA1LjkzNDU0TDEwLjk2NzQgOC4yMjQ2N0MxMC44MTg0IDguNDAxNCAxMC43NDQ0IDguNjI5MzQgMTAuNzYxIDguODU5ODlMMTAuOTc2NiAxMS44NDczQzExLjAyMzkgMTIuNTAyNiAxMC4zNjcgMTIuOTc5OSA5Ljc1ODQzIDEyLjczMjRMNi45ODM4NSAxMS42MDQyQzYuNzY5NzMgMTEuNTE3MSA2LjUzMDA2IDExLjUxNzEgNi4zMTU5NCAxMS42MDQyTDMuNTQxMzYgMTIuNzMyNEMyLjkzMjc4IDEyLjk3OTkgMi4yNzU4NSAxMi41MDI2IDIuMzIzMTUgMTEuODQ3M0wyLjUzODc5IDguODU5ODlDMi41NTU0MyA4LjYyOTM0IDIuNDgxMzcgOC40MDE0IDIuMzMyMzkgOC4yMjQ2N0wwLjQwMTk2NyA1LjkzNDU0Qy0wLjAyMTQ1NiA1LjQzMjIyIDAuMjI5NDcgNC42NTk5NCAwLjg2NzI4NCA0LjUwMjQ0TDMuNzc1MTQgMy43ODQzNkMzLjk5OTU1IDMuNzI4OTQgNC4xOTM0NCAzLjU4ODA3IDQuMzE1NDkgMy4zOTE3N0w1Ljg5NyAwLjg0ODEzN1oiIGZpbGw9IiNFNEFDNUIiLz4KPC9zdmc+");
                width: 1rem;
                height: 1rem;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
              }
            }
          }

          .divisor {
            height: 100%;
            background-color: var(--black);
            width: 1px;
            opacity: 0.4;
          }

          .students-count {
            display: flex;

            span {
              gap: 0.2rem;
              font-size: 1.125rem;
              font-family: var(--co-bold);
              color: var(--purple-cold);
              display: flex;
              justify-content: center;
              align-items: center;

              &:before {
                display: flex;
                width: 1.5rem;
                height: 1.5rem;
                content: "";
                background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyOSIgdmlld0JveD0iMCAwIDI0IDI5IiBmaWxsPSJub25lIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi41MDcgMC44OTQ2NDFDMTIuNDA3IDAuODc2NDQ3IDEyLjMwNjkgMC44NTgyNDcgMTIuMjA3MSAwLjgzODgwN0MxMS42NjUxIDAuODM4ODA3IDExLjEyMyAwLjgzODgwNyAxMC41ODc4IDAuODMyMDMxQzEwLjU2NzQgMC44MzY1NDggMTAuNTQ3MSAwLjg0MTgxOCAxMC41MjY4IDAuODQ3MDg4QzEwLjQ4NjEgMC44NTc2MjggMTAuNDQ1NSAwLjg2ODE2NyAxMC40MDQ4IDAuODcyNjg0QzguMzU4NjIgMS4xOTExMyA2Ljc5MzQ4IDIuMjYxNjcgNS43MTYxNyAzLjk4OTQzQzQuMDY5NzIgNi42MzE4OCA0LjQ2MjcgOS45NDUxMSA2LjYzMDg2IDEyLjE4MUM4LjYzNjQyIDE0LjI1NDMgMTEuNzU5OSAxNC44MDMyIDE0LjM0ODIgMTMuNTQyOUMxNi45MDI2IDEyLjI5NjIgMTguNDA2NyA5LjU5OTU2IDE4LjA2OCA2Ljc2NzM5QzE3Ljc0MjcgNC4wNzA3MyAxNi4yMjUgMi4yNjE2NyAxMy43NTE5IDEuMjE4MjRDMTMuMzUxOSAxLjA0ODM3IDEyLjkyOTggMC45NzE1NjUgMTIuNTA3IDAuODk0NjQxWk05LjU4MDIzIDI4LjU1MzlDMTAuMjQ3NSAyOC41NTI4IDEwLjkxNTEgMjguNTUxNyAxMS41ODMxIDI4LjU1MTdDMTIuMzA3MSAyOC41NTM5IDEzLjAzMDMgMjguNTU1NCAxMy43NTMxIDI4LjU1NjlDMTUuMjAxNSAyOC41NiAxNi42NDggMjguNTYzIDE4LjA5NDQgMjguNTcyQzE4LjQ0NjcgMjguNTcyIDE4Ljc5MjMgMjguNTU4NSAxOS4xNDQ2IDI4LjUxNzhDMjEuNDAwOSAyOC4yNjcxIDIzLjEwMTUgMjYuNDAzOCAyMy4xNDIyIDI0LjEyNzNDMjMuMTU1NyAyMy4yMjYxIDIzLjE0OSAyMi4zMjUgMjMuMDMzOCAyMS40MzA2QzIyLjg0NDEgMTkuODk5MyAyMi41MTg4IDE4LjQwODcgMjEuNzYgMTcuMDQ2OEMyMC45MzM0IDE1LjU0OTQgMTkuNzIwNSAxNC41ODA1IDE4LjAwNjMgMTQuMjY4OUMxNy4yNDA3IDE0LjEzMzQgMTYuNTQyOCAxNC4xODc2IDE1LjkwNTkgMTQuNjc1NEMxNS42MDc4IDE0Ljg5OSAxNS4yODI2IDE1LjA5NTUgMTQuOTU3NCAxNS4yOTJDMTQuMDAyIDE1Ljg3NDcgMTIuOTcyMSAxNi4yNDA1IDExLjg1NDIgMTYuMjk0N0MxMC40ODU1IDE2LjM2MjUgOS4yMzg4MSAxNS45NDkyIDguMDkzNzUgMTUuMjI0MkM3LjkzOTg0IDE1LjEyNzMgNy43ODcxNCAxNS4wMjggNy42MzQ2MiAxNC45Mjg4QzcuNDI0NTYgMTQuNzkyMiA3LjIxNDg2IDE0LjY1NTkgNy4wMDI4OSAxNC41MjYzTDYuOTkxOSAxNC41MTk3QzYuNzI0MzUgMTQuMzU5MiA2LjQ0OTY4IDE0LjE5NDMgNi4xMjg4NCAxNC4xOTQzQzQuNzI2MzEgMTQuMjAxMSAzLjQ3OTYxIDE0LjYyOCAyLjQ3MDA2IDE1LjYxNzJDMS41MjE0OSAxNi41Mzg3IDAuOTc5NDQzIDE3LjcwNDEgMC42MTM1NjUgMTguOTU3NUMwLjExMjE3NiAyMC42ODUzIC0wLjA3MDc2MzIgMjIuNDYwNSAwLjAyNDA5NDEgMjQuMjQ5MkMwLjA5MTg0OTQgMjUuNTQzMyAwLjYwNjc4OSAyNi42NTQ1IDEuNjI5ODkgMjcuNDk0N0MyLjQ5MDM5IDI4LjE5MjYgMy40ODYzOSAyOC41MzEzIDQuNTc3MjUgMjguNTQ0OUM2LjI0NjcyIDI4LjU1OTQgNy45MTI3NCAyOC41NTY3IDkuNTgwMjMgMjguNTUzOVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8zMl82MTQxKSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzMyXzYxNDEiIHgxPSIxMS41NzM3IiB5MT0iMC44MzIwMzEiIHgyPSIxMS41NzM3IiB5Mj0iMjguNTcyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM2NTM0OEEiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjN0QxRjY3Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+);
                background-repeat: no-repeat;
                background-position: center;
                background-size: contain;
              }
            }
          }
        }

        .bottom {
          display: flex;
          width: 100%;

          .data {
            display: flex;
            flex-direction: column;
            gap: 1rem;

            span {
              font-size: 1.094rem;
              color: var(--gray);
              font-family: var(--nu-regular);
              display: flex;
              gap: 0.4rem;
              align-items: center;
              line-height: normal;
              text-wrap: nowrap;

              &::before {
                content: "";
                width: 1.5rem;
                height: 1.5rem;
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center;
              }

              b {
                font-family: var(--nu-bold);
              }

              &.disponibility-icon {
                &::before {
                  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI1IDI4IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTUuMTY4NDIgMC4wNzc0OTA5QzUuNDE5NjYgMC4wNzc0OTA5IDUuNjcwOSAwLjA3NzQ5MDkgNS45MjIxNSAwLjA3NzQ5MDlDNi42Njg3IDAuMzY0NjI1IDYuOTk4OSAwLjkyNDUzNyA2Ljk2MzAxIDEuNzE0MTZDNi45NTU4MyAxLjk0Mzg2IDYuOTYzMDEgMi4xODA3NSA2Ljk2MzAxIDIuNDEwNDZDNi45NjMwMSAyLjc5ODA5IDYuOTYzMDEgMi43OTgwOSA3LjM1MDY0IDIuNzk4MDlDOS43NzY5MyAyLjc5ODA5IDEyLjE5NiAyLjc5ODA5IDE0LjYyMjMgMi43OTgwOUMxNS4xNDYzIDIuNzk4MDkgMTUuNjc3NSAyLjc5MDkxIDE2LjIwMTYgMi43OTgwOUMxNi40Mzg0IDIuODA1MjcgMTYuNTI0NiAyLjcxMTk1IDE2LjUxNzQgMi40ODIyNEMxNi41MTAyIDIuMjAyMjggMTYuNTEwMiAxLjkyOTUxIDE2LjUxNzQgMS42NDk1NUMxNi41MjQ2IDAuODA5NjgzIDE2LjgxMTcgMC4zODYxNiAxNy41OTQyIDAuMDcwMzEyNUMxNy44MjM5IDAuMDcwMzEyNSAxOC4wNjA4IDAuMDcwMzEyNSAxOC4yOTA1IDAuMDcwMzEyNUMxOS4wMzcgMC4zNDMwOSAxOS4zODE2IDAuODY3MTEgMTkuMzMxMyAxLjY2MzkxQzE5LjMxNyAxLjkyMjMzIDE5LjMzMTMgMi4xODA3NSAxOS4zMzEzIDIuNDM5MTdDMTkuMzMxMyAyLjc4MzczIDE5LjMzODUgMi43OTA5MSAxOS42NzU5IDIuNzkwOTFDMjAuNjk1MiAyLjc5MDkxIDIxLjcxNDUgMi43OTA5MSAyMi43NDEgMi43OTA5MUMyMy4xOTMzIDIuNzkwOTEgMjMuNjAyNCAyLjkyNzMgMjMuOTY4NSAzLjIwMDA4QzI0LjU2NDMgMy42NTIzMSAyNC44NTg3IDQuMjYyNDcgMjQuODU4NyA1LjAwOTAyQzI0Ljg1ODcgMTEuODA2OSAyNC44NTg3IDE4LjU5NzcgMjQuODU4NyAyNS4zOTU2QzI0Ljg1ODcgMjUuNDMxNSAyNC44NTg3IDI1LjQ2NzMgMjQuODU4NyAyNS41MDMyQzI0LjgwODQgMjYuNjU5IDIzLjg5NjggMjcuNTk5MyAyMi43OTEzIDI3LjU5OTNDMTUuODg1NyAyNy41OTkzIDguOTg3MzEgMjcuNTk5MyAyLjA4MTcyIDI3LjU5OTNDMS44NDQ4NCAyNy41OTkzIDEuNjIyMzEgMjcuNTQ5MSAxLjM5OTc4IDI3LjQ2MjlDMC41MzExOTkgMjcuMTM5OSAwIDI2LjM1NzUgMCAyNS4zOTU2QzAgMTguNTk3NyAwIDExLjgwNjkgMCA1LjAwOTAyQzAgNC45NzMxMyAwIDQuOTM3MjQgMCA0LjkwMTM1QzAuMDUwMjQ4NSAzLjcwMjU2IDAuOTgzNDM1IDIuODA1MjcgMi4xODIyMiAyLjc5ODA5QzIuNzM0OTUgMi43OTgwOSAzLjI5NDg3IDIuNzkwOTEgMy44NDc2IDIuNzk4MDlDNC4wNTU3NyAyLjc5ODA5IDQuMTQxOTEgMi43MjYzMSA0LjEzNDc0IDIuNTE4MTNDNC4xMjc1NiAyLjI1MjUzIDQuMTQxOTEgMS45Nzk3NiA0LjEyNzU2IDEuNzE0MTZDNC4wOTE2NiAwLjkyNDUzNyA0LjQyMTg3IDAuMzcxODA0IDUuMTY4NDIgMC4wNzc0OTA5Wk0xMi40MTg2IDExLjExMDZDOS4zNDYyMiAxMS4xMTA2IDYuMjczODkgMTEuMTEwNiAzLjIwODczIDExLjExMDZDMi44MjExIDExLjExMDYgMi44MjExIDExLjExMDYgMi44MjExIDExLjQ5ODNDMi44MjExIDE1Ljc5ODEgMi44MjExIDIwLjA5MDggMi44MjExIDI0LjM5MDZDMi44MjExIDI0Ljc3ODIgMi44MzU0NSAyNC43OTI2IDMuMjA4NzMgMjQuNzkyNkM5LjM1MzQgMjQuNzkyNiAxNS40OTA5IDI0Ljc5MjYgMjEuNjM1NiAyNC43OTI2QzIyLjAwODkgMjQuNzkyNiAyMi4wMjMyIDI0Ljc3ODIgMjIuMDIzMiAyNC4zOTA2QzIyLjAyMzIgMjAuMDkwOCAyMi4wMjMyIDE1Ljc5ODEgMjIuMDIzMiAxMS40OTgzQzIyLjAyMzIgMTEuMTEwNiAyMi4wMjMyIDExLjExMDYgMjEuNjM1NiAxMS4xMTA2QzE4LjU2MzIgMTEuMTEwNiAxNS40OTA5IDExLjExMDYgMTIuNDE4NiAxMS4xMTA2WiIgZmlsbD0iIzdEMUY2NyIvPgo8cGF0aCBkPSJNOC4yNDg2NCAxNi41NTE0QzguNzE1MjQgMTYuNTU4NSA5LjA1OTggMTYuNzIzNiA5LjM0NjkzIDE3LjAxOEM5Ljg0OTQyIDE3LjUyMDQgMTAuMzUxOSAxOC4wMTU3IDEwLjg0NzIgMTguNTE4MkMxMS4wMDUxIDE4LjY4MzMgMTEuMTA1NiAxOC42NjkgMTEuMjU2NCAxOC41MTgyQzEyLjY1NjIgMTcuMTExMyAxNC4wNjMxIDE1LjcwNDMgMTUuNDcwMSAxNC4yOTc0QzE1Ljg1NzcgMTMuOTAyNSAxNi4zMTcxIDEzLjcyMzEgMTYuODU1NSAxMy44Mzc5QzE3Ljg0NjEgMTQuMDQ2MSAxOC4yODQgMTUuMjE2MiAxNy42ODEgMTYuMDM0NUMxNy41OTQ5IDE2LjE0OTQgMTcuNDk0NCAxNi4yNDk5IDE3LjM5MzkgMTYuMzUwNEMxNS42NjM5IDE4LjA4NzUgMTMuOTMzOSAxOS44MTc1IDEyLjIwMzkgMjEuNTQwM0MxMS40Mjg3IDIyLjMxNTYgMTAuNjYwNiAyMi4zMTU2IDkuODkyNDkgMjEuNTQ3NUM5LjAzMTA4IDIwLjY4NjEgOC4xNjk2OCAxOS44MzE5IDcuMzE1NDYgMTguOTYzM0M2LjkyNzgyIDE4LjU2ODUgNi43ODQyNiAxOC4wOTQ3IDYuOTQ5MzYgMTcuNTU2M0M3LjEwNzI4IDE3LjAzMjMgNy40NzMzOCAxNi43MTY1IDcuOTk3NCAxNi41ODAxQzguMDk3OSAxNi41NjU3IDguMTk4MzkgMTYuNTU4NSA4LjI0ODY0IDE2LjU1MTRaIiBmaWxsPSIjN0QxRjY3Ii8+Cjwvc3ZnPg==");
                }
              }

              &.level-icon {
                &::before {
                  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDI1IDE5IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTI0Ljg1OTMgOS44OTc0M0MyNC44NTkzIDEyLjcwOTcgMjQuODU5MyAxNS41MjkzIDI0Ljg1OTMgMTguMzQxNUMyNC44NTkzIDE4LjcyNjQgMjQuODU5MyAxOC43MjY0IDI0LjQ3NDUgMTguNzI2NEMyMi44ODMzIDE4LjcyNjQgMjEuMjk5NiAxOC43MjY0IDE5LjcwODUgMTguNzI2NEMxOS4zMzg1IDE4LjcyNjQgMTkuMzMxMSAxOC43MTkgMTkuMzMxMSAxOC4zNTYzQzE5LjMzMTEgMTIuNzI0NSAxOS4zMzExIDcuMDkyNTkgMTkuMzMxMSAxLjQ2MDczQzE5LjMzMTEgMC43NTAyNjkgMTkuNjcxNSAwLjM2NTQzNyAyMC4zODE5IDAuMzUwNjM2QzIxLjUyOSAwLjMyODQzNCAyMi42Njg3IDAuMzI4NDM0IDIzLjgxNTggMC4zNTA2MzZDMjQuNTI2MyAwLjM2NTQzNyAyNC44NTkzIDAuNzU3NjY5IDI0Ljg1OTMgMS40NzU1M0MyNC44NTkzIDQuMjgwMzYgMjQuODU5MyA3LjA5MjU5IDI0Ljg1OTMgOS44OTc0M1oiIGZpbGw9IiM3RDFGNjciLz4KPHBhdGggZD0iTTE4LjQyOCAxMS42NDQyQzE4LjQyOCAxMy44NjQ0IDE4LjQyOCAxNi4wOTIgMTguNDI4IDE4LjMxMjJDMTguNDI4IDE4LjcxMTggMTguNDIwNiAxOC43MTkyIDE4LjAzNTcgMTguNzE5MkMxNi40MzcyIDE4LjcxOTIgMTQuODQ2MSAxOC43MTkyIDEzLjI0NzUgMTguNzE5MkMxMi44OTIzIDE4LjcxOTIgMTIuODcwMSAxOC42OTcgMTIuODcwMSAxOC4zNDE4QzEyLjg3MDEgMTQuMTIzNCAxMi44NzAxIDkuOTA1MDcgMTIuODcwMSA1LjY5NDEyQzEyLjg3MDEgNC45MzkyNiAxMy4yNjk4IDQuNTQ3MDMgMTQuMDQ2OCA0LjUzOTYzQzE1LjM5MzcgNC41MzIyMyAxNi43NDA2IDQuNTM5NjMgMTguMDg3NSA0LjUzMjIzQzE4LjM0NjYgNC41MzIyMyAxOC40MzU0IDQuNjEzNjMgMTguNDM1NCA0Ljg4MDA2QzE4LjQyOCA3LjE0NDY0IDE4LjQyOCA5LjM5NDQzIDE4LjQyOCAxMS42NDQyWiIgZmlsbD0iIzdEMUY2NyIvPgo8cGF0aCBkPSJNMTEuOTk2MyAxMy44MTI3QzExLjk5NjMgMTUuMzE1IDExLjk5NjMgMTYuODI0OCAxMS45OTYzIDE4LjMyNzFDMTEuOTk2MyAxOC43MTE5IDExLjk4MTUgMTguNzI2NyAxMS41ODkzIDE4LjcyNjdDMTAuMDA1NiAxOC43MjY3IDguNDE0NDQgMTguNzI2NyA2LjgzMDcxIDE4LjcyNjdDNi40NDU4OCAxOC43MjY3IDYuNDM4NDggMTguNzExOSA2LjQzODQ4IDE4LjM0MTlDNi40Mzg0OCAxNS41NzQgNi40Mzg0OCAxMi44MDYyIDYuNDM4NDggMTAuMDM4NEM2LjQzODQ4IDkuMzQyNzMgNi44MzgxMSA4LjkyODMgNy41MzM3NyA4LjkyODNDOC45MTc2OCA4LjkyMDkgMTAuMzAxNiA4LjkyODMgMTEuNjg1NSA4LjkyMDlDMTEuOTI5NyA4LjkyMDkgMTIuMDAzNyA5LjAxNzExIDEyLjAwMzcgOS4yNDY1M0MxMS45OTYzIDEwLjc3MTEgMTEuOTk2MyAxMi4yOTU2IDExLjk5NjMgMTMuODEyN1oiIGZpbGw9IiM3RDFGNjciLz4KPHBhdGggZD0iTTUuNTI4MjYgMTYuMDE4M0M1LjUyODI2IDE2LjgxMDIgNS41MjA4NiAxNy42MDk1IDUuNTM1NjYgMTguNDAxM0M1LjUzNTY2IDE4LjYzODIgNS40NzY0NSAxOC43MzQ0IDUuMjI0ODMgMTguNzM0NEMzLjU4MTkgMTguNzI3IDEuOTM4OTYgMTguNzI3IDAuMjk2MDI1IDE4LjczNDRDMC4wNjY2MDU1IDE4LjczNDQgMCAxOC42NDU2IDAgMTguNDIzNUMwLjAwNzQwMDYxIDE3LjA1NDQgMCAxNS42OTI3IDAuMDA3NDAwNjEgMTQuMzIzNkMwLjAwNzQwMDYxIDEzLjcyNDIgMC4zOTk2MzMgMTMuMzA5NyAxLjAwNjQ4IDEzLjMwMjNDMi40Mjc0IDEzLjI4NzUgMy44NDgzMiAxMy4zMDIzIDUuMjY5MjQgMTMuMjk0OUM1LjQ4Mzg1IDEzLjI5NDkgNS41MjgyNiAxMy4zOTg1IDUuNTI4MjYgMTMuNTgzNUM1LjUyODI2IDE0LjM5MDIgNS41MjgyNiAxNS4yMDQzIDUuNTI4MjYgMTYuMDE4M1oiIGZpbGw9IiM3RDFGNjciLz4KPC9zdmc+");
                }
              }

              &.duration-months-icon {
                &::before {
                  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDIzIDMyIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTcuMDI5MDcgMTUuODA4QzYuMTIwMjkgMTQuOTgyOSA1LjI3MTI5IDE0LjIxNzcgNC40MTAzMyAxMy40NTI0QzIuNzI0MjkgMTEuOTQ1NyAxLjY2MDA1IDEwLjA5MjIgMS4zODUwMiA3Ljg0NDE4QzEuMjUzNDkgNi43NDQwNyAxLjMwMTMyIDUuNjIwMDQgMS4zMDEzMiA0LjQ5NjAxQzEuMzAxMzIgNC4xNDkyNCAxLjIxNzYxIDMuOTIyMDQgMC45MzA2MjcgMy42OTQ4NEMwLjA2OTY3MDIgMy4wMjUyMSAtMC4wOTc3MzgyIDIuMDY4NTkgMC4wNDU3NTQ3IDEuMDY0MTRDMC4wNjk2NzAyIDAuODYwODU4IDAuMzY4NjE0IDAuNjU3NTc2IDAuNTgzODUzIDAuNTI2MDQxQzAuNzE1Mzg4IDAuNDQyMzM3IDAuOTMwNjI3IDAuNDkwMTY4IDEuMTA5OTkgMC40OTAxNjhDOC4wMjE1NyAwLjQ5MDE2OCAxNC45NDUxIDAuNDkwMTY4IDIxLjg1NjcgMC40OTAxNjhDMjIuODQ5MiAwLjQ5MDE2OCAyMi45ODA3IDAuNjMzNjYxIDIyLjk2ODcgMS42MzgxMUMyMi45Njg3IDIuNDYzMTkgMjIuNzA1NyAzLjE4MDY2IDIyLjA0OCAzLjY4Mjg4QzIxLjcyNTEgMy45MjIwNCAyMS42ODkzIDQuMTk3MDcgMjEuNjc3MyA0LjU0Mzg0QzIxLjYyOTUgNS44OTUwNyAyMS42NjUzIDcuMjcwMjEgMjEuNDUwMSA4LjU4NTU2QzIxLjExNTMgMTAuNTM0NyAyMC4wNTExIDEyLjExMzEgMTguNTgwMyAxMy40Mjg0QzE3LjcxOTMgMTQuMTkzNyAxNi44NzAzIDE0Ljk3MSAxNS45NjE1IDE1Ljc5NjFDMTYuODQ2NCAxNi41OTcyIDE3LjY5NTQgMTcuMzc0NSAxOC41NTYzIDE4LjEzOThDMjAuMDUxMSAxOS40NjcxIDIxLjExNTMgMjEuMDY5NCAyMS40NjIxIDIzLjAzMDVDMjEuNjg5MyAyNC4zMSAyMS42NDE0IDI1LjY0OTMgMjEuNjg5MyAyNi45NTI2QzIxLjcwMTIgMjcuMzcxMiAyMS43NzMgMjcuNjcwMSAyMi4xMzE3IDI3Ljk2OTFDMjIuOTU2OCAyOC42Mzg3IDIzLjEwMDMgMjkuNTk1MyAyMi45NDQ4IDMwLjU3NThDMjIuOTA5IDMwLjc3OTEgMjIuNTk4MSAzMC45NzA0IDIyLjM4MjggMzEuMDlDMjIuMjM5MyAzMS4xNjE4IDIyLjAzNiAzMS4xMTM5IDIxLjg1NjcgMzEuMTEzOUMxNC45NTcxIDMxLjExMzkgOC4wNjk0IDMxLjExMzkgMS4xNjk3OCAzMS4xMTM5QzAuMTQxNDE3IDMxLjExMzkgMC4wMDk4ODE0NyAzMC45ODI0IDAuMDIxODM5MiAyOS45MzAxQzAuMDIxODM5MiAyOS4wODExIDAuMzU2NjU2IDI4LjM5OTUgMC45OTA0MTYgMjcuODM3NUMxLjE2OTc4IDI3LjY4MjEgMS4yNzc0IDI3LjM4MzEgMS4yODkzNiAyNy4xNDRDMS4zNDkxNSAyNi4wMDggMS4yNjU0NCAyNC44NiAxLjM5Njk4IDIzLjc0OEMxLjY2MDA1IDIxLjQ5OTkgMi43NDgyIDE5LjY1ODQgNC40MzQyNSAxOC4xNTE4QzUuMjcxMjkgMTcuMzk4NCA2LjEwODMzIDE2LjYzMzEgNy4wMjkwNyAxNS44MDhaTTE5LjA0NjYgNC4zNzY0M0MxNC4wMDA0IDQuMzc2NDMgOC45MzAzNiA0LjM3NjQzIDMuODM2MzYgNC4zNzY0M0MzLjgzNjM2IDUuMDQ2MDcgMy44NDgzMiA1LjY1NTkxIDMuODM2MzYgNi4yNzc3MUMzLjc3NjU3IDguNDc3OTQgNC42MTM2MSAxMC4yNTk2IDYuMjYzNzggMTEuNjk0NkM3LjM3NTg1IDEyLjY2MzEgOC40NjQgMTMuNjU1NiA5LjU1MjE2IDE0LjY0ODFDMTAuNDQ5IDE1LjQ2MTMgMTAuNDQ5IDE2LjE1NDggOS41NjQxMiAxNi45NTZDOC4yOTY2IDE4LjExNTkgNy4wMDUxNiAxOS4yMzk5IDUuNzYxNTUgMjAuNDExOEMzLjc1MjY1IDIyLjMxMyAzLjY5Mjg3IDI0Ljc1MjQgMy44ODQxOSAyNy4yODc1QzQuMTQ3MjYgMjcuMjg3NSA0LjM3NDQ2IDI3LjI1MTYgNC41Nzc3NCAyNy4yODc1QzUuMjExNSAyNy4zOTUxIDUuNTgyMTkgMjcuMTIwMSA1Ljk1Mjg4IDI2LjYxNzhDNy40OTU0MyAyNC40ODk0IDkuMDk3NzYgMjIuMzk2NyAxMC42NzYyIDIwLjI5MjJDMTEuMzQ1OCAxOS4zOTU0IDExLjY0NDggMTkuMzk1NCAxMi4zMzgzIDIwLjMxNjFDMTMuOTc2NSAyMi41MDQ0IDE1LjYxNDcgMjQuNjgwNyAxNy4yNTI5IDI2Ljg2ODlDMTcuMzcyNSAyNy4wMzY0IDE3LjU1MTkgMjcuMjUxNiAxNy43MTkzIDI3LjI2MzVDMTguMTg1NiAyNy4zMjMzIDE4LjY1MiAyNy4yODc1IDE5LjE1NDIgMjcuMjg3NUMxOS4xNTQyIDI2LjU3IDE5LjE0MjMgMjUuOTM2MiAxOS4xNTQyIDI1LjMwMjVDMTkuMjAyMSAyMy4xNTAxIDE4LjM4ODkgMjEuMzkyMyAxNi43ODY2IDE5Ljk4MTNDMTUuNjM4NiAxOC45NjQ5IDE0LjUwMjcgMTcuOTM2NSAxMy4zNjY3IDE2Ljg5NjJDMTIuNTY1NSAxNi4xNjY4IDEyLjU2NTUgMTUuNDM3MyAxMy4zNzg2IDE0LjcwNzlDMTQuNTM4NSAxMy42NDM3IDE1LjcxMDQgMTIuNTkxNCAxNi44ODIzIDExLjU1MTFDMTguMDU0MSAxMC41MTA4IDE4Ljg3OTIgOS4yNDMyMyAxOS4wMzQ2IDcuNjc2NzdDMTkuMTMwMyA2LjYwMDU3IDE5LjA0NjYgNS41MDA0NiAxOS4wNDY2IDQuMzc2NDNaIiBmaWxsPSIjN0QxRjY3Ii8+CjxwYXRoIGQ9Ik0xMS41MjUyIDkuNDM0NzVDMTIuODc2NCA5LjQzNDc1IDE0LjIyNzcgOS40MzQ3NSAxNS41Nzg5IDkuNDM0NzVDMTUuOTQ5NiA5LjQzNDc1IDE2LjM5MiA5LjQyMjc5IDE2LjQzOTkgOS44NjUyM0MxNi40NzU3IDEwLjEyODMgMTYuMjk2NCAxMC41MjI5IDE2LjA5MzEgMTAuNzE0MkMxNC43ODk3IDExLjk2OTggMTMuNDUwNCAxMy4xODk1IDEyLjExMTIgMTQuNDA5MkMxMS41OTcgMTQuODc1NSAxMS4zNTc4IDE0Ljg3NTUgMTAuODMxNyAxNC4zOTcyQzkuNTE2MzIgMTMuMTc3NSA4LjE3NzA2IDExLjk1NzggNi44NjE3MSAxMC43MDIzQzYuNjU4NDIgMTAuNDk5IDYuNDU1MTQgMTAuMDY4NSA2LjUzODg1IDkuODUzMjdDNi42MjI1NSA5LjYzODAzIDcuMDUzMDMgOS40NTg2NyA3LjM0MDAxIDkuNDQ2NzFDOC43MzkwNyA5LjQyMjc5IDEwLjEzODEgOS40MzQ3NSAxMS41MjUyIDkuNDM0NzVaIiBmaWxsPSIjN0QxRjY3Ii8+Cjwvc3ZnPg==");
                }
              }

              &.duration-hours-icon {
                &::before {
                  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOSIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI5IDI4IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTE0LjQwOTQgMjYuNzIzN0MyMS4yNjI5IDI2LjcyMzcgMjYuODE4OCAyMS4xNjc4IDI2LjgxODggMTQuMzE0M0MyNi44MTg4IDcuNDYwNzggMjEuMjYyOSAxLjkwNDkxIDE0LjQwOTQgMS45MDQ5MUM3LjU1NTg3IDEuOTA0OTEgMiA3LjQ2MDc4IDIgMTQuMzE0M0MyIDIxLjE2NzggNy41NTU4NyAyNi43MjM3IDE0LjQwOTQgMjYuNzIzN1oiIHN0cm9rZT0iIzdEMUY2NyIgc3Ryb2tlLXdpZHRoPSIyLjQ4MTg4IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE0LjQxMDIgNi44Njc4VjE0LjMxMzRMMTkuMzczOSAxNi43OTUzIiBzdHJva2U9IiM3RDFGNjciIHN0cm9rZS13aWR0aD0iMi40ODE4OCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==");
                }
              }

              &.modality-icon {
                &::before {
                  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDI1IDE5IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTI0Ljg1OTMgOS44OTc0M0MyNC44NTkzIDEyLjcwOTcgMjQuODU5MyAxNS41MjkzIDI0Ljg1OTMgMTguMzQxNUMyNC44NTkzIDE4LjcyNjQgMjQuODU5MyAxOC43MjY0IDI0LjQ3NDUgMTguNzI2NEMyMi44ODMzIDE4LjcyNjQgMjEuMjk5NiAxOC43MjY0IDE5LjcwODUgMTguNzI2NEMxOS4zMzg1IDE4LjcyNjQgMTkuMzMxMSAxOC43MTkgMTkuMzMxMSAxOC4zNTYzQzE5LjMzMTEgMTIuNzI0NSAxOS4zMzExIDcuMDkyNTkgMTkuMzMxMSAxLjQ2MDczQzE5LjMzMTEgMC43NTAyNjkgMTkuNjcxNSAwLjM2NTQzNyAyMC4zODE5IDAuMzUwNjM2QzIxLjUyOSAwLjMyODQzNCAyMi42Njg3IDAuMzI4NDM0IDIzLjgxNTggMC4zNTA2MzZDMjQuNTI2MyAwLjM2NTQzNyAyNC44NTkzIDAuNzU3NjY5IDI0Ljg1OTMgMS40NzU1M0MyNC44NTkzIDQuMjgwMzYgMjQuODU5MyA3LjA5MjU5IDI0Ljg1OTMgOS44OTc0M1oiIGZpbGw9IiM3RDFGNjciLz4KPHBhdGggZD0iTTE4LjQyOCAxMS42NDQyQzE4LjQyOCAxMy44NjQ0IDE4LjQyOCAxNi4wOTIgMTguNDI4IDE4LjMxMjJDMTguNDI4IDE4LjcxMTggMTguNDIwNiAxOC43MTkyIDE4LjAzNTcgMTguNzE5MkMxNi40MzcyIDE4LjcxOTIgMTQuODQ2MSAxOC43MTkyIDEzLjI0NzUgMTguNzE5MkMxMi44OTIzIDE4LjcxOTIgMTIuODcwMSAxOC42OTcgMTIuODcwMSAxOC4zNDE4QzEyLjg3MDEgMTQuMTIzNCAxMi44NzAxIDkuOTA1MDcgMTIuODcwMSA1LjY5NDEyQzEyLjg3MDEgNC45MzkyNiAxMy4yNjk4IDQuNTQ3MDMgMTQuMDQ2OCA0LjUzOTYzQzE1LjM5MzcgNC41MzIyMyAxNi43NDA2IDQuNTM5NjMgMTguMDg3NSA0LjUzMjIzQzE4LjM0NjYgNC41MzIyMyAxOC40MzU0IDQuNjEzNjMgMTguNDM1NCA0Ljg4MDA2QzE4LjQyOCA3LjE0NDY0IDE4LjQyOCA5LjM5NDQzIDE4LjQyOCAxMS42NDQyWiIgZmlsbD0iIzdEMUY2NyIvPgo8cGF0aCBkPSJNMTEuOTk2MyAxMy44MTI3QzExLjk5NjMgMTUuMzE1IDExLjk5NjMgMTYuODI0OCAxMS45OTYzIDE4LjMyNzFDMTEuOTk2MyAxOC43MTE5IDExLjk4MTUgMTguNzI2NyAxMS41ODkzIDE4LjcyNjdDMTAuMDA1NiAxOC43MjY3IDguNDE0NDQgMTguNzI2NyA2LjgzMDcxIDE4LjcyNjdDNi40NDU4OCAxOC43MjY3IDYuNDM4NDggMTguNzExOSA2LjQzODQ4IDE4LjM0MTlDNi40Mzg0OCAxNS41NzQgNi40Mzg0OCAxMi44MDYyIDYuNDM4NDggMTAuMDM4NEM2LjQzODQ4IDkuMzQyNzMgNi44MzgxMSA4LjkyODMgNy41MzM3NyA4LjkyODNDOC45MTc2OCA4LjkyMDkgMTAuMzAxNiA4LjkyODMgMTEuNjg1NSA4LjkyMDlDMTEuOTI5NyA4LjkyMDkgMTIuMDAzNyA5LjAxNzExIDEyLjAwMzcgOS4yNDY1M0MxMS45OTYzIDEwLjc3MTEgMTEuOTk2MyAxMi4yOTU2IDExLjk5NjMgMTMuODEyN1oiIGZpbGw9IiM3RDFGNjciLz4KPHBhdGggZD0iTTUuNTI4MjYgMTYuMDE4M0M1LjUyODI2IDE2LjgxMDIgNS41MjA4NiAxNy42MDk1IDUuNTM1NjYgMTguNDAxM0M1LjUzNTY2IDE4LjYzODIgNS40NzY0NSAxOC43MzQ0IDUuMjI0ODMgMTguNzM0NEMzLjU4MTkgMTguNzI3IDEuOTM4OTYgMTguNzI3IDAuMjk2MDI1IDE4LjczNDRDMC4wNjY2MDU1IDE4LjczNDQgMCAxOC42NDU2IDAgMTguNDIzNUMwLjAwNzQwMDYxIDE3LjA1NDQgMCAxNS42OTI3IDAuMDA3NDAwNjEgMTQuMzIzNkMwLjAwNzQwMDYxIDEzLjcyNDIgMC4zOTk2MzMgMTMuMzA5NyAxLjAwNjQ4IDEzLjMwMjNDMi40Mjc0IDEzLjI4NzUgMy44NDgzMiAxMy4zMDIzIDUuMjY5MjQgMTMuMjk0OUM1LjQ4Mzg1IDEzLjI5NDkgNS41MjgyNiAxMy4zOTg1IDUuNTI4MjYgMTMuNTgzNUM1LjUyODI2IDE0LjM5MDIgNS41MjgyNiAxNS4yMDQzIDUuNTI4MjYgMTYuMDE4M1oiIGZpbGw9IiM3RDFGNjciLz4KPC9zdmc+");
                }
              }
              
              &.creditos-icon {
                &::before {
                  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.62402%2015.9107C3.14326%2015.7652%203.64091%2016.0348%203.80762%2016.5308L3.83398%2016.6226C3.94379%2017.0832%203.69851%2017.5667%203.22754%2017.7466H3.22656C2.82032%2017.9007%202.4079%2018.0326%201.99023%2018.1509L1.99121%2018.1519C1.74602%2018.2237%201.50969%2018.2195%201.29102%2018.1089C1.08114%2018.0028%200.920338%2017.8144%200.785156%2017.5855L0.74707%2017.5211L0.75%2017.4478C0.756623%2017.2889%200.756836%2017.1424%200.756836%2016.9908V16.9351L0.780273%2016.8853C0.94065%2016.5382%201.22011%2016.3476%201.54688%2016.2496L1.5498%2016.2486C1.72255%2016.1988%201.89569%2016.1405%202.07617%2016.0806C2.25396%2016.0216%202.43834%2015.9618%202.62402%2015.9117V15.9107Z%22%20fill%3D%22%2365348A%22%20stroke%3D%22%2365348A%22%20stroke-width%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M12.3525%201.91211C12.9034%200.818183%2014.1616%200.427519%2015.2109%201.03809H15.2119C15.5936%201.2608%2015.85%201.58535%2016.0312%201.96191L18.4795%206.91895V6.91992C18.5247%207.01307%2018.5697%207.0641%2018.6152%207.09668C18.6616%207.12981%2018.7275%207.15715%2018.8359%207.17383H18.835C19.7594%207.30442%2020.682%207.43851%2021.6045%207.57422L24.376%207.98535L24.5234%208.01172C24.8614%208.08388%2025.1569%208.2222%2025.4014%208.42969C25.6457%208.6371%2025.8288%208.90589%2025.9551%209.22461L26.0059%209.36426C26.2644%2010.1555%2026.0542%2010.8714%2025.4834%2011.4346V11.4355C24.1629%2012.7354%2022.8352%2014.0283%2021.501%2015.3145C21.4146%2015.3983%2021.3727%2015.4701%2021.3525%2015.5361C21.3321%2015.6033%2021.328%2015.6859%2021.3477%2015.8008H21.3467L22.2822%2021.2168V21.2178C22.4196%2022.0194%2022.195%2022.7309%2021.5186%2023.2344L21.5176%2023.2334C21.1848%2023.4853%2020.8266%2023.6263%2020.4521%2023.6504C20.0781%2023.6744%2019.7043%2023.5814%2019.3418%2023.3926V23.3916C17.7809%2022.5802%2016.2261%2021.7548%2014.6738%2020.9375L14.6699%2020.9365C14.6357%2020.9178%2014.6074%2020.9038%2014.5605%2020.8799C14.5192%2020.8588%2014.4687%2020.832%2014.4199%2020.7979H14.4189C14.3318%2020.7366%2014.2611%2020.7195%2014.1953%2020.7217C14.1231%2020.7242%2014.0341%2020.75%2013.918%2020.8125V20.8135C12.315%2021.6734%2010.6969%2022.5127%209.08984%2023.3574L9.08398%2023.3613C8.78165%2023.509%208.43493%2023.6469%208.03711%2023.6328V23.6338C8.03418%2023.6338%208.03125%2023.6338%208.02832%2023.6338V23.6328C6.81104%2023.6196%205.85508%2022.5198%206.05957%2021.3076L6.52344%2018.5703C6.68076%2017.6573%206.84035%2016.7442%207.00195%2015.833C7.02549%2015.7006%207.02369%2015.6054%207.00195%2015.5273C6.98094%2015.452%206.93615%2015.3722%206.8418%2015.2803C5.50676%2014.0072%204.19213%2012.7135%202.87305%2011.4219V11.4209C2.29353%2010.8562%202.09175%2010.1398%202.34961%209.35059V9.34961C2.59848%208.59554%203.14128%208.12614%203.92578%207.98633C4.28214%207.92344%204.64451%207.87416%205.00098%207.82617C5.77727%207.71282%206.5519%207.60183%207.32617%207.49023C8.10118%207.37854%208.87593%207.26669%209.65234%207.15332L9.65723%207.15234C9.70741%207.14581%209.73704%207.12845%209.76367%207.10254C9.79647%207.07063%209.82982%207.02006%209.87109%206.9375C10.6957%205.26084%2011.5207%203.58361%2012.3525%201.91309V1.91211ZM14.1523%202.70605C14.1485%202.70784%2014.1425%202.71159%2014.1338%202.7207C14.1122%202.74347%2014.0882%202.78263%2014.0547%202.85645L14.0537%202.8584C14.0289%202.91157%2014.0044%202.96317%2013.9805%203.0127C13.9563%203.06275%2013.9324%203.1113%2013.9092%203.16113L13.9072%203.16699C13.1237%204.74787%2012.3465%206.32846%2011.5625%207.91699C11.2452%208.559%2010.7163%208.95463%2010.002%209.06348C9.27891%209.17366%208.55524%209.27587%207.84082%209.37891L7.8418%209.37988C7.25395%209.46582%206.66371%209.55176%206.07422%209.6377C5.4851%209.72357%204.89593%209.80866%204.30859%209.89453L4.30957%209.89551C4.26317%209.90257%204.23501%209.91655%204.2207%209.92676C4.20737%209.93636%204.20408%209.94376%204.20312%209.94629C4.20218%209.9488%204.19949%209.95645%204.20312%209.97168C4.20503%209.97958%204.20906%209.99012%204.21582%2010.0029L4.24805%2010.0498L4.24902%2010.0508C4.31629%2010.1303%204.38554%2010.1865%204.4873%2010.2881H4.48828C5.79271%2011.5651%207.10809%2012.8387%208.40723%2014.1172C8.89584%2014.598%209.06703%2015.2103%208.9668%2015.8662V15.8682C8.78778%2016.9973%208.58043%2018.123%208.38867%2019.2393V19.2402C8.25828%2019.9814%208.13452%2020.7232%208.01074%2021.4658V21.4678C8.00383%2021.5075%207.99796%2021.5395%207.99512%2021.5693C7.99231%2021.5989%207.99326%2021.6197%207.99512%2021.6338C7.99662%2021.6449%207.99824%2021.6499%207.99902%2021.6514C7.99932%2021.6519%208.00059%2021.6529%208.00195%2021.6543C8.00334%2021.6558%208.00637%2021.6584%208.01172%2021.6621C8.02495%2021.6706%208.03313%2021.6738%208.03809%2021.6748C8.04348%2021.6758%208.052%2021.6761%208.06543%2021.6738C8.09781%2021.6683%208.14215%2021.65%208.21484%2021.6104C8.30185%2021.5599%208.38757%2021.5168%208.47656%2021.4756C9.25206%2021.0673%2010.0296%2020.6592%2010.8066%2020.251C11.5852%2019.8419%2012.3639%2019.4334%2013.1406%2019.0244C13.4577%2018.8514%2013.8047%2018.7422%2014.1865%2018.7344H14.209C14.5313%2018.7569%2014.8558%2018.833%2015.1611%2018.9971L18.666%2020.8389H18.667C19.1805%2021.1095%2019.6759%2021.3814%2020.1875%2021.6338H20.1885C20.3189%2021.699%2020.348%2021.6647%2020.3311%2021.6758C20.3145%2021.6868%2020.3578%2021.6728%2020.3496%2021.5283L20.3486%2021.5137L20.334%2021.3896L20.332%2021.3779C20.0289%2019.6347%2019.7476%2017.9007%2019.4248%2016.1631V16.1621C19.3435%2015.7186%2019.3543%2015.3063%2019.4775%2014.9199C19.601%2014.5331%2019.8319%2014.1886%2020.166%2013.873C21.4711%2012.6367%2022.7452%2011.3697%2024.041%2010.1152L24.043%2010.1133C24.1022%2010.0574%2024.1312%2010.0218%2024.1445%209.99512C24.1497%209.9847%2024.1508%209.97776%2024.1514%209.97266C24.1518%209.96792%2024.1519%209.95858%2024.1475%209.94238C24.1427%209.92985%2024.1396%209.92481%2024.1387%209.92383C24.1377%209.9228%2024.1345%209.91955%2024.125%209.91504C24.1143%209.90996%2024.0964%209.90432%2024.0684%209.89844C24.0399%209.8925%2024.0068%209.88785%2023.9648%209.88281L23.96%209.88184C22.6265%209.6906%2021.3019%209.48838%2019.9756%209.30078L18.6484%209.11914C18.1893%209.05983%2017.7917%208.91773%2017.4561%208.67383C17.1205%208.42993%2016.861%208.09464%2016.6611%207.67285L16.6602%207.67188C16.0155%206.30027%2015.3307%204.95828%2014.6553%203.59375L14.2979%202.85059C14.2796%202.8141%2014.2642%202.78534%2014.249%202.76074C14.2342%202.73661%2014.2227%202.72179%2014.2139%202.71289C14.2065%202.70557%2014.2024%202.70268%2014.2012%202.70215C14.2009%202.70204%2014.1948%202.69965%2014.1797%202.7002C14.1634%202.70082%2014.1557%202.70446%2014.1523%202.70605Z%22%20fill%3D%22%2365348A%22%20stroke%3D%22%2365348A%22%20stroke-width%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M14.1895%2024.0687C14.7228%2024.0779%2015.1174%2024.4719%2015.1494%2025.016L15.1602%2025.184C15.1656%2025.3533%2015.1572%2025.5216%2015.1572%2025.6595V26.2943C15.1222%2026.8371%2014.7305%2027.2504%2014.1855%2027.2504C13.6551%2027.2503%2013.2272%2026.8579%2013.207%2026.2972L13.1953%2025.9769C13.1874%2025.6563%2013.1913%2025.3356%2013.207%2025.015C13.2339%2024.4599%2013.6501%2024.0597%2014.1895%2024.0687Z%22%20fill%3D%22%2365348A%22%20stroke%3D%22%2365348A%22%20stroke-width%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M5.94531%201.73938C6.32563%201.48543%206.84426%201.54676%207.16504%201.88098L7.22656%201.95227L7.22754%201.95325C7.49197%202.29423%207.74339%202.65118%207.99512%202.99817L8%203.00403C8.11195%203.16778%208.18715%203.37009%208.16602%203.58215L8.16504%203.58118C8.14982%203.97453%207.92705%204.31228%207.58301%204.46106L7.57812%204.46301C7.2141%204.61036%206.75962%204.56377%206.48828%204.21204V4.21106C6.19061%203.83708%205.90383%203.45329%205.64453%203.05383L5.64355%203.05188C5.35185%202.5908%205.50873%202.02047%205.94531%201.7384V1.73938Z%22%20fill%3D%22%2365348A%22%20stroke%3D%22%2365348A%22%20stroke-width%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M21.1455%201.94507C21.4871%201.56155%2022.0119%201.46355%2022.4395%201.76538L22.4404%201.7644C22.6648%201.92149%2022.8083%202.14696%2022.8477%202.4021C22.8868%202.65588%2022.8206%202.91985%2022.6631%203.15405L22.6602%203.15796C22.4185%203.50323%2022.1686%203.85026%2021.9111%204.18433L21.9092%204.18628C21.672%204.48857%2021.3048%204.60332%2020.959%204.52905L20.8027%204.48218V4.4812C20.4281%204.32046%2020.1957%203.98166%2020.1924%203.573L20.1914%203.57397C20.1817%203.33%2020.2719%203.13187%2020.3965%202.9646C20.6223%202.64985%2020.8442%202.3374%2021.0801%202.02515L21.1455%201.94507Z%22%20fill%3D%22%2365348A%22%20stroke%3D%22%2365348A%22%20stroke-width%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M24.543%2016.5402C24.7076%2016.0463%2025.2036%2015.7645%2025.7275%2015.9113H25.7305C25.9459%2015.9738%2026.1613%2016.04%2026.376%2016.1096L27.0166%2016.3293L27.0215%2016.3303C27.4911%2016.5089%2027.7005%2016.9744%2027.6104%2017.425V17.4269C27.514%2017.8886%2027.109%2018.1827%2026.6094%2018.1828H26.584L26.5605%2018.1779C26.5586%2018.1777%2026.5557%2018.1773%2026.5518%2018.1769C26.5428%2018.1761%2026.5213%2018.1738%2026.5039%2018.1721C26.4666%2018.1682%2026.4093%2018.162%2026.3516%2018.1447L26.3457%2018.1428C25.9592%2018.0161%2025.5375%2017.8935%2025.1406%2017.7473H25.1396C24.6317%2017.5568%2024.384%2017.0362%2024.542%2016.5432L24.543%2016.5402Z%22%20fill%3D%22%2365348A%22%20stroke%3D%22%2365348A%22%20stroke-width%3D%220.5%22%2F%3E%3C%2Fsvg%3E");
                }
              }
            }
          }
        }
      }

      .product-buy {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-radius: 0.688rem;
        padding: 1.2rem 1.6rem;
        box-shadow: 0px 1.184px 5.919px 0px rgba(0, 0, 0, 0.25);
        gap: 1rem;

        .diploma-course-buy {
          display: flex;
          flex-direction: column;
          background-color: var(--pink-clear);
          border-radius: 0.688rem;
          padding: 1.6rem 2rem;
          padding-inline: 1.2rem;
          gap: 0.8rem;

          .buy-diploma-btn {
            display: flex;
            flex-direction: column;
            justify-content: start;
            padding-inline: 1rem;
            cursor: pointer;

            > p {
              font-size: 1.375rem;
              color: var(--purple-cold);
              font-family: var(--nu-regular);
            }

            #diploma-course {
              display: flex;
              gap: 0.6rem;
              line-height: normal;
              align-items: baseline;

              .sale-price {
                display: flex;
                font-size: 1.375rem;
                font-family: var(--co-bold);
                color: var(--purple-cold);

                .currency {
                }

                .amount {
                }
              }

              .regular-price {
                display: flex;
                font-family: var(--nu-regular);
                text-decoration: line-through;
                color: var(--gray);

                > span {
                }
              }
            }
          }

          > h4 {
            font-size: 0.938rem;
            color: var(--purple-cold);
            font-family: var(--nu-regular);
          }

          .course-purchased {
            .diploma-status {
              justify-content: center;
              align-items: center;
              display: flex;
              flex-direction: column;

              .badge {
                width: 100%;
                background-color: #fbd7f2;
                padding: 0.4rem 0.8rem;
                border-radius: 0.3rem;
                border-bottom-left-radius: 0rem;
                border-bottom-right-radius: 0rem;
                font-size: 0.938rem;
                color: var(--purple-cold);
                font-family: var(--nu-semibold);
                text-align: center;
              }

              &:hover {
              }
            }

            .view-diploma-btn {
              color: var(--purple-cold);
              font-family: var(--nu-bold);
              background-color: var(--white);
              padding: 0.4rem 0.8rem;
              border-bottom-left-radius: 0.3rem;
              border-bottom-right-radius: 0.3rem;
              width: 100%;

              &:hover {
              }
            }
          }

          .modules-list {
            display: flex;
            flex-direction: column;
            background-color: var(--white);
            padding: 1rem;
            border-radius: 0.4rem;

            > h4 {
              font-family: var(--co-bold);
              font-size: 1.125rem;
              color: var(--purple-cold);
            }

            .module-item {
              display: flex;
              flex-direction: column;

              .module-info {
                display: flex;
                flex-direction: column;
                padding-block: 0.6rem;

                h5 {
                  font-family: var(--co-regular);
                  display: flex;
                  width: 100%;
                  justify-content: space-between;

                  .badge {
                    display: flex;
                    background-color: var(--cream);
                    padding: 0rem 0.6rem;
                    border-radius: 0.4rem;
                    font-size: 0.8rem;
                    justify-content: center;
                    text-align: center;
                    align-items: center;
                  }
                }

                .module-content {
                  display: flex;
                  justify-content: space-between;

                  .module-lessons {
                    small {
                    }
                  }

                  .module-price {
                    display: flex;
                    gap: 0.6rem;

                    .price {
                      display: flex;
                      gap: 0.6rem;
                      font-family: var(--nu-regular);
                      line-height: normal;

                      del,
                      ins {
                        line-height: normal;
                        text-align: center;
                        align-items: center;
                        justify-content: center;
                        display: flex;
                      }

                      del {
                        color: var(--gray);
                        opacity: 0.7;
                      }

                      ins {
                        font-family: var(--nu-semibold);
                      }
                    }
                  }

                  .buy-module-btn {
                    display: flex;
                    background: var(--gr-purple);
                    text-align: center;
                    align-items: center;
                    padding: 0.3rem 0.5rem;
                    color: var(--white);
                    font-family: var(--co-book);
                    font-size: 0.875rem;
                    border-radius: 0.4rem;

                    &:hover {
                    }
                  }

                  .module-purchased {
                    .badge {
                    }
                  }
                }
              }

              &.purchased {
              }

              &:hover {
              }
            }
          }

          .buy-diploma-btn {
            &:hover {
            }
          }

          .view-diploma-btn {
            &:hover {
            }
          }
        }

        .courses-buy {
          display: flex;
          flex-direction: column;
          gap: 0.7rem;
          max-width: 400px;

          strong {
            color: var(--purple-cold);
            font-size: 1.438rem;
            font-weight: bold;
            margin: 0;
          }

          .radio-wrapper {
            display: flex;
            flex-direction: column;
            gap: 0.7rem;
          }

          .radio-option {
            display: grid;
            grid-template-columns: auto 1fr;
            align-items: center;
            gap: 1rem;
            padding: 0.6rem 1rem;
            border-radius: 0.688rem;
            cursor: pointer;

            &.normal {
              background-color: #eeeeee;

              .radio-mark {
                border: 1px solid #575656;

                &::after {
                  background-color: #575656;
                }
              }

              .radio-content {
                .description {
                  h5 {
                  }
                }
              }
            }

            &.membership {
              background-color: #faeede;

              .radio-mark {
                border: 1px solid var(--yellow);

                &::after {
                  background-color: var(--yellow);
                }
              }

              .radio-content {
                .description {
                  h5 {
                    color: var(--purple-cold);
                  }
                }

                .price {
                  color: var(--yellow);
                  font-size: 1.8rem;
                }
              }
            }

            .radio-mark {
              display: flex;
              align-items: center;
              justify-content: center;
              width: 20px;
              height: 20px;
              border-radius: 50%;
              background-color: white;

              &::after {
                content: "";
                width: 12px;
                height: 12px;
                border-radius: 50%;
                opacity: 0;
                transition: opacity 0.2s ease;
              }
            }

            input[type="radio"] {
              display: none;

              &:checked + .radio-mark::after {
                opacity: 1;
              }
            }

            .radio-content {
              display: flex;
              flex-direction: column;

              .price {
                color: #575656;
                font-family: var(--co-bold);
                font-size: 1.25rem;
                display: flex;
              }

              .regular-price {
                color: #575656;
                font-family: var(--co-regular);
                font-size: 0.938rem;
                display: flex;
                font-style: italic;
                text-decoration: line-through;
              }

              .description {
                display: flex;
                flex-direction: column;
                font-size: 14px;
                color: var(--gray);
                line-height: 1.4;

                > p {
                  font-size: 1.125rem;
                  font-family: var(--nu-regular);
                  line-height: normal;
                }
              }

              .disclaimer {
                display: flex;

                > p {
                  color: var(--purple-cold);
                  font-family: var(--co-regular);

                  > b {
                    font-family: var(--co-bold);
                  }
                }
              }
            }
          }

          #buy-prod-btn {
            font-size: 1.438rem;
            color: var(--white);
            background: var(--gr-purple);
            padding: 0.6rem 1rem;
            border-radius: 0.625rem;
            border: none;
            cursor: pointer;
            width: 100%;
            font-family: inherit;
            transition: opacity 0.2s ease;

            &:hover {
              opacity: 0.95;
            }
          }
        }
      }

      .contact-form {
        width: 100%;
        height: max-content;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-radius: 0.688rem;
        padding: 1.5rem 1.8rem;
        box-shadow: 0px 1.184px 5.919px 0px rgba(0, 0, 0, 0.25);
        gap: 1rem;

        .form-container {
          display: flex;
          width: 100%;
          height: 100%;

          .wpcf7-spinner {
            display: none !important;
          }

          .wpcf7 {
            display: flex;
            width: 100%;

            form {
              display: flex;
              flex-direction: column;
              width: 100%;

              > p {
                font-size: 1.25rem;
                font-family: var(--co-bold);
                color: var(--purple-cold);

                > strong {
                  font-family: var(--co-regular);
                  color: var(--gray);
                  font-size: 1.25rem;
                  margin-block: 0rem 1.2rem;
                }
              }

              > p {
                display: flex;
                flex-direction: column;
                gap: 0.8rem;
              }

              .input-form {
                width: 100%;
                font-size: 0.983rem;
                font-family: var(--nu-regular);
                color: var(--purple-cold);
                background-color: #65348a38;
                padding: 0.8rem 1rem;
                border-radius: 1rem;

                &::placeholder {
                  font-size: 0.983rem;
                  font-family: var(--nu-regular);
                  color: var(--purple-cold) !important;
                }
              }

              .submit-form {
                font-family: var(--nu-regular);
                font-size: 0.983rem;
                color: var(--white);
                background-color: var(--purple-cold);
                padding: 0.4rem 1.4rem;
                width: max-content;
                border-radius: 0.625rem;
                cursor: pointer;
              }
            }
          }
        }
      }
    }
  }

  .related-products {
    display: flex;
    flex-direction: column;
    padding-block: 0rem 3rem;
    background-color: var(--cream);

    .margin {
      display: flex;
      flex-direction: column;
      gap: 1.5rem;

      > h3 {
        font-family: var(--co-bold);
        color: var(--purple-cold);
        font-size: 2rem;
        text-align: center;
        align-self: center;
      }
    }

    .related-products-container {
      .upsells-products {
        #related-products {
          .splide__track {
          }

          .splide__list {
          }

          .splide__slide {
          }

          .product-related-card {
            display: flex;
            gap: 0.5rem;
            padding: 1rem 0.8rem;
            background-color: var(--white);
            border-radius: 0.375rem;
            box-shadow: 0px 0.644px 3.864px 0px rgba(0, 0, 0, 0.2);
            margin: 0.5rem 0.5rem;

            .left {
              display: flex;
              flex-basis: 40%;

              .product-image {
                width: 100%;
                height: 100%;
                display: flex;
                border-radius: 0.4rem;
                overflow: hidden;

                img {
                  object-fit: cover;
                  object-position: center;
                  width: 100%;
                }
              }
            }

            .right {
              display: flex;
              flex-direction: column;
              flex-basis: 60%;
              gap: 0.2rem;

              > h4 {
                font-size: 1rem;
                font-family: var(--co-bold);
                color: var(--purple-cold);
              }

              > h5 {
                font-size: 0.813rem;
                font-family: var(--co-regular);
                color: var(--black);
              }

              > span {
                font-size: 0.812rem;
                color: var(--black);
                font-family: var(--co-book);
                font-style: italic;
                transform: skewX(8deg);
              }

              .rating-container {
                display: flex;
                background: var(--gr-purple);
                padding: 0.3rem 0.6rem;
                border-radius: 0.363rem;
                gap: 0.3rem;
                justify-content: center;
                align-items: center;
                width: min-content;

                .rating-count {
                  font-size: 0.8rem;
                  font-family: var(--co-regular);
                  color: var(--white);
                }

                &::before {
                  content: "";
                  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE0IDEzIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTUuODk3IDAuODQ4MTM3QzYuMjQzODkgMC4yOTAyMTIgNy4wNTU5IDAuMjkwMjEyIDcuNDAyNzkgMC44NDgxMzdMOC45ODQzIDMuMzkxNzdDOS4xMDYzNiAzLjU4ODA3IDkuMzAwMjUgMy43Mjg5NCA5LjUyNDY2IDMuNzg0MzZMMTIuNDMyNSA0LjUwMjQ0QzEzLjA3MDMgNC42NTk5NCAxMy4zMjEyIDUuNDMyMjEgMTIuODk3OCA1LjkzNDU0TDEwLjk2NzQgOC4yMjQ2N0MxMC44MTg0IDguNDAxNCAxMC43NDQ0IDguNjI5MzQgMTAuNzYxIDguODU5ODlMMTAuOTc2NiAxMS44NDczQzExLjAyMzkgMTIuNTAyNiAxMC4zNjcgMTIuOTc5OSA5Ljc1ODQzIDEyLjczMjRMNi45ODM4NSAxMS42MDQyQzYuNzY5NzMgMTEuNTE3MSA2LjUzMDA2IDExLjUxNzEgNi4zMTU5NCAxMS42MDQyTDMuNTQxMzYgMTIuNzMyNEMyLjkzMjc4IDEyLjk3OTkgMi4yNzU4NSAxMi41MDI2IDIuMzIzMTUgMTEuODQ3M0wyLjUzODc5IDguODU5ODlDMi41NTU0MyA4LjYyOTM0IDIuNDgxMzcgOC40MDE0IDIuMzMyMzkgOC4yMjQ2N0wwLjQwMTk2NyA1LjkzNDU0Qy0wLjAyMTQ1NiA1LjQzMjIyIDAuMjI5NDcgNC42NTk5NCAwLjg2NzI4NCA0LjUwMjQ0TDMuNzc1MTQgMy43ODQzNkMzLjk5OTU1IDMuNzI4OTQgNC4xOTM0NCAzLjU4ODA3IDQuMzE1NDkgMy4zOTE3N0w1Ljg5NyAwLjg0ODEzN1oiIGZpbGw9IiNFNEFDNUIiLz4KPC9zdmc+");
                  width: 1rem;
                  height: 1rem;
                  background-size: contain;
                  background-position: center;
                  background-repeat: no-repeat;
                }
              }
            }
          }
        }
      }
    }
  }

  .comments {
    display: flex;
    flex-direction: column;
    background-color: var(--cream);
    padding-bottom: 2.5rem;

    .margin {
      display: flex;
      flex-direction: column;
      gap: 1.5rem;

      > p {
        font-family: var(--co-bold);
        color: var(--purple-cold);
        font-size: 2rem;
        text-align: center;
        align-self: center;
      }
    }

    .reviews-container {
      display: flex;

      .splide__slide {
        padding: 0.5rem;
      }

      .splide__arrow--prev {
        left: -2.5em !important;
      }

      .splide__arrow--next {
        right: -2.5rem !important;
      }

      .review-card {
        display: flex;
        flex-direction: column;
        background-color: var(--white);
        border-radius: 0.668rem;
        box-shadow: 0px 1.184px 5.919px 0px rgba(0, 0, 0, 0.25);
        padding: 1rem 1rem;
        gap: 0.2rem;
        justify-content: space-between;
        height: 22rem;

        .top {
          display: flex;
          flex-direction: column;

          .comment {
            font-size: 0.938rem;
            font-family: var(--nu-regular);
            color: var(--gray);
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 6;
            overflow: hidden;
            text-overflow: ellipsis;
            max-height: 100%;
          }
        }

        .bottom {
          gap: 0.2rem;
          display: flex;
          flex-direction: column;

          .client-avatar {
            display: flex;
            width: 100%;
            padding-block: 0.5rem;

            .avatar {
              display: flex;
              width: 4rem;
              height: 4rem;
              overflow: hidden;
              border-radius: 100%;

              img {
                object-position: center;
                object-fit: cover;
                width: 100%;
                height: 100%;
              }
            }
          }

          .client-name {
            font-family: var(--co-bold);
            font-size: 1.25rem;
            color: var(--purple-cold);
          }

          .review-date {
            font-family: var(--co-regular);
            font-size: 0.938rem;
          }

          .rating-container {
            display: flex;
            background: var(--gr-purple);
            padding: 0.3rem 0.6rem;
            border-radius: 0.363rem;
            gap: 0.3rem;
            justify-content: center;
            align-items: center;
            width: min-content;

            .rating-count {
              font-size: 0.8rem;
              font-family: var(--co-regular);
              color: var(--white);
            }

            &::before {
              content: "";
              background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE0IDEzIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTUuODk3IDAuODQ4MTM3QzYuMjQzODkgMC4yOTAyMTIgNy4wNTU5IDAuMjkwMjEyIDcuNDAyNzkgMC44NDgxMzdMOC45ODQzIDMuMzkxNzdDOS4xMDYzNiAzLjU4ODA3IDkuMzAwMjUgMy43Mjg5NCA5LjUyNDY2IDMuNzg0MzZMMTIuNDMyNSA0LjUwMjQ0QzEzLjA3MDMgNC42NTk5NCAxMy4zMjEyIDUuNDMyMjEgMTIuODk3OCA1LjkzNDU0TDEwLjk2NzQgOC4yMjQ2N0MxMC44MTg0IDguNDAxNCAxMC43NDQ0IDguNjI5MzQgMTAuNzYxIDguODU5ODlMMTAuOTc2NiAxMS44NDczQzExLjAyMzkgMTIuNTAyNiAxMC4zNjcgMTIuOTc5OSA5Ljc1ODQzIDEyLjczMjRMNi45ODM4NSAxMS42MDQyQzYuNzY5NzMgMTEuNTE3MSA2LjUzMDA2IDExLjUxNzEgNi4zMTU5NCAxMS42MDQyTDMuNTQxMzYgMTIuNzMyNEMyLjkzMjc4IDEyLjk3OTkgMi4yNzU4NSAxMi41MDI2IDIuMzIzMTUgMTEuODQ3M0wyLjUzODc5IDguODU5ODlDMi41NTU0MyA4LjYyOTM0IDIuNDgxMzcgOC40MDE0IDIuMzMyMzkgOC4yMjQ2N0wwLjQwMTk2NyA1LjkzNDU0Qy0wLjAyMTQ1NiA1LjQzMjIyIDAuMjI5NDcgNC42NTk5NCAwLjg2NzI4NCA0LjUwMjQ0TDMuNzc1MTQgMy43ODQzNkMzLjk5OTU1IDMuNzI4OTQgNC4xOTM0NCAzLjU4ODA3IDQuMzE1NDkgMy4zOTE3N0w1Ljg5NyAwLjg0ODEzN1oiIGZpbGw9IiNFNEFDNUIiLz4KPC9zdmc+");
              width: 1rem;
              height: 1rem;
              background-size: contain;
              background-position: center;
              background-repeat: no-repeat;
            }
          }
        }
      }
    }
  }

  .comment-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--cream);
    padding-block: 4rem;

    .margin {
      display: flex;
      flex-direction: column;
      gap: 1rem;

      > p {
        font-size: 2rem;
        color: var(--purple-cold);
        font-family: var(--co-bold);
        width: 100%;
        text-align: center;
      }
    }

    .comment-box-container {
      display: flex;
      flex-direction: column;

      #contenedor_formulario_comentario {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        #formulario_comentario {
          display: flex;
          width: 100%;
          justify-content: center;
          align-items: center;

          #formulario {
            display: flex;
            flex-direction: column;
            width: 80%;
            gap: 0.8rem;

            .main-comment {
              display: flex;
              flex-direction: column;
              background-color: #65348a1a;
              padding: 1.5rem 1.5rem;
              border-radius: 1rem;
            }

            .calificacion-comentario {
              display: flex;
              justify-content: flex-end;

              .estrellas {
                display: flex;
                flex-direction: row-reverse;
                justify-content: flex-end;

                label {
                  cursor: pointer;

                  svg path {
                    opacity: 0.5;
                    fill: var(--gray);
                    transition: var(--anim-low);
                  }

                  &:hover svg path,
                  &:hover ~ label svg path,
                  input:checked ~ & svg path {
                    opacity: 1;
                    fill: var(--yellow);
                  }
                }
              }
            }

            .texto-comentario {
              display: flex;
              background-color: transparent;
              max-height: 6rem;

              > textarea {
                width: 100%;
                background: transparent;
                border: 0;
                color: var(--purple-cold);
                font-family: var(--nu-regular);
                resize: none;

                &::placeholder {
                  color: var(--purple-cold);
                  opacity: 0.8;
                  font-family: var(--nu-regular);
                }
              }
            }

            .enviar-formulario {
              display: flex;
              width: 100%;
              justify-content: flex-end;

              .enviar {
                width: max-content;
                padding: 0.5rem 0.8rem;
                color: var(--white);
                background: var(--gr-purple);
                font-size: 0.938rem;
                font-family: var(--co-regular);
                border-radius: 0.7rem;
                line-height: normal;
                cursor: pointer;
              }
            }
          }
        }
      }
    }
  }

  .about-us-info {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 7rem;
    padding-block: 8rem 4rem;
    overflow: clip;

    &::after {
      content: url("../../assets/img/patterns/pattern-custom.png");
      background-position: center;
      background-size: contain;
      position: absolute;
      object-fit: contain;
      top: 0;
      right: -9rem;
    }

    .our-history {
      display: flex;
      flex-direction: column;

      .container {
        width: 60%;
        display: flex;
        flex-direction: column;
        gap: 1rem;

        > h2 {
          font-family: var(--co-bold);
          font-size: 2rem;
          color: var(--purple-cold);
        }

        > p {
          font-family: var(--nu-regular);
          font-size: 1.25rem;
          color: var(--gray);
        }
      }
    }

    .compromise {
      display: flex;
      gap: 4rem;

      .divisor {
        display: flex;
        flex-basis: 50%;
        gap: 2rem;
        justify-content: center;
        align-items: center;

        .icon {
          border-radius: 100%;
          background-color: var(--purple-clear);
          display: flex;
          align-self: center;
          justify-content: center;
          align-items: center;
          aspect-ratio: 1 / 1;
          flex-basis: 30%;
          max-width: 10rem;

          .img {
            width: 100%;
            height: 100%;
            display: flex;
            aspect-ratio: 1 / 1;
            max-width: 8rem;
            max-height: 8rem;
            padding: 1.2rem;

            img {
              object-fit: contain;
              object-position: center;
              width: 100%;
              height: 100%;
            }
          }
        }

        .data {
          display: flex;
          flex-direction: column;
          width: 100%;
          flex-basis: 70%;

          > h2 {
            font-family: var(--co-bold);
            color: var(--yellow);
            font-size: 1.563rem;
          }

          > p {
            font-family: var(--nu-regular);
            font-size: 0.983rem;
            color: var(--gray);
          }
        }
      }
    }
  }

  .our-instructors {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-block: 3rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzY2IiBoZWlnaHQ9IjU0NCIgdmlld0JveD0iMCAwIDEzNjYgNTQ0IiBmaWxsPSJub25lIj4KPHBhdGggb3BhY2l0eT0iMC4xIiBkPSJNMi40NDkyMWUtMDUgMjYzLjQ5M0w0Ljc1Mjc0ZS0wNSAtMC4wMDAxMTk0MkwxMzY2LjAxIDBMMTM2Ni4wMSA0NjcuNDI3TDEzNjYgNDY3LjQyN0wxMzY2IDU0My42NUMxMzQ0LjIgNTI4LjA2MSAxMzI1LjYxIDUwNC45NzcgMTMwNi45NiA0ODEuNjI1QzEyNzYuNzcgNDQzLjgyNCAxMjQ2LjQzIDQwNS4zMzkgMTIwMi4xMiAzOTYuODE0QzExOTguODEgMzk2LjA0MiAxMTk1LjQ0IDM5NS41NTggMTE5Mi4wNCAzOTUuMzY4QzExNzMuMjQgMzk0LjIzNyAxMTUzLjI4IDQwMS4zMzkgMTEzMi45NiA0MDkuNjI5QzExMDQuOTYgNDIxLjAzIDEwNzYuMjUgNDM0LjY4NiAxMDQ4LjkgNDMyLjE0OEMxMDEyLjY2IDQyNy41NjcgOTczLjM2NyA0MDYuNDk0IDk0NC42NzQgMzc1Ljk0MkM5MzMuMzk3IDM3Ny40NzQgOTIyLjA2NCAzNzguOTEgOTEwLjY3MyAzODAuMjQ4Qzc1OS40MDMgMzk3LjgxNiA2MDYuNjA3IDM5Ny44MTYgNDU1LjMzNyAzODAuMjQ4QzI4OS4xMzIgMzYwLjc0OSAxMzQuODc5IDMyMC4zMDggMi40NDkyMWUtMDUgMjYzLjQ5M1oiIGZpbGw9IiNFNEFDNUIiLz4KPC9zdmc+);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    gap: 5rem;

    .presentation {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 25rem;
      text-align: center;
      margin-inline: auto;

      > p {
        font-family: var(--co-bold);
        color: var(--yellow);
        font-size: 1.25rem;
      }

      > h2 {
        font-family: var(--co-bold);
        font-size: 2rem;
        color: var(--purple-cold);
      }
    }

    .instructors {
      display: flex;
      position: relative;

      .splide {
        .splide__track {
          .splide__list {
            .splide__slide {
              .instructor-item {
                display: flex;
                flex-direction: column;
                width: 100%;
                height: 100%;
                margin: 0.5rem;

                .circle {
                  display: flex;
                  width: 100%;
                  height: 100%;
                  justify-content: center;

                  .profile-photo {
                    position: relative;
                    width: 100%;
                    height: 100%;
                    aspect-ratio: 1 / 1;
                    max-width: 13.5rem;
                    max-height: 13.5rem;

                    > img {
                      height: 100%;
                      width: 100%;
                      object-fit: cover;
                      object-position: center;
                      border-radius: 100%;
                      filter: drop-shadow(0px 0px 8.648px rgba(0, 0, 0, 0.1));
                      border: 1rem solid white;
                    }

                    > a {
                      width: 3.2rem;
                      height: 3.2rem;
                      overflow: hidden;
                      display: flex;
                      position: absolute;
                      z-index: 1;
                      top: 1rem;
                      background-color: var(--white);
                      border-radius: 100%;
                      padding: 0.8rem;
                      justify-content: center;
                      align-items: center;
                      filter: drop-shadow(0px 0px 8.648px rgba(0, 0, 0, 0.1));

                      > img {
                        width: 100%;
                        object-fit: contain;
                        object-position: center;
                      }
                    }
                  }
                }

                .instructor-info {
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  justify-content: center;

                  h3 {
                    font-size: 1.563rem;
                    color: var(--yellow);
                    font-family: var(--co-bold);
                  }

                  p {
                    font-size: 1.063rem;
                    font-family: var(--co-regular);
                    color: var(--black);
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .program-cards {
    display: flex;
    padding-block: 8rem 4rem;
    gap: 4.5rem;

    .card-side {
      display: flex;
      flex-basis: 50%;

      .card {
        width: 100%;
        display: flex;
        position: relative;
        background: var(--gr-card-y);
        height: 15.5rem;
        border-radius: 3rem;

        .bg-img {
          display: flex;
          position: absolute;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          width: 100%;
          height: 100%;
          opacity: 0.1;
          border-radius: 3rem;
          filter: contrast(0.5);
        }

        .half-l {
          position: relative;
          display: flex;
          flex-basis: 30%;

          .promo-student {
            display: flex;
            position: absolute;
            bottom: 0;
            border-radius: 3rem;
            overflow: hidden;
            height: 20rem;
            transform-origin: bottom;
            left: 0;

            > img {
              object-fit: contain;
              object-position: center;
              height: 100%;
            }
          }
        }

        .half-r {
          display: flex;
          flex-basis: 70%;
          z-index: 1;
          justify-content: start;
          align-items: center;
          padding-inline: 4rem;

          .info {
            display: flex;
            flex-direction: column;
            gap: 0.6rem;

            > h2 {
              font-family: var(--co-bold);
              color: var(--purple-cold);
              font-size: 1.563rem;
            }

            > p {
              color: var(--purple-cold);
              font-family: var(--nu-semibold);
              font-size: 0.938rem;
            }

            .program-btn {
              display: flex;

              > a {
                width: max-content;
                border-radius: 0.625rem;
                background-color: var(--white);
                color: var(--yellow);
                font-size: 1rem;
                font-family: var(--nu-regular);
                padding: 0.5rem 1.2rem;
                transition: var(--anim-low);
              }

              &:hover {
                > a {
                  font-family: var(--nu-semibold);
                }
              }
            }
          }
        }
      }

      &:nth-child(2) {
        .card {
          flex-direction: row-reverse;
          background: var(--gr-card-p);

          .half-l {
            .promo-student {
              right: 0;
              left: unset !important;
            }
          }

          .half-r {
            .info {
              > h2 {
                color: var(--white);
              }

              > p {
                color: var(--white);
              }

              .program-btn {
                > a {
                  color: var(--purple-cold);
                }
              }
            }
          }
        }
      }
    }
  }

  .blog-content {
    display: flex;
    gap: 3rem;
    padding-block: 4rem;

    .posts-container {
      display: flex;
      flex-direction: column;
      gap: 3rem;
      flex-basis: 70%;

      .category {
        display: flex;
        width: 100%;
        border-bottom: 2px solid var(--purple-cold);

        p {
          font-family: var(--co-bold);
          color: var(--purple-cold);
          font-size: 1.25rem;
        }
      }

      .posts {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 2rem;
        justify-content: space-between;

        > p {
          color: var(--purple-cold);
          font-family: var(--co-regular);
        }

        .post-container {
          display: flex;
          flex-basis: 47%;
          justify-content: center;
          align-items: center;

          .blog-card {
            box-shadow: 0px 0.95px 23.74px 0px rgba(0, 0, 0, 0.1);
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 28rem;
            border-radius: 1rem;
            overflow: hidden;

            .container {
              display: flex;
              flex-direction: column;
              padding: 1rem;
              gap: 0.5rem;
              height: 100%;

              .img-preview {
                position: relative;
                overflow: hidden;
                height: 45rem;
                border-radius: 1rem;

                img {
                  width: 100%;
                  height: 100%;
                  object-position: center;
                  object-fit: cover;
                }
              }

              .single-category {
                display: flex;

                .post-category {
                  display: flex;
                  width: 100%;
                  max-width: 7rem;
                  color: var(--white);
                  font-size: 0.7rem;
                  font-family: var(--nu-regular);
                  padding: 0.5rem 1rem;
                  border-radius: 1rem;
                  background: var(--gr-purple);
                  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  justify-content: center;
                  align-items: center;
                }
              }

              .content {
                display: flex;
                flex-direction: column;
                height: 100%;

                h2 {
                  font-size: 1.1rem;
                  font-family: var(--co-bold);
                  color: var(--purple-cold);
                }

                p {
                  font-size: 0.75rem;
                  font-family: var(--co-book);
                  color: var(--purple-cold);
                  overflow: hidden;
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 6;
                  overflow: hidden;
                  text-overflow: ellipsis;
                }
              }

              .info {
                .left {
                  .top {
                    display: flex;

                    .date,
                    .author,
                    > span {
                      display: none;
                    }
                  }

                  .bottom {
                    display: flex;

                    .data {
                      .post-category {
                        display: none;
                      }

                      .reading {
                        display: none;

                        .reading-time {
                        }

                        > img {
                        }
                      }
                    }
                  }
                }

                .right {
                  .view-more {
                    font-size: 1.125rem;
                    color: var(--white);
                    font-family: var(--nu-regular);
                    background: var(--yellow);
                    padding: 0.8rem 1rem;
                    border-radius: 0.7rem;
                    height: 100%;
                    width: 100%;
                    text-align: center;
                    justify-content: center;
                    align-items: center;
                    display: flex;
                    width: 100%;
                    height: 100%;

                    a {
                      width: 100%;
                      height: 100%;
                    }
                  }
                }
              }
            }
          }
        }
      }

      #pagination-container {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;

        .pagination {
          display: flex;
          gap: 0.8rem;

          .page-numbers {
            display: flex;
            background-color: #57565636;
            padding: 0.6rem;
            justify-content: center;
            align-items: center;
            text-align: center;
            width: 2rem;
            height: 2rem;
            border-radius: 100%;
            font-family: var(--co-regular);
            color: var(--black);

            &.current {
              background-color: var(--yellow);
              font-family: var(--co-bold);
              color: var(--white);
            }
          }

          .prev {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDE2IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguMjY2OSAxMS45MzEyQzcuMzMxOTQgMTEuMDMzMyA2LjU0MzY1IDEwLjI4MiA1Ljc3MzY5IDkuNTEyMzdDNC4zOTg3NSA4LjEzODAzIDMuMDIzODEgNi43NjM2OSAxLjY0ODg4IDUuMzg5MzZDMC40NTcyNjggNC4xNzk5NCAwLjQ1NzI2OCAyLjM2NTgyIDEuNjQ4ODggMS4yMTEzOEMyLjgwMzgyIDAuMDc1MjYwMSA0LjU4MjA3IDAuMDc1MjU4MSA1Ljc3MzY5IDEuMjY2MzVDOC41OTY4OSA0LjA3IDExLjQwMTggNi44NzM2NCAxNC4yMDY2IDkuNjk1NjFDMTUuNTQ0OSAxMS4wMzMzIDE1LjU0NDkgMTIuNzM3NSAxNC4yMjUgMTQuMDU2OEMxMS40MjAxIDE2Ljg3ODggOC42MTUyMiAxOS43MDA4IDUuNzkyMDEgMjIuNTA0NEM0LjU4MjA3IDIzLjcxMzggMi43ODU0OSAyMy43MzIyIDEuNjEyMjEgMjIuNTk2MUMwLjQzODkzNCAyMS40NDE2IDAuNDM4OTMzIDE5LjU5MDggMS42ODU1NCAxOC4zNjMxQzMuODMwNDQgMTYuMjU1OCA1Ljk5MzY3IDE0LjE2NjggOC4yNjY5IDExLjkzMTJaIiBmaWxsPSIjRTRBQzVCIi8+Cjwvc3ZnPg==);
            background-repeat: no-repeat;
            background-position: center;
            background-color: transparent;
            font-size: 0;
            transform-origin: center;
            transform: rotate(180deg);
            color: transparent;
          }

          .next {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDE2IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguMjY2OSAxMS45MzEyQzcuMzMxOTQgMTEuMDMzMyA2LjU0MzY1IDEwLjI4MiA1Ljc3MzY5IDkuNTEyMzdDNC4zOTg3NSA4LjEzODAzIDMuMDIzODEgNi43NjM2OSAxLjY0ODg4IDUuMzg5MzZDMC40NTcyNjggNC4xNzk5NCAwLjQ1NzI2OCAyLjM2NTgyIDEuNjQ4ODggMS4yMTEzOEMyLjgwMzgyIDAuMDc1MjYwMSA0LjU4MjA3IDAuMDc1MjU4MSA1Ljc3MzY5IDEuMjY2MzVDOC41OTY4OSA0LjA3IDExLjQwMTggNi44NzM2NCAxNC4yMDY2IDkuNjk1NjFDMTUuNTQ0OSAxMS4wMzMzIDE1LjU0NDkgMTIuNzM3NSAxNC4yMjUgMTQuMDU2OEMxMS40MjAxIDE2Ljg3ODggOC42MTUyMiAxOS43MDA4IDUuNzkyMDEgMjIuNTA0NEM0LjU4MjA3IDIzLjcxMzggMi43ODU0OSAyMy43MzIyIDEuNjEyMjEgMjIuNTk2MUMwLjQzODkzNCAyMS40NDE2IDAuNDM4OTMzIDE5LjU5MDggMS42ODU1NCAxOC4zNjMxQzMuODMwNDQgMTYuMjU1OCA1Ljk5MzY3IDE0LjE2NjggOC4yNjY5IDExLjkzMTJaIiBmaWxsPSIjRTRBQzVCIi8+Cjwvc3ZnPg==);
            background-repeat: no-repeat;
            background-position: center;
            background-color: transparent;
            font-size: 0;
            color: transparent;
          }
        }
      }
    }

    .tools {
      display: flex;
      flex-direction: column;
      flex-basis: 30%;
      gap: 1.5rem;

      .container {
        display: flex;

        .search-bar {
          width: 100%;
          display: flex;
          padding: 0.6rem 1rem;
          background-color: #eeeeee;
          border-radius: 0.8rem;

          > input {
            width: 100%;
            background-color: transparent;
            color: var(--purple-cold);
            font-size: 0.938rem;
            font-family: var(--co-regular);

            &::placeholder {
              font-family: var(--co-regular);
              font-size: 0.938rem;
              color: var(--purple-cold);
            }
          }

          > span {
            width: 1.2rem;
            height: 1.2rem;
            background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTEwLjY1MTUgMC41MDE1MjZDMTEuMTU1IDAuNTAxNTI2IDExLjY1MDggMC41MDE1MjYgMTIuMTU0MyAwLjUwMTUyNkMxMi4yMDA4IDAuNTA5MjcyIDEyLjIzOTUgMC41MjQ3NjUgMTIuMjg2IDAuNTI0NzY1QzEzLjAyMTkgMC42MDk5NzcgMTMuNzQyMyAwLjc3MjY1NCAxNC40MTYzIDEuMDc0NzdDMTcuMDE5MSAyLjIyOSAxOC42MDcxIDQuMTk2NjIgMTkuMTEwNyA3LjAwODZDMTkuMzgxOCA4LjUxMTQzIDE5LjE4ODEgOS45NzU1MiAxOC41OTE3IDExLjM2OTlDMTcuODYzNSAxMy4wNzQxIDE2LjY2MjggMTQuMzQ0NiAxNS4wMzYgMTUuMjEyMkMxMy42MDI5IDE1Ljk3MTMgMTIuMDc2OCAxNi4yNDI1IDEwLjQ2NTYgMTYuMDI1NkM5LjQ3NCAxNS44OTM5IDguNTM2NjcgMTUuNTc2MyA3LjY2MTMxIDE1LjA3MjdDNy4zMzU5NiAxNC44ODY4IDcuMjczOTggMTQuOTAyMyA3LjAxMDYgMTUuMTU3OUM1Ljc3MTE2IDE2LjM5NzQgNC41Mzk0NiAxNy42MjkxIDMuMzAwMDIgMTguODY4NUMzLjE2ODMzIDE4Ljk5MjUgMy4wMzY2NCAxOS4xMjQyIDIuODk3MiAxOS4yMzI2QzIuNDI0NjYgMTkuNTk2NyAxLjg5MDE1IDE5LjgxMzYgMS4yODU5MiAxOS42ODE5QzAuNjExOTc1IDE5LjUzNDcgMC4yMDkxNTYgMTkuMDY5OSAwIDE4LjQxOTJDMCAxOC4yMTAxIDAgMTcuOTkzMiAwIDE3Ljc4NEMwLjExNjE5OCAxNy4yNDE4IDAuNDEwNTY2IDE2LjgwMDIgMC44MDU2MzggMTYuNDEyOUMxLjg5MDE1IDE1LjMzNjEgMi45NjY5MiAxNC4yNTkzIDQuMDQzNjggMTMuMTgyNkM0LjI0NTA5IDEyLjk4MTIgNC40Mzg3NiAxMi43ODc1IDQuNjQwMTcgMTIuNTg2MUM0Ljc2NDExIDEyLjQ2MjIgNC43ODczNSAxMi4zMzA1IDQuNzAyMTQgMTIuMTc1NUM0LjYyNDY3IDEyLjAyODMgNC41Mzk0NiAxMS44ODEyIDQuNDYyIDExLjcyNjJDMy42NDA4NiAxMC4xMDcyIDMuMzkyOTggOC4zOTUyMyAzLjc4MDMgNi42MDU3OEM0LjA3NDY3IDUuMjE5MTYgNC43MjUzOCA0LjAxMDcgNS42OTM2OSAyLjk3MjY3QzYuNzE2MjMgMS44NzI2NiA3Ljk1NTY4IDEuMTM2NzQgOS40MDQyOCAwLjc0OTQxNUM5LjgxNDg0IDAuNjMzMjE3IDEwLjIzMzIgMC41Nzg5OTEgMTAuNjUxNSAwLjUwMTUyNlpNMTEuNDEwNiAyLjU2OTg1QzguMzUwNzUgMi41NTQzNSA1LjY5MzY5IDQuOTk0NTEgNS42OTM2OSA4LjI4Njc4QzUuNjkzNjkgMTEuNDc4MyA4LjE4ODA3IDE0LjAwMzcgMTEuNDEwNiAxNC4wMTE1QzE0LjcwMjkgMTQuMDE5MiAxNy4xMzUzIDExLjM2MjEgMTcuMTM1MyA4LjI3OTAzQzE3LjEzNTMgNS4xMzM5NSAxNC41NTU3IDIuNTQ2NjEgMTEuNDEwNiAyLjU2OTg1WiIgZmlsbD0iIzY1MzQ4QSIvPgo8cGF0aCBkPSJNMTEuNzgyOCAzLjYwMDFDMTIuNDQ5IDMuNjAwMSAxMy4wODQyIDMuNzM5NTQgMTMuNjk2MiAzLjk3OTY4QzE0LjE0NTUgNC4xNTc4NSAxNC4zNTQ2IDQuNjE0ODkgMTQuMTkyIDUuMDQ4N0MxNC4wMzcgNS40NzQ3NiAxMy41ODc3IDUuNjkxNjYgMTMuMTM4NCA1LjUyODk4QzEyLjYxOTQgNS4zNDMwNyAxMi4xMDA0IDUuMjI2ODcgMTEuNTQyNyA1LjI3MzM1QzEwLjI2NDUgNS4zNzQwNSA5LjMyNzE1IDYuMDAxNTIgOC43MTUxOCA3LjEyNDc3QzguNjYwOTUgNy4yMTc3MiA4LjYyMjIyIDcuMzE4NDMgOC41Njc5OSA3LjQwMzY0QzguMzI3ODUgNy44MTQyMSA3Ljg3ODU1IDcuOTUzNjQgNy40NzU3MyA3Ljc1MjIzQzcuMDcyOTIgNy41NTA4MiA2LjkxMDI0IDcuMDkzNzggNy4xMDM5IDYuNjUyMjNDNy4zODI3OCA2LjAxNzAxIDcuNzYyMzYgNS40NTkyNiA4LjI2NTg4IDQuOTg2NzNDOS4yNTc0MyA0LjA3MjY0IDEwLjQyNzIgMy42MTU1OSAxMS43ODI4IDMuNjAwMVoiIGZpbGw9IiM2NTM0OEEiLz4KPC9zdmc+");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            aspect-ratio: 1 / 1;
          }
        }
      }

      .filters-container {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        background: var(--purple-clear);
        padding: 1.5rem 1.5rem;
        border-radius: 1.2rem;

        > p {
          color: var(--purple-cold);
          font-family: var(--co-bold);
          font-size: 1.438rem;
          border-bottom: 2px solid var(--purple-cold);
        }

        .filters {
          display: flex;
          flex-direction: column;

          .filter-item {
            margin-bottom: 0.5rem;

            label {
              display: flex;
              align-items: center;
              cursor: pointer;
              font-family: var(--co-regular);
              color: var(--purple-cold);
              gap: 0.5rem;

              input[type="checkbox"] {
                display: none;

                &:checked + .checkbox-custom {
                  border-color: var(--purple-cold);

                  &:after {
                    transform: scale(0.8);
                    opacity: 1;
                  }
                }
              }

              .checkbox-custom {
                width: 16px;
                height: 16px;
                border: 1px solid #653483;
                border-radius: 4px;
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;

                &:after {
                  content: "";
                  width: 14px;
                  height: 14px;
                  background-color: var(--purple-cold);
                  border-radius: 4px;
                  opacity: 0;
                  transform: scale(0);
                  transition: var(--anim-low);
                }
              }

              .label-text {
                flex: 1;
              }

              .post-count {
                background-color: white;
                padding: 0.2rem 0.8rem;
                border-radius: 0.5rem;
                font-size: 0.875rem;
                text-align: center;
              }
            }
          }
        }
      }
    }
  }

  .contact-container {
    .contact-forms {
      .tabs-container {
        display: flex;
        flex-direction: column;
        padding-block: 4rem;

        .tab-buttons {
          display: flex;
          justify-content: center;
          align-items: center;

          .tab-button {
            width: 100%;
            padding-block: 0.8rem;
            font-size: 1.625rem;
            font-family: var(--co-regular);
            color: var(--gray);
            border-top-right-radius: 1rem;
            border-top-left-radius: 1rem;
            border: 2px solid var(--gray);
            transition: var(--anim-low);

            &:hover {
              border: 2px solid var(--yellow-clear);
              background-color: var(--yellow-clear);
              color: var(--yellow);
            }

            &.active {
              color: var(--white);
              font-family: var(--co-bold);
              background-color: var(--purple-cold);
              border: 2px solid var(--purple-cold);
            }
          }
        }

        .tab-content {
          display: flex;

          &.active {
            .contact-form {
              display: flex;
              flex-direction: column;

              .form-container {
                display: flex;
                flex-wrap: wrap;
                position: relative;

                .trabajanosotros-contactanos {
                  justify-content: space-between;
                  flex-wrap: wrap;
                  .top {
                    width: 100%;
                    .title-form {
                      margin-block: 53px 25px;
                      width: 100%;
                      color: var(--1, #65348a);
                      font-family: var(--co-bold);
                      font-size: 30px;
                      font-style: normal;
                      font-weight: 800;
                      line-height: 30px;
                      letter-spacing: 0.111px;
                    }
                  }
                  .bottom {
                    display: flex;
                    justify-content: space-between;
                    width: 100%;
                    .image-trabaja-nosotros {
                      overflow: hidden;
                      border-radius: 20px;
                      margin-bottom: 60px;
                      img {
                        border-radius: 20px;
                      }
                    }
                    div.wpcf7 {
                      width: 50%;
                      form {
                        padding-top: 0;
                        flex-direction: column;
                        label {
                          color: #65348a;
                          font-family: var(--nu-regular);
                          font-size: 20px;
                          font-weight: 400;
                          line-height: 20px;
                          text-align: left;
                          width: 100%;
                        }
                        p {
                          padding-inline: 0;
                          span {
                            width: 100%;
                            flex-basis: auto;
                            &[data-name="documento"] {
                              .wpcf7-select-selected {
                                border-radius: 10px;
                                background: rgba(97, 50, 132, 0.1);
                                font-size: 1.125rem;
                                width: 100%;
                                background-color: var(--purple-clear);
                                color: var(--purple-cold);
                                padding: 0.8rem;
                                border-radius: 1rem;
                                font-family: var(--co-regular);
                                position: relative;
                              }
                              .wpcf7-select-items {
                                position: absolute;
                                left: 0;
                                top: 100%;
                                padding: 16px 15px;
                                border-radius: 15px;
                                background: #e3ad5c;
                                display: flex;
                                flex-direction: column;
                                gap: 13px;
                                width: 100%;
                                z-index: 1;
                                display: block;
                                div {
                                  color: var(--1, #65348a);
                                  font-family: var(--nu-regular);
                                  font-size: 20px;
                                  font-style: normal;
                                  font-weight: 400;
                                  line-height: 20px;
                                  gap: 13px;
                                  &:nth-child(1) {
                                    display: none;
                                  }
                                }
                                &.wpcf7-select-hide {
                                  display: none;
                                }
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                }

                .form-container {
                  position: absolute;
                  left: 0;
                  top: 0;
                  width: 100%;
                  display: none;
                  div.wpcf7 {
                    form {
                      p {
                        .wpcf7-form-control-wrap {
                          flex-direction: column;
                        }
                      }
                    }
                  }
                  &.active {
                    display: flex;
                    position: relative;
                  }
                }

                .wpcf7 {
                  display: flex;
                  justify-content: center;

                  > form {
                    display: flex;
                    width: 100%;
                    padding-block: 3rem;

                    > p {
                      display: flex;
                      flex-wrap: wrap;
                      width: 100%;
                      justify-content: center;
                      padding-inline: 5rem;

                      .wpcf7-form-control-wrap {
                        display: flex;
                        flex-basis: 50%;
                        padding: 0.6rem;

                        &:nth-child(5) {
                          flex-basis: 100%;
                        }

                        textarea {
                          font-size: 1.125rem;
                          height: 8rem;
                          width: 100%;
                          resize: none;
                          background-color: var(--purple-clear);
                          color: var(--purple-cold);
                          padding: 0.8rem;
                          border: none;
                          stroke: none;
                          outline: none;
                          border-radius: 1rem;
                          font-family: var(--co-book);

                          &::placeholder {
                            color: var(--purple-cold);
                          }
                        }

                        input {
                          font-size: 1.125rem;
                          width: 100%;
                          background-color: var(--purple-clear);
                          color: var(--purple-cold);
                          padding: 0.8rem;
                          border-radius: 1rem;
                          font-family: var(--co-regular);

                          &::placeholder {
                            color: var(--purple-cold);
                          }
                        }
                      }

                      > .wpcf7-submit {
                        padding-inline: 1.2rem;
                        padding-block: 0.4rem;
                        margin-block: 1rem;
                        cursor: pointer;
                      }

                      > .wpcf7-spinner {
                        display: none;
                      }
                    }
                  }
                }
              }

              .info-contact {
                display: flex;
                width: 100%;
                gap: 3rem;

                .info-card {
                  display: flex;
                  flex-direction: column;
                  flex-basis: 33.3%;
                  padding: 2rem;
                  border-radius: 2rem;
                  gap: 1.4rem;

                  .top {
                    display: flex;
                    gap: 0.8rem;
                    align-items: center;

                    .icon {
                      display: flex;
                      width: 3.5rem;
                      height: 3.5rem;
                      min-width: 3.5rem;
                      min-height: 3.5rem;

                      > img {
                        width: 100%;
                      }
                    }

                    .title {
                      font-size: 1.325rem;
                      font-family: var(--co-bold);
                      line-height: normal;
                    }
                  }

                  .bottom {
                    .description {
                      font-family: var(--nu-regular);
                      font-size: 0.938rem;
                    }
                  }

                  &.purple {
                    background-color: #d1c2dc;

                    .top {
                      .title {
                        color: var(--purple-cold);
                      }
                    }

                    .bottom {
                      .description {
                        color: var(--purple-cold);
                      }
                    }
                  }

                  &.yellow {
                    background-color: #f7e6ce;

                    .top {
                      .title {
                        color: var(--yellow);
                      }
                    }

                    .bottom {
                      .description {
                        color: var(--yellow);
                      }
                    }
                  }

                  &.gray {
                    background-color: #eeeeee;

                    .top {
                      .title {
                        color: var(--gray);
                      }
                    }

                    .bottom {
                      .description {
                        color: var(--gray);
                      }
                    }
                  }
                }
              }
            }

            .work-form {
              width: 100%;
              display: flex;
              padding-block: 3rem 1.5rem;
              gap: 2rem;

              .form-container {
                display: flex;
                flex-direction: column;
                flex-basis: 50%;
                gap: 1rem;

                > h3 {
                  font-family: var(--co-bold);
                  font-size: 2rem;
                  color: var(--purple-cold);
                }

                .wpcf7 {
                  > form {
                    > h5 {
                      font-size: 1.125rem;
                      color: var(--purple-cold);
                      font-family: var(--nu-regular);
                      padding-left: 1rem;
                    }

                    > p {
                      display: flex;
                      flex-direction: column;
                      margin-block: 0.2rem 0.8rem;

                      .wpcf7-form-control-wrap {
                        display: flex;
                        flex-direction: column;
                        position: relative;

                        input,
                        textarea {
                          font-size: 1.125rem;
                          width: 100%;
                          background-color: var(--purple-clear);
                          color: var(--purple-cold);
                          padding: 0.8rem;
                          border-radius: 1rem;
                          font-family: var(--co-regular);
                          border: none;
                        }

                        textarea {
                          resize: none;
                          height: 3rem;
                        }

                        .wpcf7-select {
                          display: none;
                        }

                        .wpcf7-select-selected {
                          font-size: 1.125rem;
                          width: 100%;
                          background-color: var(--purple-clear);
                          color: var(--purple-cold);
                          padding: 0.8rem;
                          border-radius: 1rem;
                          font-family: var(--co-regular);
                          border: none;
                          cursor: pointer;
                          position: relative;

                          &:after {
                            content: "";
                            position: absolute;
                            right: 1rem;
                            top: 50%;
                            transform: translateY(-50%) rotate(45deg);
                            border: solid var(--purple-cold);
                            border-width: 0 2px 2px 0;
                            padding: 3px;
                            transition: transform 0.2s;
                          }

                          &.wpcf7-select-arrow-active {
                            border-bottom-left-radius: 0;
                            border-bottom-right-radius: 0;

                            &:after {
                              transform: translateY(-50%) rotate(-135deg);
                            }
                          }
                        }

                        .wpcf7-select-items {
                          position: absolute;
                          top: 100%;
                          left: 0;
                          right: 0;
                          z-index: 99;
                          background-color: var(--purple-clear);
                          border-bottom-left-radius: 1rem;
                          border-bottom-right-radius: 1rem;
                          overflow: hidden;

                          div {
                            padding: 0.8rem;
                            cursor: pointer;
                            color: var(--purple-cold);
                            font-family: var(--co-regular);
                            font-size: 1.125rem;
                            transition: background-color 0.2s;

                            &:hover {
                              background-color: var(--yellow);
                            }

                            &.wpcf7-same-as-selected {
                              background-color: var(--yellow);
                            }
                          }
                        }

                        .wpcf7-select-hide {
                          display: none;
                        }

                        .wpcf7-custom-upload-hidden {
                          display: none;
                        }

                        .wpcf7-custom-upload-wrapper {
                          display: flex;
                          gap: 0.5rem;
                          width: 100%;
                          align-items: center;
                          background-color: var(--purple-clear);
                          padding: 0.5rem 1rem;
                          border-radius: 1rem;

                          .wpcf7-custom-upload-input {
                            cursor: pointer;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            font-family: var(--nu-regular);
                            color: var(--purple-cold);
                          }

                          .wpcf7-custom-upload-btn {
                            cursor: pointer;
                            white-space: nowrap;
                            font-family: var(--nu-regular);
                            color: var(--white);
                            background: var(--yellow);
                            padding: 0.4rem 1.2rem;
                            border-radius: 0.3rem;
                          }
                        }
                      }
                    }
                  }
                }
              }

              .background-side {
                display: flex;
                flex-basis: 50%;
                height: 100%;
                padding-block: 6rem 7.5rem;

                .preview {
                  display: flex;
                  border-radius: 1.2rem;
                  overflow: hidden;

                  > img {
                    object-fit: cover;
                    width: 100%;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .blog {
    display: flex;
    padding-block: 6rem;
    gap: 4rem;

    .single-blog {
      display: flex;
      flex-direction: column;
      flex-basis: 70%;
      gap: 3rem;
      overflow: hidden;

      .post-content {
        display: flex;
        flex-direction: column;
        padding-bottom: 3rem;
        border-bottom: 3px solid var(--gray);

        .post-bg {
          border-radius: 1.25rem;
          width: 100%;
          height: auto;
          overflow: hidden;
          justify-content: center;
          align-items: center;
          display: flex;
          aspect-ratio: 16 / 9;

          > img {
            width: 100%;
            height: 100%;
            object-position: top center;
            object-fit: cover;
          }
        }

        .extra-info {
          width: 100%;
          display: flex;
          justify-content: space-between;
          padding-block: 0.6rem;

          .post-date {
            display: flex;
            font-family: var(--nu-regular);
            font-size: 1.125rem;
            color: var(--gray);
            align-items: center;
            gap: 0.3rem;
            line-height: normal;

            &::before {
              content: "";
              width: 1.5rem;
              height: 1.5rem;
              background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIyIDIzIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTkuOTIxMTggMjIuM0M5LjM3MDMyIDIyLjIyNjYgOC44MjY4MSAyMi4xNTMxIDguMjgzMjkgMjIuMDI4M0M0LjEyNjEyIDIxLjAzNjcgMC44OTQ0MDcgMTcuNjI4NyAwLjE3NDYxNiAxMy40MDU0Qy0wLjM5ODI4IDEwLjAxOTUgMC40MzkwMjkgNi45OTM0MiAyLjY3OTIgNC4zOTMzNkM0LjQxMjU3IDIuMzg4MjMgNi42MzA3MSAxLjE4MzY4IDkuMjUyOCAwLjgxNjQzN0MxMi40OTkyIDAuMzY4NDA0IDE1LjQwNzggMS4yMTMwNiAxNy45MDUgMy4zNTc3NEMxOS43NzA2IDQuOTY2MjYgMjAuOTMxMSA3LjAwMDc3IDIxLjQyMzIgOS40MTcyMUMyMS41MDQgOS44MTM4MyAyMS41NDggMTAuMjE3OCAyMS42MDY4IDEwLjYyMThDMjEuNjA2OCAxMS4yMDkzIDIxLjYwNjggMTEuODA0MyAyMS42MDY4IDEyLjM5MTlDMjEuNTU1NCAxMi43Mjk3IDIxLjUxMTMgMTMuMDc0OSAyMS40NTI1IDEzLjQxMjhDMjAuNzI1NCAxNy42MTQgMTcuNDkzNyAyMS4wMzY3IDEzLjMzNjUgMjIuMDI4M0MxMi43OTMgMjIuMTUzMSAxMi4yNDk1IDIyLjIyNjYgMTEuNjk4NiAyMi4zQzExLjEwMzcgMjIuMyAxMC41MTYxIDIyLjMgOS45MjExOCAyMi4zWk0xMC44MDk5IDEuNjkwNDdDNS40MDQxMiAxLjY2MTA5IDAuOTgyNTQ1IDYuMTA0NyAwLjk4MjU0NSAxMS41MTA1QzAuOTgyNTQ1IDE2LjkxNjMgNS40MDQxMiAyMS4zMzc4IDEwLjgwOTkgMjEuMzM3OEMxNi4yMTU3IDIxLjMzNzggMjAuNjM3MyAxNi45MTYzIDIwLjYzNzMgMTEuNTEwNUMyMC42MzczIDYuMTA0NyAxNi4yMDgzIDEuNjYxMDkgMTAuODA5OSAxLjY5MDQ3WiIgZmlsbD0iIzU3NTY1NiIvPgo8cGF0aCBkPSJNMTAuMzAyNyA5LjI1NjM4QzEwLjMwMjcgOC42MTAwMyAxMC4zMDI3IDcuOTYzNjkgMTAuMzAyNyA3LjMxNzM1QzEwLjMwMjcgNy4xOTI0OSAxMC4zMTAxIDcuMDYwMjggMTAuMzM5NSA2Ljk0Mjc2QzEwLjM4MzUgNi43MjI0MiAxMC41OTY1IDYuNTY4MTggMTAuODE2OSA2LjU2ODE4QzExLjAyOTkgNi41NzU1MiAxMS4yMjgyIDYuNzIyNDIgMTEuMjcyMiA2LjkzNTQyQzExLjMwMTYgNy4wNjc2MiAxMS4zMDkgNy4xOTk4MyAxMS4zMDkgNy4zMzIwNEMxMS4zMDkgOC41NzMzMSAxMS4zMTYzIDkuODE0NTggMTEuMzA5IDExLjA1NTlDMTEuMzA5IDExLjIzOTUgMTEuMzY3NyAxMS4zNzE3IDExLjQ5MjYgMTEuNDk2NUMxMy4wMzUgMTMuMDMxNiAxNC41NzAxIDE0LjU3NCAxNi4xMTI1IDE2LjEwOTFDMTYuMTkzMyAxNi4xODk5IDE2LjI4MTQgMTYuMjc4IDE2LjM0NzUgMTYuMzgwOEMxNi40Nzk3IDE2LjU3OTIgMTYuNDUwMyAxNi44MDY4IDE2LjI4ODggMTYuOTc1OEMxNi4xMTk4IDE3LjE0NDcgMTUuODkyMSAxNy4xNjY3IDE1LjY5MzggMTcuMDM0NUMxNS42MTMgMTYuOTgzMSAxNS41Mzk2IDE2LjkxNyAxNS40NjYxIDE2Ljg0MzZDMTMuODUwMyAxNS4yMjc3IDEyLjIzNDQgMTMuNjA0NSAxMC42MTEyIDExLjk5NkMxMC4zOTgyIDExLjc5MDMgMTAuMzAyNyAxMS41NTUzIDEwLjMxMDEgMTEuMjYxNUMxMC4zMTAxIDEwLjYwMDUgMTAuMzAyNyA5LjkzMjEgMTAuMzAyNyA5LjI1NjM4WiIgZmlsbD0iIzU3NTY1NiIvPgo8cGF0aCBkPSJNMTAuMzEwNSAzLjY3NEMxMC4zMTc5IDMuNDY4MzQgMTAuMzM5OSAzLjI5MjA3IDEwLjUwMTUgMy4xNjcyMUMxMC42MTkgMy4wNzE3MiAxMC43NTEyIDMuMDQyMzQgMTAuODk4MSAzLjA2NDM4QzExLjE0MDUgMy4xMDg0NSAxMS4yODc0IDMuMjkyMDcgMTEuMzA5NCAzLjYwMDU1QzExLjMzMTUgMy45MzEwNyAxMS4xOTkzIDQuMTU4NzYgMTAuOTQ5NSA0LjIzMjJDMTAuNzI5MiA0LjI5ODMxIDEwLjUwODkgNC4yMDI4MiAxMC4zOTEzIDQuMDA0NTFDMTAuMzI1MiAzLjg5NDM0IDEwLjMzMjYgMy43NzY4MiAxMC4zMTA1IDMuNjc0WiIgZmlsbD0iIzU3NTY1NiIvPgo8cGF0aCBkPSJNMi45NDQ1MSAxMi4wMTAyQzIuNTU1MjQgMTIuMDAyOSAyLjMxMjg2IDExLjc2NzggMi4zNjQyNyAxMS40MzczQzIuNDE1NjkgMTEuMTA2OCAyLjc2MDg5IDEwLjkzNzkgMy4xNzk1NSAxMS4wNDhDMy40NTEzIDExLjExNDIgMy42MTI4OSAxMS40MDA2IDMuNTI0NzUgMTEuNjY1QzMuNDU4NjUgMTEuODg1NCAzLjI0NTY1IDEyLjAxMDIgMi45NDQ1MSAxMi4wMTAyWiIgZmlsbD0iIzU3NTY1NiIvPgo8cGF0aCBkPSJNMTguNjY5MiAxMi4wMTAyQzE4LjI0MzIgMTIuMDEwMiAxNy45Nzg4IDExLjcxNjQgMTguMDk2MyAxMS4zNjM5QzE4LjE2OTggMTEuMTQzNSAxOC4zNjgxIDExLjAxODcgMTguNjYxOSAxMS4wMTg3QzE4Ljk0ODMgMTEuMDExMyAxOS4xNjg3IDExLjEzNjIgMTkuMjQyMSAxMS4zNDkyQzE5LjM2NyAxMS42OTQ0IDE5LjA5NTIgMTIuMDEwMiAxOC42NjkyIDEyLjAxMDJaIiBmaWxsPSIjNTc1NjU2Ii8+CjxwYXRoIGQ9Ik0xMS4zMDk5IDE5LjM0NzRDMTEuMzAyNSAxOS41Mzg0IDExLjI4MDUgMTkuNzE0NiAxMS4xMzM2IDE5LjgzOTVDMTEuMDE2MSAxOS45NDIzIDEwLjg3NjUgMTkuOTc5IDEwLjcyMjMgMTkuOTU3QzEwLjQ3MjYgMTkuOTEyOSAxMC4zMzMgMTkuNzM2NyAxMC4zMTEgMTkuNDI4MkMxMC4yODg5IDE5LjA5NzcgMTAuNDIxMSAxOC44NjI2IDEwLjY3MDkgMTguNzg5MkMxMC44OTEyIDE4LjcyMzEgMTEuMTExNiAxOC44MTg2IDExLjIyOTEgMTkuMDE2OUMxMS4yOTUyIDE5LjEyNyAxMS4yODc4IDE5LjI0NDYgMTEuMzA5OSAxOS4zNDc0WiIgZmlsbD0iIzU3NTY1NiIvPgo8cGF0aCBkPSJNNS4zNTI2IDYuNTI5ODZDNS4wNzM1IDYuNTI5ODYgNC43MDYyNiA2LjE2OTk3IDQuNjkxNTcgNS44ODM1MkM0LjY4NDIyIDUuNjQxMTQgNC45MjY2IDUuMzkxNDIgNS4xNjg5OCA1LjM5MTQyQzUuNDQ4MDggNS4zOTE0MiA1LjgxNTMzIDUuNzUxMzEgNS44MjI2NyA2LjAzNzc2QzUuODM3MzYgNi4yODc0OSA1LjYwMjMzIDYuNTI5ODYgNS4zNTI2IDYuNTI5ODZaIiBmaWxsPSIjNTc1NjU2Ii8+CjxwYXRoIGQ9Ik0xNi45Mjc1IDUuODgzNjNDMTYuOTIwMiA2LjE2MjczIDE2LjU2MDMgNi41Mjk5NyAxNi4yNzM4IDYuNTI5OTdDMTYuMDI0MSA2LjUyOTk3IDE1Ljc4OTEgNi4yOTQ5NCAxNS43ODkxIDYuMDQ1MjFDMTUuNzg5MSA1Ljc1ODc3IDE2LjE3MSA1LjM4NDE4IDE2LjQ1NzQgNS4zOTE1MkMxNi42OTk4IDUuNDA2MjEgMTYuOTI3NSA1LjY0ODU5IDE2LjkyNzUgNS44ODM2M1oiIGZpbGw9IiM1NzU2NTYiLz4KPHBhdGggZD0iTTUuMzQ1MjUgMTYuNDkwMUM1LjU5NDk4IDE2LjQ5MDEgNS44MzAwMSAxNi43MzI0IDUuODMwMDEgMTYuOTgyMkM1LjgyMjY3IDE3LjI2MTMgNS40NTU0MiAxNy42Mjg1IDUuMTc2MzIgMTcuNjI4NUM0LjkzMzk0IDE3LjYyODUgNC42ODQyMiAxNy4zNzg4IDQuNjkxNTYgMTcuMTM2NEM0LjY5ODkxIDE2Ljg0OTkgNS4wNjYxNSAxNi40OTAxIDUuMzQ1MjUgMTYuNDkwMVoiIGZpbGw9IiM1NzU2NTYiLz4KPC9zdmc+");
              background-size: contain;
              background-repeat: no-repeat;
              background-position: center;
            }
          }

          .go-comments {
            font-family: var(--nu-regular);
            color: var(--gray);
            font-size: 1.125rem;
            text-decoration: none;
            display: flex;
            gap: 0.3rem;
            line-height: normal;
            align-items: center;
            justify-content: center;

            &::before {
              content: "";
              width: 1.5rem;
              height: 1.5rem;
              background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDI4IDIzIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTEzLjc1MjEgMC43MTgzNDhDMTcuMDc3OCAwLjcxODM0OCAyMC40MTI0IDAuNzU0MzAxIDIzLjczODEgMC43MDAzNzJDMjUuNjk3NSAwLjY3MzQwNyAyNy41MDQyIDIuMTY1NDYgMjcuNDk1MiA0LjQ0ODQ5QzI3LjQ2ODIgNy44NDYwNiAyNy40OTUyIDExLjI0MzYgMjcuNDg2MiAxNC42NDEyQzI3LjQ4NjIgMTYuOTA2MyAyNS45NDkyIDE4LjQzNDMgMjMuNjc1MiAxOC40NDMzQzE5LjM2OTggMTguNDQzMyAxNS4wNjQ0IDE4LjQ0MzMgMTAuNzU5IDE4LjQ0MzNDMTAuNDQ0NCAxOC40NDMzIDEwLjE3NDcgMTguNTI0MiA5LjkyMzA3IDE4LjcwMzlDOC4zODYwOCAxOS43OTE1IDYuODQwMDkgMjAuODcwMSA1LjI5NDEgMjEuOTQ4N0M0LjU0ODA4IDIyLjQ3IDMuNzc1MDggMjIuNDA3MSAzLjI0NDc3IDIxLjc4NjlDMi45OTMxIDIxLjQ5MDMgMi44OTQyMyAyMS4xNDg3IDIuOTMwMTggMjAuNzYyMkMzLjAwMjA5IDIwLjA2MTIgMi45MzAxOCAxOS4zNTExIDMuMDExMDggMTguNjVDMy4wMjkwNSAxOC40NzkyIDIuOTEyMjEgMTguNDI1MyAyLjc2ODM5IDE4LjM4OTNDMS4xNzc0NyAxNy45ODQ5IDAuMjk2NjE0IDE2Ljk0MjIgMC4wMjY5NjQ5IDE1LjM0MjNDMCAxNS4xNzE1IDAgMTUuMDAwNyAwIDE0LjgzQzAgMTEuMzQyNSAwIDcuODU1MDUgMCA0LjM3NjU4QzAgMi41MTYwMSAxLjE5NTQ0IDEuMDg2ODcgMy4wMjAwNyAwLjc2MzI5QzMuMjYyNzUgMC43MTgzNDggMy41MTQ0MiAwLjcyNzMzNyAzLjc1NzExIDAuNzI3MzM3QzcuMDkxNzYgMC43MTgzNDggMTAuNDE3NCAwLjcxODM0OCAxMy43NTIxIDAuNzE4MzQ4Wk0xMy43MzQxIDIuMjI4MzhDMTAuMzgxNSAyLjIyODM4IDcuMDI4ODQgMi4yNTUzNSAzLjY3NjIxIDIuMjE5MzlDMi4zMDk5OSAyLjIwMTQyIDEuNDI5MTQgMy4yNDQwNiAxLjQzODEzIDQuNDM5NUMxLjQ3NDA4IDcuODgyMDIgMS40NDcxMiAxMS4zMjQ1IDEuNDQ3MTIgMTQuNzY3QzEuNDQ3MTIgMTYuMTI0MyAyLjI4MzAzIDE2Ljk2OTIgMy42NDAyNiAxNy4wMDUxQzQuMjY5NDQgMTcuMDIzMSA0LjU2NjA1IDE3LjM2NDcgNC41MzAxIDE3Ljk5MzhDNC40ODUxNiAxOC43Mzk5IDQuNDQ5MiAxOS40OTQ5IDQuNDEzMjUgMjAuMjQwOUM0LjQwNDI2IDIwLjM3NTcgNC4zMzIzNiAyMC41NzM1IDQuNDc2MTcgMjAuNjQ1NEM0LjYxMDk5IDIwLjcwODMgNC43Mjc4NCAyMC41Mzc1IDQuODQ0NjkgMjAuNDU2NkM2LjM3MjcgMTkuNDA1IDcuODkxNzIgMTguMzYyNCA5LjQxMDc0IDE3LjMwMTdDOS43MDczNiAxNy4wOTUgMTAuMDEzIDE3LjAwNTEgMTAuMzgxNSAxNy4wMDUxQzE0LjgyMTcgMTcuMDE0MSAxOS4yNjE5IDE3LjAxNDEgMjMuNzAyMSAxNy4wMDUxQzI1LjExMzMgMTcuMDA1MSAyNS45NzYyIDE2LjE1MTIgMjUuOTc2MiAxNC43NDkxQzI1Ljk3NjIgMTEuMzE1NSAyNS45NzYyIDcuODkxMDEgMjUuOTc2MiA0LjQ1NzQ4QzI1Ljk3NjIgNC4yODY3IDI1Ljk3NjIgNC4xMTU5MiAyNS45NDkyIDMuOTU0MTNDMjUuNzUxNSAyLjkwMjUgMjQuOTYwNSAyLjIzNzM3IDIzLjg2MzkgMi4yMzczN0MyMC40ODQzIDIuMjE5MzkgMTcuMTA0NyAyLjIyODM4IDEzLjczNDEgMi4yMjgzOFoiIGZpbGw9IiM1NzU2NTYiLz4KPHBhdGggZD0iTTguNzI3OTUgOC41OTE0OUM5LjM1NzEzIDguNTkxNDkgOS44NDI1IDkuMDc2ODYgOS44NDI1IDkuNjk3MDVDOS44NDI1IDEwLjMzNTIgOS4zMzkxNiAxMC44Mjk2IDguNzE4OTYgMTAuODIwNkM4LjA4MDggMTAuODExNiA3LjYxMzQgMTAuMzQ0MiA3LjYxMzQgOS43MTUwM0M3LjYwNDQyIDkuMDc2ODYgOC4wODk3OCA4LjU5MTQ5IDguNzI3OTUgOC41OTE0OVoiIGZpbGw9IiM1NzU2NTYiLz4KPHBhdGggZD0iTTE4Ljc1OCA4LjU5MTYxQzE5LjM5NjIgOC41OTE2MSAxOS44ODE2IDkuMDc2OTggMTkuODgxNiA5LjcxNTE1QzE5Ljg4MTYgMTAuMzM1MyAxOS4zNzgyIDEwLjgyOTcgMTguNzc2IDEwLjgyOTdDMTguMTI4OCAxMC44Mjk3IDE3LjY0MzUgMTAuMzM1MyAxNy42NTI1IDkuNjk3MTdDMTcuNjYxNSA5LjA1OSAxOC4xMjg4IDguNjAwNiAxOC43NTggOC41OTE2MVoiIGZpbGw9IiM1NzU2NTYiLz4KPHBhdGggZD0iTTE0Ljg0ODYgOS43MTUwOEMxNC44NDg2IDEwLjM1MzIgMTQuMzkwMiAxMC44Mjk2IDEzLjc1MiAxMC44Mjk2QzEzLjEyMjkgMTAuODI5NiAxMi42NDY1IDEwLjM2MjIgMTIuNjQ2NSA5LjcyNDA3QzEyLjY0NjUgOS4wNDk5NSAxMy4wOTU5IDguNTkxNTQgMTMuNzYxIDguNjAwNTNDMTQuNDA4MiA4LjYwMDUzIDE0Ljg0ODYgOS4wNDk5NSAxNC44NDg2IDkuNzE1MDhaIiBmaWxsPSIjNTc1NjU2Ii8+Cjwvc3ZnPg==);
              background-position: center;
              background-repeat: no-repeat;
              background-size: contain;
            }
          }
        }
        
        h1 {
          font-family: var(--co-bold);
          font-size: 2rem;
          color: var(--purple-cold);
        }

        .full-content {
          width: 100%;
          font-family: var(--nu-regular);
          padding-block: 1rem;
          img {
            border-radius: 0.6rem;
          }
          
          *{
              font-family: var(--nu-regular);
            font-size: 1.125rem;
            color: var(--gray);
          }

          a {
          }

          b {
          }

          strong {
            font-family: var(--nu-bold);
          }

          i {
          }

          em {
          }

          span {
          }

          div {
          }
          
          ul, ol{
              margin: 1rem 0;
              padding-left: 1.5rem;
              list-style: disc;
          }
          
          ol{
              list-style: decimal;
          }

          li {
          }

          h2, strong {
            font-family: var(--co-bold);
            font-size: 1.5rem;
            color: var(--purple-cold);
          }

          h3 {
            font-family: var(--co-bold);
          }

          h4 {
            font-family: var(--co-bold);
          }

          h5 {
            font-family: var(--co-bold);
          }

          h6 {
            font-family: var(--co-bold);
          }
          
          strong{
              font-size: 1.125rem;
          }
        }

        .btn-container {
          display: flex;
          justify-content: center;
          align-items: center;
        }
      }

      .post-comments {
        display: flex;
        flex-direction: column;
        gap: 1rem;

        > h2, p {
          font-size: 2rem;
          font-family: var(--co-bold);
          color: var(--purple-cold);
          text-align: center;
        }

        .comments-container {
          display: flex;

          #posts-comments {
            .splide__slide {
              padding: 0.5rem;

              .comment-card {
                display: flex;
                flex-direction: column;
                background-color: var(--white);
                border-radius: 0.668rem;
                box-shadow: 0px 1.184px 5.919px 0px rgba(0, 0, 0, 0.25);
                padding: 1rem 1rem;
                gap: 0.2rem;
                justify-content: space-between;
                height: 22rem;

                .top {
                  display: flex;
                  flex-direction: column;

                  .comment,
                  p {
                    font-size: 0.938rem;
                    font-family: var(--nu-regular);
                    color: var(--gray);
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 6;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    max-height: 100%;
                  }
                }

                .bottom {
                  gap: 0.2rem;
                  display: flex;
                  flex-direction: column;

                  .client-avatar {
                    display: flex;
                    width: 100%;
                    padding-block: 0.5rem;

                    .avatar {
                      display: flex;
                      width: 4rem;
                      height: 4rem;
                      overflow: hidden;
                      border-radius: 100%;

                      img {
                        object-position: center;
                        object-fit: cover;
                        width: 100%;
                        height: 100%;
                      }
                    }
                  }

                  .client-name {
                    font-family: var(--co-bold);
                    font-size: 1.25rem;
                    color: var(--purple-cold);
                  }

                  .comment-date {
                    font-family: var(--co-regular);
                    font-size: 0.938rem;
                  }

                  .rating-container {
                    display: flex;
                    background: var(--gr-purple);
                    padding: 0.3rem 0.6rem;
                    border-radius: 0.363rem;
                    gap: 0.3rem;
                    justify-content: center;
                    align-items: center;
                    width: min-content;

                    .rating-count {
                      font-size: 0.8rem;
                      font-family: var(--co-regular);
                      color: var(--white);
                    }

                    &::before {
                      content: "";
                      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE0IDEzIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTUuODk3IDAuODQ4MTM3QzYuMjQzODkgMC4yOTAyMTIgNy4wNTU5IDAuMjkwMjEyIDcuNDAyNzkgMC44NDgxMzdMOC45ODQzIDMuMzkxNzdDOS4xMDYzNiAzLjU4ODA3IDkuMzAwMjUgMy43Mjg5NCA5LjUyNDY2IDMuNzg0MzZMMTIuNDMyNSA0LjUwMjQ0QzEzLjA3MDMgNC42NTk5NCAxMy4zMjEyIDUuNDMyMjEgMTIuODk3OCA1LjkzNDU0TDEwLjk2NzQgOC4yMjQ2N0MxMC44MTg0IDguNDAxNCAxMC43NDQ0IDguNjI5MzQgMTAuNzYxIDguODU5ODlMMTAuOTc2NiAxMS44NDczQzExLjAyMzkgMTIuNTAyNiAxMC4zNjcgMTIuOTc5OSA5Ljc1ODQzIDEyLjczMjRMNi45ODM4NSAxMS42MDQyQzYuNzY5NzMgMTEuNTE3MSA2LjUzMDA2IDExLjUxNzEgNi4zMTU5NCAxMS42MDQyTDMuNTQxMzYgMTIuNzMyNEMyLjkzMjc4IDEyLjk3OTkgMi4yNzU4NSAxMi41MDI2IDIuMzIzMTUgMTEuODQ3M0wyLjUzODc5IDguODU5ODlDMi41NTU0MyA4LjYyOTM0IDIuNDgxMzcgOC40MDE0IDIuMzMyMzkgOC4yMjQ2N0wwLjQwMTk2NyA1LjkzNDU0Qy0wLjAyMTQ1NiA1LjQzMjIyIDAuMjI5NDcgNC42NTk5NCAwLjg2NzI4NCA0LjUwMjQ0TDMuNzc1MTQgMy43ODQzNkMzLjk5OTU1IDMuNzI4OTQgNC4xOTM0NCAzLjU4ODA3IDQuMzE1NDkgMy4zOTE3N0w1Ljg5NyAwLjg0ODEzN1oiIGZpbGw9IiNFNEFDNUIiLz4KPC9zdmc+");
                      width: 1rem;
                      height: 1rem;
                      background-size: contain;
                      background-position: center;
                      background-repeat: no-repeat;
                    }
                  }
                }
              }
            }
          }
        }
      }

      .comment-box-blog {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding-block: 0rem 4rem;

        p {
          font-size: 1.593rem;
          font-family: var(--co-bold);
          color: var(--yellow);
        }

        .comment-box-container {
          display: flex;
          width: 100%;
        }

        #comment_form_container {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          width: 100%;

          #comment_form {
            display: flex;
            width: 100%;
            justify-content: center;
            align-items: center;

            #commentform {
              display: flex;
              flex-direction: column;
              width: 100%;
              gap: 0.8rem;

              .main-comment {
                display: flex;
                flex-direction: column;
                background-color: #65348a1a;
                padding: 1.5rem 1.5rem;
                border-radius: 1rem;
              }

              .comment-rating {
                display: flex;
                justify-content: flex-end;

                .stars {
                  display: flex;
                  flex-direction: row-reverse;
                  justify-content: flex-end;

                  label {
                    cursor: pointer;

                    svg path {
                      opacity: 0.5;
                      fill: var(--gray);
                      transition: var(--anim-low);
                    }

                    &:hover svg path,
                    &:hover ~ label svg path,
                    input:checked ~ & svg path {
                      opacity: 1;
                      fill: var(--yellow);
                    }
                  }
                }
              }

              .comment-text {
                display: flex;
                background-color: transparent;
                max-height: 6rem;

                > textarea {
                  width: 100%;
                  background: transparent;
                  border: 0;
                  color: var(--purple-cold);
                  font-family: var(--nu-regular);
                  resize: none;

                  &::placeholder {
                    color: var(--purple-cold);
                    opacity: 0.8;
                    font-family: var(--nu-regular);
                  }
                }
              }

              .form-submit {
                display: flex;
                width: 100%;
                justify-content: flex-end;

                .submit-comment {
                  width: max-content;
                  padding: 0.5rem 0.8rem;
                  color: var(--white);
                  background: var(--gr-purple);
                  font-size: 0.938rem;
                  font-family: var(--co-regular);
                  border-radius: 0.7rem;
                  line-height: normal;
                  cursor: pointer;
                }
              }

              .replying-to {
                font-family: var(--nu-regular);
                color: var(--purple-cold);
                font-size: 0.875rem;
                margin-bottom: 0.5rem;

                .cancel-reply {
                  color: var(--purple-cold);
                  opacity: 0.8;
                  text-decoration: none;

                  &:hover {
                    opacity: 1;
                    text-decoration: underline;
                  }
                }
              }
            }
          }

          .comment-login-required {
            text-align: center;
            padding: 2rem;

            p {
              color: var(--purple-cold);
              font-family: var(--nu-regular);
              margin-bottom: 1rem;
            }

            .btn-login {
              display: inline-block;
              padding: 0.5rem 1rem;
              background: var(--gr-purple);
              color: var(--white);
              border-radius: 0.7rem;
              text-decoration: none;
              font-family: var(--co-regular);
              font-size: 0.938rem;

              &:hover {
                opacity: 0.9;
              }
            }
          }
        }
      }

      .splide {
        width: 100%;

        .splide__slide {
          max-width: 100%;
        }
      }
    }

    .related {
      display: flex;
      gap: 2rem;
      flex-basis: 30%;
      flex-direction: column;

      > h2 {
        line-height: normal;
        font-size: 2rem;
        color: var(--purple-cold);
        font-family: var(--co-bold);
      }

      .related-posts {
        display: flex;
        flex-direction: column;
        gap: 2.5rem;

        .blog-card {
          box-shadow: 0px 0.95px 23.74px 0px rgba(0, 0, 0, 0.1);
          display: flex;
          flex-direction: column;
          width: 100%;
          height: 28rem;
          border-radius: 1rem;
          overflow: hidden;

          .container {
            display: flex;
            flex-direction: column;
            padding: 1rem;
            gap: 0.5rem;
            height: 100%;

            .img-preview {
              position: relative;
              overflow: hidden;
              height: 45rem;
              border-radius: 1rem;

              img {
                width: 100%;
                height: 100%;
                object-position: center;
                object-fit: cover;
              }
            }

            .single-category {
              display: flex;

              .post-category {
                display: flex;
                width: 100%;
                max-width: 7rem;
                color: var(--white);
                font-size: 0.7rem;
                font-family: var(--nu-regular);
                padding: 0.5rem 1rem;
                border-radius: 1rem;
                background: var(--gr-purple);
                box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                justify-content: center;
                align-items: center;
              }
            }

            .content {
              display: flex;
              flex-direction: column;
              height: 100%;

              h3 {
                font-size: 1.1rem;
                font-family: var(--co-bold);
                color: var(--purple-cold);
              }

              p {
                font-size: 0.75rem;
                font-family: var(--co-book);
                color: var(--purple-cold);
                overflow: hidden;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 6;
                overflow: hidden;
                text-overflow: ellipsis;
              }
            }

            .info {
              .left {
                .top {
                  display: flex;

                  .date,
                  .author,
                  > span {
                    display: none;
                  }
                }

                .bottom {
                  display: flex;

                  .data {
                    .post-category {
                      display: none;
                    }

                    .reading {
                      display: none;

                      .reading-time {
                      }

                      > img {
                      }
                    }
                  }
                }
              }

              .right {
                .view-more {
                  font-size: 1.125rem;
                  color: var(--white);
                  font-family: var(--nu-regular);
                  background: var(--yellow);
                  padding: 0.8rem 1rem;
                  border-radius: 0.7rem;
                  height: 100%;
                  width: 100%;
                  text-align: center;
                  justify-content: center;
                  align-items: center;
                  display: flex;
                  width: 100%;
                  height: 100%;

                  a {
                    width: 100%;
                    height: 100%;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .filters-product {
    display: flex;
    gap: 1rem;
    padding-block: 4rem;

    .filters {
      display: flex;
      flex-direction: column;
      flex-basis: 25%;
      gap: 1rem;

      .search-products {
        border-radius: 1.3rem;
        background-color: #eeeeee;
        padding: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;

        .search-prod {
          width: 100%;
          font-size: 0.938rem;
          color: var(--purple-cold);
          font-family: var(--nu-regular);
          background-color: transparent;
          outline: none;
          stroke: none;

          &::placeholder {
            font-size: 0.938rem;
            color: var(--purple-cold);
            font-family: var(--nu-regular);
          }
        }

        &::after {
          content: "";
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTEwLjY1MTUgMC41MDE1MjZDMTEuMTU1IDAuNTAxNTI2IDExLjY1MDggMC41MDE1MjYgMTIuMTU0MyAwLjUwMTUyNkMxMi4yMDA4IDAuNTA5MjcyIDEyLjIzOTUgMC41MjQ3NjUgMTIuMjg2IDAuNTI0NzY1QzEzLjAyMTkgMC42MDk5NzcgMTMuNzQyMyAwLjc3MjY1NCAxNC40MTYzIDEuMDc0NzdDMTcuMDE5MSAyLjIyOSAxOC42MDcxIDQuMTk2NjIgMTkuMTEwNyA3LjAwODZDMTkuMzgxOCA4LjUxMTQzIDE5LjE4ODEgOS45NzU1MiAxOC41OTE3IDExLjM2OTlDMTcuODYzNSAxMy4wNzQxIDE2LjY2MjggMTQuMzQ0NiAxNS4wMzYgMTUuMjEyMkMxMy42MDI5IDE1Ljk3MTMgMTIuMDc2OCAxNi4yNDI1IDEwLjQ2NTYgMTYuMDI1NkM5LjQ3NCAxNS44OTM5IDguNTM2NjcgMTUuNTc2MyA3LjY2MTMxIDE1LjA3MjdDNy4zMzU5NiAxNC44ODY4IDcuMjczOTggMTQuOTAyMyA3LjAxMDYgMTUuMTU3OUM1Ljc3MTE2IDE2LjM5NzQgNC41Mzk0NiAxNy42MjkxIDMuMzAwMDIgMTguODY4NUMzLjE2ODMzIDE4Ljk5MjUgMy4wMzY2NCAxOS4xMjQyIDIuODk3MiAxOS4yMzI2QzIuNDI0NjYgMTkuNTk2NyAxLjg5MDE1IDE5LjgxMzYgMS4yODU5MiAxOS42ODE5QzAuNjExOTc1IDE5LjUzNDcgMC4yMDkxNTYgMTkuMDY5OSAwIDE4LjQxOTJDMCAxOC4yMTAxIDAgMTcuOTkzMiAwIDE3Ljc4NEMwLjExNjE5OCAxNy4yNDE4IDAuNDEwNTY2IDE2LjgwMDIgMC44MDU2MzggMTYuNDEyOUMxLjg5MDE1IDE1LjMzNjEgMi45NjY5MiAxNC4yNTkzIDQuMDQzNjggMTMuMTgyNkM0LjI0NTA5IDEyLjk4MTIgNC40Mzg3NiAxMi43ODc1IDQuNjQwMTcgMTIuNTg2MUM0Ljc2NDExIDEyLjQ2MjIgNC43ODczNSAxMi4zMzA1IDQuNzAyMTQgMTIuMTc1NUM0LjYyNDY3IDEyLjAyODMgNC41Mzk0NiAxMS44ODEyIDQuNDYyIDExLjcyNjJDMy42NDA4NiAxMC4xMDcyIDMuMzkyOTggOC4zOTUyMyAzLjc4MDMgNi42MDU3OEM0LjA3NDY3IDUuMjE5MTYgNC43MjUzOCA0LjAxMDcgNS42OTM2OSAyLjk3MjY3QzYuNzE2MjMgMS44NzI2NiA3Ljk1NTY4IDEuMTM2NzQgOS40MDQyOCAwLjc0OTQxNUM5LjgxNDg0IDAuNjMzMjE3IDEwLjIzMzIgMC41Nzg5OTEgMTAuNjUxNSAwLjUwMTUyNlpNMTEuNDEwNiAyLjU2OTg1QzguMzUwNzUgMi41NTQzNSA1LjY5MzY5IDQuOTk0NTEgNS42OTM2OSA4LjI4Njc4QzUuNjkzNjkgMTEuNDc4MyA4LjE4ODA3IDE0LjAwMzcgMTEuNDEwNiAxNC4wMTE1QzE0LjcwMjkgMTQuMDE5MiAxNy4xMzUzIDExLjM2MjEgMTcuMTM1MyA4LjI3OTAzQzE3LjEzNTMgNS4xMzM5NSAxNC41NTU3IDIuNTQ2NjEgMTEuNDEwNiAyLjU2OTg1WiIgZmlsbD0iIzYxMzI4NCIvPgo8cGF0aCBkPSJNMTEuNzgyMyAzLjYwMDFDMTIuNDQ4NSAzLjYwMDEgMTMuMDgzNyAzLjczOTU0IDEzLjY5NTcgMy45Nzk2OEMxNC4xNDUgNC4xNTc4NSAxNC4zNTQyIDQuNjE0ODkgMTQuMTkxNSA1LjA0ODdDMTQuMDM2NSA1LjQ3NDc2IDEzLjU4NzMgNS42OTE2NiAxMy4xMzggNS41Mjg5OEMxMi42MTg5IDUuMzQzMDcgMTIuMDk5OSA1LjIyNjg3IDExLjU0MjIgNS4yNzMzNUMxMC4yNjQgNS4zNzQwNSA5LjMyNjY3IDYuMDAxNTIgOC43MTQ2OSA3LjEyNDc3QzguNjYwNDYgNy4yMTc3MiA4LjYyMTczIDcuMzE4NDMgOC41Njc1MSA3LjQwMzY0QzguMzI3MzYgNy44MTQyMSA3Ljg3ODA3IDcuOTUzNjQgNy40NzUyNSA3Ljc1MjIzQzcuMDcyNDMgNy41NTA4MiA2LjkwOTc1IDcuMDkzNzggNy4xMDM0MSA2LjY1MjIzQzcuMzgyMjkgNi4wMTcwMSA3Ljc2MTg3IDUuNDU5MjYgOC4yNjUzOSA0Ljk4NjczQzkuMjU2OTUgNC4wNzI2NCAxMC40MjY3IDMuNjE1NTkgMTEuNzgyMyAzLjYwMDFaIiBmaWxsPSIjNjEzMjg0Ii8+Cjwvc3ZnPg==");
          width: 1.5rem;
          height: 1.5rem;
        }
      }

      .filters-list {
        display: flex;
        flex-direction: column;
        gap: 0.4rem;
        padding-block: 0rem 1rem;

        .cat-name {
          display: flex;

          > p {
            color: var(--purple-cold);
            font-family: var(--co-bold);
            font-size: 1.313rem;
          }
        }

        > ul {
          gap: 0.5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          line-height: normal;

          > li {
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: pointer;

            > label {
              display: flex;
              align-items: center;
              line-height: normal;
              gap: 0.2rem;
              position: relative;
              font-family: var(--co-regular);
              color: var(--black);
              font-size: 1rem;
              cursor: pointer;
              transition: var(--anim-low);

              &::before {
                content: "";
                background-color: #d9d9d9;
                width: 0.8rem;
                height: 0.8rem;
                justify-content: center;
                align-items: center;
                position: relative;
                display: flex;
                border-radius: 100%;
              }

              &::after {
                content: "";
                background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEyIDEwIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTEuMTI3OTMgNi4xMDcxN0MyLjI2Mjg2IDYuNjc0NjMgMy42ODE1MSA3LjgwOTU2IDQuOTU4MzEgOC42NjA3NkM1LjgwOTUgNi4xMDcxNyA5LjYzOTg4IDEuODUxMiAxMC45MTY3IDEiIHN0cm9rZT0iIzY1MzQ4QSIgc3Ryb2tlLXdpZHRoPSIxLjcwMjM5Ii8+Cjwvc3ZnPg==);
                background-size: 1rem;
                background-position: center;
                background-repeat: no-repeat;
                opacity: 0;
                width: 0.8rem;
                height: 0.8rem;
                left: 0.1rem;
                position: absolute;
                bottom: 0.3rem;
              }

              > input {
              }

              &.selected {
                color: var(--yellow);
                font-family: var(--co-bold);

                &::after {
                  opacity: 1;
                }

                > input {
                }
              }
            }

            > .quantity {
              font-family: var(--co-regular);
              font-size: 1rem;
              line-height: normal;
              background-color: #ededed;
              padding: 0.2rem 0.6rem;
              width: max-content;
              border-radius: 0.5rem;
            }
          }
        }
      }
    }

    .filtered-products {
      display: flex;
      flex-direction: column;
      gap: 2rem;
      flex-basis: 75%;

      &.loading {
        opacity: 0.6;
        pointer-events: none;
      }

      .products-container {
        display: flex;
        flex-direction: column;

        .product-result {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 1.5rem;
          width: 100%;
          margin: 0 auto;
          padding: 1.25rem;

          .item-card {
            min-height: 12.5rem;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: start;
            cursor: pointer;
            box-shadow: 0px 0.151px 16.818px 0px rgba(0, 0, 0, 0.05);
            border-radius: 1rem;
            transition: var(--anim-low);

            .product-card {
              max-height: max-content;
              min-height: unset;
              padding: 0.8rem 0rem;

              .product-preview {
                position: relative;

                .mini-add-to-cart {
                  position: absolute;
                  top: 0.5rem;
                  left: 2rem;
                  width: 2rem;
                  height: 2rem;
                  background-repeat: no-repeat;
                  background-position: center;
                  background-size: contain;
                  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBmaWxsPSJub25lIj4KPHJlY3Qgd2lkdGg9IjMxLjExMTEiIGhlaWdodD0iMzEuMTExMSIgcng9IjEwIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAzMS4xMTEzIDApIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNTI5Xzc0MjcpIi8+CjxwYXRoIGQ9Ik02LjExMTMzIDcuNjE0MzRDNi4zMDM4NiA3LjE1NTIzIDYuNTMwOTUgNy4wMDIxOSA3LjAyNDYyIDcuMDAyMTlDNy41MzMxIDcuMDAyMTkgOC4wNDE1OCA2Ljk5NzI2IDguNTUwMDYgNy4wMDIxOUM5LjQ5NzkgNy4wMTIwNyAxMC4yMjg1IDcuNjQzOTYgMTAuMzcxNyA4LjU4MTk0QzEwLjQzMDkgOC45NjcgMTAuNDkwMiA5LjM1NyAxMC41NDQ1IDkuNzQyMDZDMTAuNTU5MyA5Ljg1MDY3IDEwLjYwODcgOS45MDAwMyAxMC43MTczIDkuODk1MUMxMC43ODE0IDkuODk1MSAxMC44NDU2IDkuODk1MSAxMC45MDk4IDkuODk1MUMxNC45NDggOS44OTUxIDE4Ljk4NjIgOS44OTUxIDIzLjAyNDUgOS44OTUxQzIzLjE0MjkgOS44OTUxIDIzLjI1NjUgOS45MDAwMyAyMy4zNzUgOS45MTk3OEMyMy44OTgyIDEwLjAwMzcgMjQuMTk0NCAxMC40MTg0IDI0LjA5MDggMTAuOTMxOEMyMy42NjYyIDEzLjA3NDMgMjMuMjQxNyAxNS4yMjE4IDIyLjgwMjMgMTcuMzU5NEMyMi41OTk5IDE4LjMzNjkgMjEuOTkyNyAxOC45NTg5IDIxLjAxMDMgMTkuMTg2QzIwLjgxNzcgMTkuMjMwNCAyMC42MTUzIDE5LjI0MDMgMjAuNDE3OSAxOS4yNDAzQzE3LjcyMjQgMTkuMjQ1MiAxNS4wMjIxIDE5LjI0NTIgMTIuMzIxNyAxOS4yNDAzQzExLjI4IDE5LjI0MDMgMTAuNDMwOSAxOC42Nzc1IDEwLjA5NTIgMTcuNzc5QzkuOTY2ODkgMTcuNDQzMyA5Ljk0MjIgMTcuMDgyOSA5Ljg5Mjg0IDE2LjczMjRDOS43NDQ3NCAxNS43MzUyIDkuNTk2NjQgMTQuNzMzMSA5LjQ1MzQ3IDEzLjczNThDOS4zMDUzNyAxMi43NDM2IDkuMTYyMjEgMTEuNzQ2NCA5LjAxNDExIDEwLjc1NDFDOC45MjUyNSAxMC4xNTY3IDguODQ2MjYgOS41NjQzNCA4Ljc1NzQgOC45NjdDOC43MTI5NyA4LjY5MDU0IDguNjU4NjYgOC42NDYxMSA4LjM3NzI3IDguNjQ2MTFDNy45MjgwMyA4LjY0NjExIDcuNDczODYgOC42NDYxMSA3LjAyNDYyIDguNjQ2MTFDNi41MzA5NSA4LjY0NjExIDYuMzAzODYgOC40OTMwOCA2LjExMTMzIDguMDM4OUM2LjExMTMzIDcuODk1NzQgNi4xMTEzMyA3Ljc1MjU3IDYuMTExMzMgNy42MTQzNFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xOS43NDE0IDI0LjE2NzFDMTguNTU2NiAyNC4xNjcxIDE3LjYyMzUgMjMuMjM0IDE3LjYyMzUgMjIuMDU0MkMxNy42MjM1IDIwLjg4NDIgMTguNTgxMyAxOS45MzE0IDE5Ljc0NjMgMTkuOTMxNEMyMC44OTY2IDE5LjkzMTQgMjEuODU5MiAyMC45MDg5IDIxLjg1OTIgMjIuMDczOUMyMS44NTkyIDIzLjIzOSAyMC45MTYzIDI0LjE2NzEgMTkuNzQxNCAyNC4xNjcxWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTE0LjYxNzEgMjIuMDU0MkMxNC41OTczIDIzLjIyNDIgMTMuNjkzOSAyNC4xNDczIDEyLjUyODkgMjQuMTUyM0MxMS40MTMyIDI0LjE1NzIgMTAuNDcwMyAyMy4yNzg1IDEwLjQ2NTMgMjIuMDY0QzEwLjQ2NTMgMjAuODIgMTEuNDM3OSAxOS45NjEgMTIuNTQzNyAxOS45NDEzQzEzLjY3NDIgMTkuOTIxNSAxNC42MjIgMjAuOTEzOCAxNC42MTcxIDIyLjA1NDJaIiBmaWxsPSJ3aGl0ZSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzUyOV83NDI3IiB4MT0iMTUuNTU1NiIgeTE9IjAiIHgyPSIxNS41NTU2IiB5Mj0iMzEuMTExMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjNjUzNDhBIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzdEMUY2NyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPg==");
                  opacity: 0;
                  transition: var(--anim-low);
                }
              }

              .course-data {
                display: flex;
                justify-content: space-between;

                .lessons-count {
                  width: max-content;
                  display: flex;
                  justify-content: start;
                  margin-top: auto;

                  .counter {
                    display: flex;
                    text-align: center;
                    justify-content: center;
                    align-items: center;
                    gap: 0.3rem;
                    font-size: 0.938rem;
                    font-family: var(--co-regular);
                    color: var(--purple-cold);

                    &::after {
                      font-family: var(--co-regular);
                      color: var(--purple-cold);
                      font-size: 0.938rem;
                      content: "clases";
                    }

                    &::before {
                      content: "";
                      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE5IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNDkwNyAxMy40MDAxQzE4LjMyMDMgMTMuNjE4NCAxOC4xNzY1IDEzLjY2NjMgMTcuOTYzNSAxMy41NTk4QzE3LjEyNzUgMTMuMTM5MiAxNi4yMzgzIDEyLjg3MjkgMTUuMzIyNSAxMi42OTcyQzE0LjQwNjYgMTIuNTIxNSAxMy40ODAxIDEyLjQ1MjMgMTIuNTQ4MyAxMi40ODk2QzExLjcwMTYgMTIuNTIxNSAxMC44NjU3IDEyLjYyOCAxMC4wNDU3IDEyLjg0MUM5Ljc2ODc3IDEyLjkxMDIgOS41MTg1MSAxMi44NzI5IDkuMjU3NiAxMi44MDlDOC4zMjU3NyAxMi41ODU0IDcuMzc3OTcgMTIuNDg0MiA2LjQyNDg1IDEyLjQ4OTZDNC43MDQ5NiAxMi41MDAyIDMuMDQzNjUgMTIuODE0NCAxLjQ4MzUgMTMuNTU0NUMxLjE4NTMyIDEzLjY5ODMgMC45MzUwNTkgMTMuNTM4NSAwLjkzNTA1OSAxMy4yMDg0QzAuOTM1MDU5IDkuNjE5NTQgMC45MzUwNTkgNi4wMjUzNSAwLjkzNTA1OSAyLjQzNjQ5QzAuOTM1MDU5IDIuMTY0OTMgMS4wNjgxOCAyLjAzNzE0IDEuMzcxNjkgMi4wMjY0OUMxLjY0ODU3IDIuMDE1ODQgMS45MzA3OCAyLjAxNTg0IDIuMjEyOTkgMi4wMjY0OUMyLjM3MjczIDIuMDMxODEgMi40MTUzMyAxLjk3MzI0IDIuNDE1MzMgMS44MTg4MkMyLjQxMDAxIDEuNDI0NzkgMi40NzkyMyAxLjM1MDI1IDIuODYyNjEgMS4yNTk3M0MzLjczMDU0IDEuMDQ2NzQgNC42MTQ0NCAwLjk1MDg5MyA1LjUwODk5IDAuOTkzNDkxQzYuODA4MjMgMS4wNTczOSA4LjAzODI0IDEuMzU1NTcgOS4xMDMxOCAyLjE0MzYzQzkuMjg0MjIgMi4yNzY3NSA5LjQ1NDYxIDIuNDE1MTkgOS42MDkwMyAyLjU3NDkzQzkuNjgzNTcgMi42NTQ4IDkuNzM2ODIgMi42NjAxMyA5LjgxNjY5IDIuNTgwMjZDMTAuNzA1OSAxLjcyMjk4IDExLjc4NjggMS4yODEwMyAxMi45ODQ5IDEuMDg5MzRDMTQuMjE0OSAwLjg5MjMyMSAxNS40Mjg5IDAuOTgyODQxIDE2LjYzMjMgMS4yNzAzOEMxNi45MjUyIDEuMzM5NiAxNy4wMTU3IDEuNDYyMDcgMTcuMDIxIDEuNzY1NThDMTcuMDI2NCAyLjAyMTE2IDE3LjAyNjQgMi4wMjExNiAxNy4yNzY2IDIuMDIxMTZDMTcuNTI2OSAyLjAyMTE2IDE3Ljc3NzEgMi4wMjExNiAxOC4wMzI3IDIuMDIxMTZDMTguMjI0NCAyLjAyMTE2IDE4LjM5NDggMi4wNjkwOCAxOC40OTA3IDIuMjU1NDVDMTguNDkwNyA1Ljk3NzQzIDE4LjQ5MDcgOS42ODg3NiAxOC40OTA3IDEzLjQwMDFaTTkuMzY0MDkgMTEuODA4QzkuMzY0MDkgMTEuNzA2OCA5LjM2NDA5IDExLjY0MjkgOS4zNjQwOSAxMS41NzlDOS4zNjQwOSAxMC43MTExIDkuMzUzNDQgOS44NDMxOCA5LjM0ODEyIDguOTc1MjVDOS4zMzIxNCA3LjE3NTQ5IDkuMzM3NDcgNS4zNzU3NCA5LjMzNzQ3IDMuNTgxMzFDOS4zMzc0NyAzLjQzNzU0IDkuMzAwMTkgMy4zMzEwNCA5LjE5OTAzIDMuMjI5ODdDOC45OTY2OSAzLjAzMjg2IDguNzg5MDIgMi44NDY0OSA4LjU2MDA2IDIuNjg2NzVDNy42MDE2MSAyLjAyMTE2IDYuNTE1MzcgMS43ODE1NSA1LjM3NTg4IDEuNzI4M0M0LjY5NDMxIDEuNjk2MzUgNC4wMjM0IDEuNzgxNTUgMy4zNTI0OCAxLjg5MzM3QzMuMTc2NzcgMS45MjUzMiAzLjExMjg3IDEuOTg5MjEgMy4xMTI4NyAyLjE4MDlDMy4xMjM1MiA0Ljk5NzY4IDMuMTE4MTkgNy44MTQ0NiAzLjExODE5IDEwLjYzMTJDMy4xMTgxOSAxMC42NTc5IDMuMTE4MTkgMTAuNjg5OCAzLjExODE5IDEwLjcxNjRDMy4xMDc1NCAxMC44MzM2IDMuMTYwNzkgMTAuODU0OSAzLjI3MjYxIDEwLjg0NDJDMy42NzE5NyAxMC44MDcgNC4wNjU5OSAxMC43NDg0IDQuNDY1MzUgMTAuNzUzN0M0Ljk3NjUyIDEwLjc1OSA1LjQ5MzAyIDEwLjczNzcgNi4wMDQxOSAxMC43ODU3QzYuNjQ4NDggMTAuODQ5NSA3LjI4MjEzIDEwLjk1NiA3Ljg5OTc5IDExLjE0NzdDOC40MDU2NCAxMS4zMDIxIDguODg0ODcgMTEuNTA5OCA5LjM2NDA5IDExLjgwOFpNMTAuMDk4OSAxMS43ODE0QzEwLjIxMDcgMTEuNzIyOCAxMC4zMTcyIDExLjY1ODkgMTAuNDIzNyAxMS42MDAzQzExLjQ0NjEgMTEuMDYyNSAxMi41NTM2IDEwLjgzMzYgMTMuNjk4NCAxMC43NTlDMTQuNDkxOCAxMC43MDU4IDE1LjI3OTkgMTAuNzM3NyAxNi4wNzMyIDEwLjgyODJDMTYuMjkxNiAxMC44NTQ5IDE2LjI5MTYgMTAuODQ5NSAxNi4yOTE2IDEwLjY0MTlDMTYuMjkxNiA3LjgwOTEzIDE2LjI5MTYgNC45NzYzOCAxNi4yOTY5IDIuMTQzNjNDMTYuMjk2OSAxLjk4Mzg5IDE2LjIzODMgMS45MjUzMiAxNi4wOTQ1IDEuODk4NjlDMTUuMDI5NiAxLjcwNyAxMy45NyAxLjY0ODQzIDEyLjg5OTcgMS44NjE0MkMxMS44Nzc0IDIuMDYzNzYgMTAuOTcyMiAyLjQ4NDQxIDEwLjIyNjcgMy4yMjQ1NUMxMC4xMTQ5IDMuMzM2MzcgMTAuMDc3NiAzLjQ0ODE5IDEwLjA3NzYgMy42MDI2QzEwLjA4MjkgNi4yNjQ5NiAxMC4wODI5IDguOTIyIDEwLjA4MjkgMTEuNTg0NEMxMC4wNzIzIDExLjY0ODMgMTAuMDU2MyAxMS43MTIyIDEwLjA5ODkgMTEuNzgxNFpNMTEuODk4NyAxMS44MDhDMTIuMDQ3OCAxMS44MzQ2IDEyLjE3NTUgMTEuNzg2NyAxMi4zMDMzIDExLjc4MTRDMTIuOTEwNCAxMS43NzA3IDEzLjUyMjcgMTEuNzU0OCAxNC4xMjk3IDExLjgwOEMxNC45NDQ0IDExLjg4MjUgMTUuNzQzMSAxMi4wMjYzIDE2LjUzMTIgMTIuMjVDMTYuOTA5MiAxMi4zNTY0IDE3LjI4MTkgMTIuNDg0MiAxNy42NDk0IDEyLjYyOEMxNy43NTA1IDEyLjY3MDYgMTcuODAzOCAxMi42NDkzIDE3Ljc5MzEgMTIuNTMyMkMxNy43OTMxIDEyLjUwMDIgMTcuNzkzMSAxMi40NjI5IDE3Ljc5MzEgMTIuNDMxQzE3Ljc5MzEgOS4yODk0MSAxNy43OTMxIDYuMTUzMTQgMTcuNzkzMSAzLjAxMTU2QzE3Ljc5MzEgMi45NjM2NCAxNy43OTMxIDIuOTIxMDQgMTcuNzkzMSAyLjg3MzEyQzE3Ljc5ODQgMi43ODc5MiAxNy43NTU4IDIuNzUwNjUgMTcuNjcwNyAyLjc1MDY1QzE3LjUzNzUgMi43NTA2NSAxNy40MDk3IDIuNzUwNjUgMTcuMjc2NiAyLjc1MDY1QzE3LjAyNjQgMi43NTA2NSAxNy4wMjY0IDIuNzUwNjUgMTcuMDI2NCAzLjAwNjI0QzE3LjAyNjQgNS43MjE4NCAxNy4wMjY0IDguNDQyNzggMTcuMDI2NCAxMS4xNTg0QzE3LjAyNjQgMTEuNTA5OCAxNi44NTA2IDExLjY1ODkgMTYuNTA5OSAxMS42MDU3QzE1LjkyOTUgMTEuNTIwNSAxNS4zNDM4IDExLjQ3MjUgMTQuNzU4IDExLjQ1NjZDMTQuMjMwOSAxMS40NDA2IDEzLjcwOTEgMTEuNDU2NiAxMy4xODcyIDExLjUzMTFDMTIuNzYxMyAxMS41ODk3IDEyLjMzIDExLjY2NDIgMTEuODk4NyAxMS44MDhaTTcuNDg0NDcgMTEuODA4QzYuODA4MjMgMTEuNTg5NyA2LjExNjAxIDExLjQ4ODUgNS40MTMxNSAxMS40NjE5QzQuNTY2NTIgMTEuNDI5OSAzLjcyNTIxIDExLjQ5MzggMi44ODkyMyAxMS42MjE2QzIuNjYwMjcgMTEuNjU4OSAyLjQ5NTIgMTEuNTUyNCAyLjQzNjYzIDExLjM1NTRDMi40MTAwMSAxMS4yNjQ5IDIuNDEwMDEgMTEuMTc0NCAyLjQxMDAxIDExLjA4MzhDMi40MTAwMSA4LjQwNTUgMi40MTAwMSA1LjcyNzE3IDIuNDEwMDEgMy4wNTQxNkMyLjQxMDAxIDMuMDAwOTEgMi40MDQ2OCAyLjk1Mjk5IDIuNDEwMDEgMi44OTk3NEMyLjQxNTMzIDIuNzk4NTcgMi4zNzI3MyAyLjc1NTk3IDIuMjcxNTYgMi43NTU5N0MyLjEyMjQ3IDIuNzYxMyAxLjk3MzM4IDIuNzY2NjIgMS44MjQyOSAyLjc1NTk3QzEuNjgwNTIgMi43NDUzMiAxLjYzNzkyIDIuNzk4NTcgMS42Mzc5MiAyLjk0MjM0QzEuNjQzMjUgMy42MDI2IDEuNjM3OTIgNC4yNjgxOSAxLjYzNzkyIDQuOTI4NDZDMS42Mzc5MiA3LjQ0NzA1IDEuNjM3OTIgOS45NjU2NCAxLjYzNzkyIDEyLjQ3ODlDMS42Mzc5MiAxMi42ODEzIDEuNjM3OTIgMTIuNjgxMyAxLjgyNDI5IDEyLjYxNzRDMi4wNTMyNSAxMi41Mzc1IDIuMjgyMjEgMTIuNDQ3IDIuNTE2NSAxMi4zNzI0QzMuMzYzMTMgMTIuMTAwOSA0LjIzNjM5IDExLjkxOTggNS4xMjAyOSAxMS44MjkzQzUuNTYyMjQgMTEuNzg2NyA2LjAwOTUyIDExLjc2MDEgNi40NTE0NyAxMS43NzZDNi44MDI5IDExLjc4MTQgNy4xNDM2OCAxMS43NDk0IDcuNDg0NDcgMTEuODA4WiIgZmlsbD0iIzYxMzI4NCIvPgo8L3N2Zz4=");
                      background-size: contain;
                      background-repeat: no-repeat;
                      background-position: center;
                      width: 1.25rem;
                      height: 1.25rem;
                    }
                  }
                }

                .students-count {
                  width: max-content;
                  display: flex;
                  justify-content: start;
                  margin-top: auto;

                  .counter {
                    display: flex;
                    text-align: center;
                    justify-content: center;
                    align-items: center;
                    gap: 0.3rem;
                    font-size: 0.938rem;
                    font-family: var(--co-regular);
                    color: var(--purple-cold);

                    &::after {
                      font-family: var(--co-regular);
                      color: var(--purple-cold);
                      font-size: 0.938rem;
                      content: "estudiantes";
                    }

                    &::before {
                      content: "";
                      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDIxIDEzIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTcuMzMxNTggMy4xNzMzNkM3LjQ0ODU3IDEuMzAxNTMgOS4wNDc0MyAtMC4wMTEzNTYxIDEwLjY1OTMgMC4wMjc2NDA1QzEyLjQyNzEgMC4wNzMxMzY1IDEzLjc1OTUgMS4zNzMwMiAxMy45NDggMy4xNzMzNkMxMy45NjEgMy4wNjkzNyAxMy45Njc1IDIuOTY1MzggMTMuOTg3IDIuODYxMzlDMTQuMjA4IDEuNjc4NDkgMTUuMjkzNCAwLjc1NTU3NiAxNi40OTU4IDAuNzI5NTc5QzE3LjcxMTIgMC43MDM1ODEgMTguODY4MSAxLjY4NDk5IDE5LjA2MyAyLjkwMDM5QzE5LjE4NjUgMy42OTk4MiAxOC45NjU2IDQuMzg4NzYgMTguNDUyMSA0Ljk5OTdDMTguMzQxNiA1LjEyOTY5IDE4LjI5NjEgNS4xODE2OCAxOC41MDQxIDUuMjcyNjhDMTkuNzMyNSA1LjgxODYzIDIwLjM4MjQgNi43Njc1NSAyMC4zODI0IDguMTI1OTNDMjAuMzgyNCA4LjUyODg5IDIwLjM3NTkgOC45MzgzNSAyMC4zODI0IDkuMzQxMzJDMjAuMzgyNCA5LjUyMzMgMjAuMzA0NCA5LjY1MzI5IDIwLjE0ODQgOS43MzEyOEMxOS4zNjg1IDEwLjEyNzcgMTguNTU2MSAxMC40MTM3IDE3LjY5MTcgMTAuNTMwN0MxNy40MDU3IDEwLjU2OTcgMTcuMjA0MiAxMC40Mzk3IDE3LjE1ODcgMTAuMTk5MkMxNy4xMTMyIDkuOTcxNzYgMTcuMjgyMiA5Ljc2Mzc4IDE3LjU1NTIgOS43MTE3OUMxOC4xNjYxIDkuNjAxMjkgMTguNzU3NiA5LjQ0NTMxIDE5LjMyMyA5LjE5MTgzQzE5LjQ5ODUgOS4xMTM4NCAxOS41ODk1IDkuMDIyODUgMTkuNTc2NSA4LjgxNDg2QzE5LjU1MDUgOC40NzY4OSAxOS41NzY1IDguMTM4OTIgMTkuNTM3NSA3Ljc5NDQ1QzE5LjQxNCA2LjcyODU1IDE4LjUyMzYgNS45MDMxMiAxNy40NTEyIDUuODk2NjJDMTYuODA3NyA1Ljg5MDEyIDE2LjE3MDggNS44OTAxMiAxNS41Mjc0IDUuODk2NjJDMTUuMDMzNCA1LjkwMzEyIDE0LjYxNzQgNi4xMDQ2IDE0LjI0MDUgNi40MTAwOEMxNC4xMzY1IDYuNDk0NTcgMTQuMTIzNSA2LjU0NjU3IDE0LjI0MDUgNi42NTA1NkMxNS4yMjE5IDcuNDc1OTggMTUuNjc2OCA4LjU0MTg5IDE1LjY1NzMgOS44MjIyOEMxNS42NTA4IDEwLjI5MDIgMTUuNjUwOCAxMC43NjQ3IDE1LjY1NzMgMTEuMjMyN0MxNS42NjM4IDExLjQ4NjEgMTUuNTY2NCAxMS42NjE2IDE1LjMzMjQgMTEuNzc4NkMxMy45NTQ1IDEyLjQ4MDUgMTIuNDk4NiAxMi44NzA1IDEwLjk1MTggMTIuOTE2QzkuMTkwNDEgMTIuOTY4IDcuNTMzMDYgMTIuNTkxIDUuOTYwMiAxMS43OTgxQzUuNzEzMjIgMTEuNjc0NiA1LjU4OTczIDExLjUwNTYgNS42MDI3MyAxMS4yMjYyQzUuNjM1MjMgMTAuNTQzNyA1LjU2MzczIDkuODY3NzcgNS42NDE3MyA5LjE4NTMzQzUuNzU4NzIgOC4xNzc5MiA2LjIxMzY4IDcuMzUyNDkgNi45NzQxMSA2LjY5NjA1QzcuMTQ5NTkgNi41NDY1NiA3LjExNzEgNi40NzUwNyA2Ljk1NDYxIDYuMzU4MDhDNi41NTgxNSA2LjA3MjExIDYuMTI5MTggNS45MDMxMiA1LjYyODczIDUuOTA5NjJDNS4wMTEyOCA1LjkxNjEyIDQuMzkzODQgNS45MDk2MiAzLjc4Mjg5IDUuOTE2MTJDMi43NjI0OCA1LjkyMjYyIDEuODUyNTYgNi43Njc1NSAxLjczNTU3IDcuNzgxNDZDMS42OTY1NyA4LjEzMjQzIDEuNzE2MDcgOC40NzY4OSAxLjY5MDA4IDguODIxMzZDMS42NzcwOCA5LjAzNTg0IDEuNzY4MDcgOS4xMzk4NCAxLjk1NjU1IDkuMjE3ODNDMi41MjIgOS40NTgzMSAzLjEwMDQ1IDkuNjIwNzkgMy42OTg0IDkuNzI0NzhDMy45Nzc4NyA5Ljc3Njc4IDQuMTQ2ODYgOS45NzgyNiA0LjEwNzg2IDEwLjE5OTJDNC4wNjg4NyAxMC40NDYyIDMuODYwODggMTAuNTgyNyAzLjU1NTQxIDEwLjUzNzJDMi42OTc0OSAxMC40MjAyIDEuODkxNTYgMTAuMTM0MiAxLjExODEzIDkuNzQ0MjhDMS4wMDExNCA5LjY4NTc5IDAuODg0MTQ2IDkuNTk0OCAwLjg4NDE0NiA5LjQ1MTgxQzAuODg0MTQ2IDguODE0ODYgMC44MDYxNTMgOC4xNjQ5MiAwLjkxNjY0NCA3LjUzNDQ4QzEuMTA1MTMgNi40Njg1NyAxLjcyMjU3IDUuNzE0NjQgMi43MjM0OCA1LjI4NTY4QzIuOTE4NDcgNS4yMDExOCAyLjk0NDQ2IDUuMTYyMTkgMi43OTQ5OCA0Ljk4NjdDMi4xMTkwNCA0LjE3NDI3IDEuOTQzNTUgMy4yNjQzNSAyLjM4NTUxIDIuMjg5NDRDMi44MzM5NyAxLjMwODAzIDMuNjMzNCAwLjc4ODA3MyA0LjcwNTgxIDAuNzQyNTc3QzUuOTY2NyAwLjY3NzU4MyA3LjE4ODU5IDEuNzg4OTggNy4yOTI1OCAzLjA0OTg3QzcuMjkyNTggMy4wODg4NyA3LjI3MzA4IDMuMTQ3MzcgNy4zMzE1OCAzLjE3MzM2Wk02LjQ2MDY1IDEwLjE0MDdDNi40NjA2NSAxMC4zNzQ3IDYuNDczNjUgMTAuNjA4NyA2LjQ1NDE1IDEwLjg0MjdDNi40NDExNiAxMS4wNDQyIDYuNTE5MTUgMTEuMTQ4MiA2LjcwMTEzIDExLjIyNjJDOC4xMjQ1MSAxMS44NjMxIDkuNTk5ODggMTIuMTYyMSAxMS4xNTk3IDEyLjA3MTFDMTIuMzQ5MSAxMS45OTk2IDEzLjQ3MzUgMTEuNzEzNiAxNC41NTI0IDExLjIyNjJDMTQuNzI3OSAxMS4xNDgyIDE0LjgxMjQgMTEuMDUwNyAxNC43OTk0IDEwLjg0MjdDMTQuNzc5OSAxMC40MTM3IDE0Ljc5MjkgOS45ODQ3NiAxNC43OTI5IDkuNTU1OEMxNC43OTI5IDguMDQxNDMgMTMuNTEyNSA2LjY4OTU1IDExLjk5ODIgNi42MzEwNkMxMS4xMDc3IDYuNTk4NTYgMTAuMjE3MyA2LjU5MjA2IDkuMzI2OSA2LjYzMTA2QzguMDU5NTEgNi42ODMwNSA3LjIwMTU5IDcuMzU4OTkgNi42NzUxNCA4LjQ4OTg5QzYuNDQxMTYgOS4wMTYzNSA2LjQ0MTE2IDkuNTgxOCA2LjQ2MDY1IDEwLjE0MDdaTTguMTYzNSAzLjMxNjM1QzguMjE1NSA0LjY2ODIzIDkuMjM1OTEgNS43NjAxMyAxMC42MjAzIDUuNzY2NjNDMTEuOTkxNyA1Ljc3MzEzIDEzLjA4MzYgNC42OTQyMyAxMy4wNzcxIDMuMzAzMzVDMTMuMDcwNiAxLjkzODQ3IDEyLjAwNDcgMC44ODU1NjUgMTAuNjI2OCAwLjg1OTU2N0M5LjMyMDQgMC44NDAwNjkgOC4xNyAyLjAwOTk3IDguMTYzNSAzLjMxNjM1Wk0xOC4yNTA2IDMuMzI5MzVDMTguMjUwNiAyLjM4MDQzIDE3LjQ2NDIgMS41ODc1IDE2LjUyMTggMS41ODc1QzE1LjU4NTggMS41ODc1IDE0Ljc3OTkgMi4zOTM0MyAxNC43Nzk5IDMuMzI5MzVDMTQuNzc5OSA0LjI1MjI3IDE1LjU4NTkgNS4wNTgyIDE2LjUwMjMgNS4wNTgyQzE3LjQ1MTIgNS4wNTgyIDE4LjI1MDYgNC4yNjUyNyAxOC4yNTA2IDMuMzI5MzVaTTMuMDAyOTYgMy4zMjI4NUMzLjAwMjk2IDQuMjY1MjcgMy44MDIzOSA1LjA1MTcgNC43NDQ4MSA1LjA1MTdDNS42NzQyMiA1LjA1MTcgNi40NzM2NSA0LjI0NTc3IDYuNDgwMTUgMy4zMjI4NUM2LjQ4MDE1IDIuMzkzNDMgNS42NzQyMiAxLjU4MSA0LjczODMxIDEuNTgxQzMuNzk1ODkgMS41ODEgMy4wMDI5NiAyLjM4MDQzIDMuMDAyOTYgMy4zMjI4NVpNNy4zMjUwOCAzLjQ1Mjg0QzcuMjY2NTggNC4wNjM3OCA3LjAzOTEgNC41OTAyNCA2LjYyOTY0IDUuMDMyMkM2LjUxMjY1IDUuMTYyMTkgNi41NTE2NSA1LjIwNzY4IDYuNjk0NjMgNS4yNjYxOEM3LjAxMzExIDUuMzg5NjcgNy4zMzgwOCA1LjUzOTE1IDcuNTU5MDYgNS43OTkxM0M3LjgwNjA0IDYuMDg1MTEgOC4wNTMwMSA2LjEwNDYgOC4zNTg0OSA1Ljk0MjEyQzguMzcxNDkgNS45MzU2MiA4LjM5MDk4IDUuOTM1NjIgOC40MDM5OCA1LjkyOTEyQzguNTMzOTcgNS44OTY2MiA4LjU0MDQ3IDUuODQ0NjMgOC40NDI5OCA1Ljc1MzYzQzcuNzY3MDQgNS4xMzYxOSA3LjM5MDA3IDQuMzc1NzYgNy4zMjUwOCAzLjQ1Mjg0Wk0xMy45MzUgMy40NTkzNEMxMy44NjM1IDQuNDI3NzUgMTMuNDM0NSA1LjIxNDE4IDEyLjcwMDEgNS44NjQxM0MxMi45MTQ2IDUuOTM1NjIgMTMuMDgzNiA2LjAwMDYxIDEzLjI1OTEgNi4wNTkxMUMxMy4zNSA2LjA5MTYxIDEzLjQxNSA2LjA1MjYxIDEzLjQ3MzUgNS45ODc2MUMxMy43OTIgNS42NTYxNCAxNC4xNjkgNS40MDkxNyAxNC41OTc5IDUuMjQ2NjhDMTQuNzQwOSA1LjE5NDY4IDE0LjcyMTQgNS4xMjk2OSAxNC42MzY5IDUuMDM4N0MxNC40NTQ5IDQuODUwMjEgMTQuMzEyIDQuNjM1NzMgMTQuMjAxNSA0LjQwMTc1QzE0LjA1ODUgNC4xMDI3OCAxMy45NzQgMy43OTA4MSAxMy45MzUgMy40NTkzNFoiIGZpbGw9IiM2MTMyODQiLz4KPC9zdmc+");
                      background-size: contain;
                      background-repeat: no-repeat;
                      background-position: center;
                      width: 1.25rem;
                      height: 1.25rem;
                    }
                  }
                }
              }

              .course-disponibility {
                display: flex;

                .date {
                  display: flex;
                  text-align: center;
                  justify-content: start;
                  gap: 0.3rem;
                  font-size: 0.938rem;
                  font-family: var(--co-regular);
                  color: var(--purple-cold);

                  &::before {
                    content: "";
                    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDEzIDE3IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTQuNDQ4ODkgMC43NDk4MjhDNC40NDg4OSAwLjMxMjQyOCA0LjEwMjIyIDAgMy42OTc3OCAwQzMuMzUxMTEgMCAzLjAwNDQ0IDAuMzEyNDI4IDMuMDA0NDQgMC43NDk4MjhWMS45OTk1NEgxLjg0ODg5QzAuODA4ODg5IDEuOTk5NTQgMCAyLjkzNjgzIDAgMy45OTkwOFY0LjQ5ODk3VjUuOTk4NjNWMTQuMDU5M0MwIDE1LjE4NCAwLjgwODg4OSAxNi4wNTg4IDEuODQ4ODkgMTYuMDU4OEgxMS4xNTExQzEyLjE5MTEgMTYuMDU4OCAxMyAxNS4xODQgMTMgMTQuMDU5M1Y2LjA2MTExVjQuNDk4OTdWMy45OTkwOEMxMyAyLjg3NDM0IDEyLjE5MTEgMS45OTk1NCAxMS4xNTExIDEuOTk5NTRIOS45OTU1NlYwLjc0OTgyOEM5Ljk5NTU2IDAuMzEyNDI4IDkuNzA2NjcgMCA5LjMwMjIyIDBDOC44OTc3OCAwIDguNjA4ODkgMC4zMTI0MjggOC42MDg4OSAwLjc0OTgyOFYxLjk5OTU0SDQuNDQ4ODlWMC43NDk4MjhaTTEuMzg2NjcgNi4wNjExMUgxMS42MTMzVjE0LjEyMThDMTEuNjEzMyAxNC4zNzE3IDExLjM4MjIgMTQuNjIxNyAxMS4xNTExIDE0LjYyMTdIMS44NDg4OUMxLjYxNzc4IDE0LjYyMTcgMS4zODY2NyAxNC4zNzE3IDEuMzg2NjcgMTQuMTIxOFY2LjA2MTExWiIgZmlsbD0iIzY1MzQ4QSIvPgo8L3N2Zz4=");
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                    width: 1.25rem;
                    height: 1.25rem;
                  }
                }
              }

              .product-price {
                display: flex;
                gap: 0.3rem;
                align-items: baseline;
                padding-block: 1rem 0rem;
                border-top: 2px solid var(--gray);

                .regular-price {
                  font-size: 0.938rem;
                  color: var(--gray);
                  font-family: var(--co-regular);
                  opacity: 0.6;
                  line-height: normal;
                  text-decoration-line: line-through;
                }

                .sale-price,
                .normal-price {
                  font-size: 1.125rem;
                  color: var(--black);
                  font-family: var(--co-bold);
                  line-height: normal;
                }
              }

              .container-btn {
                display: flex;
                justify-content: center;
                align-items: center;
                position: absolute;
                right: 0;
                left: 0;
                bottom: -4rem;
                opacity: 0;
                transition: var(--anim-low);

                .yellow-btn {
                  font-family: var(--co-regular);
                }
              }
            }

            &:hover {
              padding-bottom: 3.2rem;

              .container-btn {
                bottom: -3rem;
                opacity: 1;
              }

              .product-preview {
                .mini-add-to-cart {
                  left: 0.5rem;
                  opacity: 1;
                }
              }
            }
          }
        }
      }

      .pagination {
        display: flex;
        gap: 0.8rem;
        justify-content: center;
        align-items: center;
        padding-block: 2rem;

        .pagination-btn {
          display: flex;
          background-color: #57565636;
          padding: 0.6rem;
          justify-content: center;
          align-items: center;
          text-align: center;
          width: 2rem;
          height: 2rem;
          border-radius: 100%;
          font-family: var(--co-regular);
          color: var(--black);

          &.active {
            background-color: var(--yellow);
            font-family: var(--co-bold);
            color: var(--white);
          }
        }

        .prev {
          background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDE2IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguMjY2OSAxMS45MzEyQzcuMzMxOTQgMTEuMDMzMyA2LjU0MzY1IDEwLjI4MiA1Ljc3MzY5IDkuNTEyMzdDNC4zOTg3NSA4LjEzODAzIDMuMDIzODEgNi43NjM2OSAxLjY0ODg4IDUuMzg5MzZDMC40NTcyNjggNC4xNzk5NCAwLjQ1NzI2OCAyLjM2NTgyIDEuNjQ4ODggMS4yMTEzOEMyLjgwMzgyIDAuMDc1MjYwMSA0LjU4MjA3IDAuMDc1MjU4MSA1Ljc3MzY5IDEuMjY2MzVDOC41OTY4OSA0LjA3IDExLjQwMTggNi44NzM2NCAxNC4yMDY2IDkuNjk1NjFDMTUuNTQ0OSAxMS4wMzMzIDE1LjU0NDkgMTIuNzM3NSAxNC4yMjUgMTQuMDU2OEMxMS40MjAxIDE2Ljg3ODggOC42MTUyMiAxOS43MDA4IDUuNzkyMDEgMjIuNTA0NEM0LjU4MjA3IDIzLjcxMzggMi43ODU0OSAyMy43MzIyIDEuNjEyMjEgMjIuNTk2MUMwLjQzODkzNCAyMS40NDE2IDAuNDM4OTMzIDE5LjU5MDggMS42ODU1NCAxOC4zNjMxQzMuODMwNDQgMTYuMjU1OCA1Ljk5MzY3IDE0LjE2NjggOC4yNjY5IDExLjkzMTJaIiBmaWxsPSIjRTRBQzVCIi8+Cjwvc3ZnPg==);
          background-repeat: no-repeat;
          background-position: center;
          background-color: transparent;
          font-size: 0;
          transform-origin: center;
          transform: rotate(180deg);
          color: transparent;
        }

        .next {
          background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDE2IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguMjY2OSAxMS45MzEyQzcuMzMxOTQgMTEuMDMzMyA2LjU0MzY1IDEwLjI4MiA1Ljc3MzY5IDkuNTEyMzdDNC4zOTg3NSA4LjEzODAzIDMuMDIzODEgNi43NjM2OSAxLjY0ODg4IDUuMzg5MzZDMC40NTcyNjggNC4xNzk5NCAwLjQ1NzI2OCAyLjM2NTgyIDEuNjQ4ODggMS4yMTEzOEMyLjgwMzgyIDAuMDc1MjYwMSA0LjU4MjA3IDAuMDc1MjU4MSA1Ljc3MzY5IDEuMjY2MzVDOC41OTY4OSA0LjA3IDExLjQwMTggNi44NzM2NCAxNC4yMDY2IDkuNjk1NjFDMTUuNTQ0OSAxMS4wMzMzIDE1LjU0NDkgMTIuNzM3NSAxNC4yMjUgMTQuMDU2OEMxMS40MjAxIDE2Ljg3ODggOC42MTUyMiAxOS43MDA4IDUuNzkyMDEgMjIuNTA0NEM0LjU4MjA3IDIzLjcxMzggMi43ODU0OSAyMy43MzIyIDEuNjEyMjEgMjIuNTk2MUMwLjQzODkzNCAyMS40NDE2IDAuNDM4OTMzIDE5LjU5MDggMS42ODU1NCAxOC4zNjMxQzMuODMwNDQgMTYuMjU1OCA1Ljk5MzY3IDE0LjE2NjggOC4yNjY5IDExLjkzMTJaIiBmaWxsPSIjRTRBQzVCIi8+Cjwvc3ZnPg==);
          background-repeat: no-repeat;
          background-position: center;
          background-color: transparent;
          font-size: 0;
          color: transparent;
        }
      }
    }
  }

  .faqs {
    display: flex;
    flex-direction: column;
    background-color: var(--cream);
    justify-content: center;
    align-items: center;
    gap: 3rem;
    padding-block: 4rem;

    .title {
      display: flex;
      flex-direction: column;
      text-align: center;
      align-items: center;
      justify-content: center;

      &::before {
        content: "FAQ";
        font-size: 1.125rem;
        color: #696969;
        font-family: var(--nu-regular);
      }

      > h3 {
        font-size: 2.5rem;
        font-family: var(--co-bold);
        color: var(--purple-cold);
      }
    }

    .content {
      display: flex;
      padding-inline: 5rem;
      gap: 3rem;

      .img-preview {
        display: flex;
        flex-basis: 40%;
        overflow: hidden;
        border-radius: 1rem;

        > img {
          object-fit: cover;
          object-position: center;
          width: 100%;
        }
      }

      .accordeon-container {
        display: flex;
        flex-basis: 60%;

        .accordeon {
          width: 100%;
          display: flex;
          flex-direction: column;

          .accordeon-item {
            width: 100%;
            margin-bottom: 10px;
            border-bottom: 2px solid var(--purple-cold);
            padding-block: 1.5rem;

            .accordeon-header {
              cursor: pointer;
              width: 100%;
              border-radius: 1.25rem;
              color: var(--purple-cold);
              font-size: 1.25rem;
              font-family: var(--co-bold);
              display: flex;
              justify-content: start;
              align-items: center;
              gap: 2rem;
              line-height: normal;

              > h4 {
              }

              &::after {
                content: "";
                right: 1rem;
                position: relative;
                width: 1.4rem;
                height: 1.4rem;
                margin-left: auto;
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
                background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE5IDEyIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTkuNTI3MjEgNS43NTk1NEM4Ljc4NzU0IDYuNTM0ODMgOC4xNjg2MiA3LjE4ODUgNy41MzQ2MSA3LjgyNjk3QzYuNDAyNDUgOC45NjcwOSA1LjI3MDMgMTAuMTA3MiA0LjEzODE0IDExLjI0NzNDMy4xNDE4NCAxMi4yMzU0IDEuNjQ3MzkgMTIuMjM1NCAwLjY5NjM3OSAxMS4yNDczQy0wLjIzOTUzOCAxMC4yODk2IC0wLjIzOTU0IDguODE1MDcgMC43NDE2NjMgNy44MjY5N0MzLjA1MTI3IDUuNDg1OTEgNS4zNjA4NyAzLjE2MDA1IDcuNjg1NTcgMC44MzQxOTlDOC43ODc1MyAtMC4yNzU1MjMgMTAuMTkxNCAtMC4yNzU1MTkgMTEuMjc4MyAwLjgxOTAwMUMxMy42MDMgMy4xNDQ4NiAxNS45Mjc3IDUuNDcwNzEgMTguMjM3MyA3LjgxMTc3QzE5LjIzMzYgOC44MTUwOCAxOS4yNDg3IDEwLjMwNDggMTguMzEyOCAxMS4yNzc3QzE3LjM2MTcgMTIuMjUwNyAxNS44MzcxIDEyLjI1MDcgMTQuODI1NyAxMS4yMTY5QzEzLjA4OTcgOS40MzgzNSAxMS4zNjg5IDcuNjQ0NTUgOS41MjcyMSA1Ljc1OTU0WiIgZmlsbD0iIzY1MzQ4QSIvPgo8L3N2Zz4=");
                transition: var(--anim-low);
              }

              &.active {
                &::after {
                  transform: rotate(-180deg);
                }
              }
            }

            .accordeon-content {
              padding-block: 1.5rem 0rem;
              display: none;

              > p {
                font-size: 0.928rem;
                font-family: var(--co-regular);
              }
            }
          }
        }
      }
    }
  }
}

.mini-cart {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: transparent;
  pointer-events: none;
  z-index: 10000;
  left: 0;
  top: 0;
  transition: var(--anim-low);

  .custom-floating-cart {
    margin-block: auto;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    align-items: center;
    height: 100%;
    width: 100%;
    z-index: 1000000;
    transform: translateX(100%);
    opacity: 0;
    pointer-events: none;
    transition: var(--anim-low);

    .main-container {
      display: flex;
      flex-direction: column;
      background-color: var(--purple-warm);
      height: 80%;
      justify-content: center;
      padding: 2.5rem;
      border-top-left-radius: 3rem;
      border-bottom-left-radius: 3rem;
      max-width: 30rem;
      width: 100%;
      right: 0;
      position: relative;
      margin-left: auto;
      gap: 1rem;

      .close-cart {
        display: flex;
        aspect-ratio: 1 / 1;
        width: 3.5rem;
        height: 3.5rem;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgdmlld0JveD0iMCAwIDU2IDU2IiBmaWxsPSJub25lIj4KPGNpcmNsZSBjeD0iMjgiIGN5PSIyOCIgcj0iMjgiIGZpbGw9IiNFNEFDNUIiLz4KPHJlY3QgeD0iMTYuNjI1IiB5PSIzNy43MTU5IiB3aWR0aD0iMjguNjM2NiIgaGVpZ2h0PSI4LjM1MjM1IiByeD0iMy41Nzk1OCIgdHJhbnNmb3JtPSJyb3RhdGUoLTU1LjkxMSAxNi42MjUgMzcuNzE1OSkiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHdpZHRoPSIyOC42MzY2IiBoZWlnaHQ9IjguMzUyMzUiIHJ4PSIzLjU3OTU4IiB0cmFuc2Zvcm09Im1hdHJpeCgtMC41NjA0OCAtMC44MjgxNjggLTAuODI4MTY4IDAuNTYwNDggMzkuNTkzOCAzNy43MTU5KSIgZmlsbD0id2hpdGUiLz4KPC9zdmc+);
        position: absolute;
        left: -1.7rem;
      }

      .content {
        display: flex;
        width: 100%;
        height: 100%;
        flex-direction: column;
        justify-content: center;

        .title {
          display: flex;

          span {
            font-size: 1.563rem;
            color: var(--yellow);
            font-family: var(--co-bold);
          }
        }

        .items {
          display: flex;
          flex-direction: column;
          height: 50%;
          overflow: hidden;
          overflow-y: auto;
          gap: 1rem;
          padding-right: 0.5rem;
          padding-block: 0.5rem;

          &::-webkit-scrollbar {
            width: 0.7vw;
          }

          &::-webkit-scrollbar-track {
            background-color: transparent;
          }

          &::-webkit-scrollbar-thumb {
            background-color: var(--purple-warm);
            border-radius: 3px;
            border: 1px solid white;
          }

          .mini-card {
            display: flex;
            box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.15);
            border-radius: 1rem;
            background-color: var(--white);

            .item {
              display: flex;
              width: 100%;
              height: 100%;
              padding: 1.2rem 1rem;
              gap: 1rem;

              .left {
                display: flex;
                flex-basis: 30%;
                width: 30%;
                max-width: 30%;

                .prod-preview {
                  aspect-ratio: 1 / 1;
                  overflow: hidden;
                  display: flex;
                  border-radius: 0.8rem;
                  width: 100%;

                  img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    object-position: center;
                  }
                }
              }

              .right {
                display: flex;
                flex-basis: 70%;

                .prod-data {
                  display: flex;
                  flex-direction: column;
                  width: 100%;
                  justify-content: center;
                  gap: 0.2rem;
                  max-width: 200px;

                  .prod-cat {
                    display: flex;
                    background-color: var(--purple-warm);
                    padding: 0.2rem 0.6rem;
                    width: max-content;
                    color: var(--white);
                    font-family: var(--co-bold);
                    border-radius: 0.5rem;
                    font-size: 0.938rem;
                    flex-wrap: wrap;
                    max-width: 100%;
                  }

                  .prod-name {
                    display: flex;
                    color: var(--purple-cold);
                    font-size: 1.125rem;
                    font-family: var(--co-bold);
                    line-height: normal;
                  }

                  .prices {
                    display: flex;
                    gap: 0.4rem;
                    align-items: baseline;
                    flex-wrap: wrap;

                    .sale-price {
                      font-size: 1.25rem;
                      color: var(--yellow);
                      font-family: var(--co-bold);
                      line-height: normal;
                    }

                    .regular-price {
                      font-family: var(--co-medium);
                      font-size: 0.938rem;
                      line-height: normal;
                      color: var(--purple-warm);
                      opacity: 0.6;
                      text-decoration: line-through;
                    }
                  }
                }

                .delete-button-container {
                  display: flex;
                  width: max-content;
                  align-items: center;
                  padding-inline: 0.5rem;

                  #delete-button {
                    cursor: pointer;
                    width: 2rem;
                    height: 2rem;
                    background-color: transparent;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-position: center;
                    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDIyIDI1IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTcuMDA4OTcgMS44MTE3Nkw2LjczOTkxIDIuNDQzMTRIMi40MzQ5OEMxLjYyNzggMi40NDMxNCAxIDMuMDc0NTEgMSAzLjg4NjI3QzEgNC42OTgwNCAxLjYyNzggNS4zMjk0MSAyLjQzNDk4IDUuMzI5NDFIMTkuNTY1QzIwLjM3MjIgNS4zMjk0MSAyMSA0LjY5ODA0IDIxIDMuODg2MjdDMjEgMy4wNzQ1MSAyMC4zNzIyIDIuNDQzMTQgMTkuNTY1IDIuNDQzMTRIMTUuMjYwMUwxNC45MDEzIDEuODExNzZDMTQuNjMyMyAxLjM2MDc4IDE0LjE4MzkgMSAxMy42NDU3IDFIOC4yNjQ1N0M3LjgxNjE0IDEgNy4yNzgwMyAxLjI3MDU5IDcuMDA4OTcgMS44MTE3NlpNMTkuNTY1IDYuNzcyNTVIMi40MzQ5OEwzLjQyMTUyIDIyLjAxNTdDMy40MjE1MiAyMy4wOTggNC40MDgwNyAyNCA1LjQ4NDMxIDI0SDE2LjUxNTdDMTcuNjgxNiAyNCAxOC41Nzg1IDIzLjA5OCAxOC42NjgyIDIyLjAxNTdMMTkuNTY1IDYuNzcyNTVaIiBzdHJva2U9IiM2MTMyODQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+Cjwvc3ZnPg==");
                  }
                }
              }
            }
          }
        }

        .resume {
          display: flex;
          width: 100%;
          padding-block: 1rem 0.6rem;
          border-top: 2px solid #ffffffd6;

          .total {
            width: 100%;
            display: flex;
            justify-content: space-between;
            font-size: 1.125rem;
            font-family: var(--nu-bold);
            color: var(--white);

            > span {
              &.total-price {
              }
            }
          }
        }

        .buttons {
          justify-self: center;
          align-items: center;
          width: 100%;
          display: flex;
          flex-direction: column;
          gap: 0.6rem;

          .buy-now {
            display: flex;
            text-align: center;
            align-items: center;
            justify-content: center;
            color: var(--white);
            background-color: var(--yellow);
            border-radius: 0.625rem;
            width: max-content;
            padding: 0.6rem 1rem;
            font-family: var(--nu-semibold);
            font-size: 1.428rem;
            cursor: pointer;
            transition: var(--anim-low);

            &:hover {
              color: var(--yellow);
              background-color: var(--yellow-clear);
            }
          }

          .pay-later {
            font-family: var(--nu-regular);
            color: var(--white);
            font-size: 1.188rem;
            padding-block: 0.8rem;
          }
        }
      }
    }
  }

  &.active {
    background-color: #65348ab0;
    pointer-events: auto;

    .custom-floating-cart {
      opacity: 1;
      pointer-events: auto;
      transform: translateX(0%);
    }
  }
}
#our-courses .splide__slide .product-card .product-info .course-product-name h2{
    font-size: 1.474rem;
                font-family: var(--co-bold);
                color: var(--purple-cold);
                text-wrap: wrap;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                margin: 0;
                line-height: 1.2;
}

#yape_plin_comprobante_field{
    display: none;
}


/* Contenedor principal */
.payment-method-details {
  text-align: center;
  padding: 15px;
}

/* Texto descriptivo */
.payment-method-details .wyp-desc p {
  font-size: 15px;
  margin-bottom: 12px;
  color: #333;
}

/* Imagen QR */
.payment-method-details img {
  max-width: 200px;
  height: auto;
  margin: 0 auto;
  display: block;
}

/* Número */
.payment-method-details p {
  margin: 8px 0;
}

/* Contenedor del upload inline */
.wyp-upload-inline {
  width: 100%;
  text-align: center;
}

.wyp-upload-inline label {
  font-weight: bold;
  display: block;
  margin-bottom: 6px;
}

#wyp-inline-file {
  margin-top: 6px;
  margin-bottom: 6px;
  width: 100%;
}

/* Mensajes */
.wyp-msg {
  color: #d00;
  font-size: 13px;
}

.wyp-help {
  font-size: 12px;
  color: #666;
}

/* Campo del método clásico */
#yape_plin_comprobante_field {
  text-align: left; /* WooCommerce lo necesita así */
  margin-top: 15px;
}

#yape_plin_comprobante_field label {
  font-weight: bold;
}

/* Botón “Seleccionar archivo” */
#yape_plin_comprobante_button {
  width: 100%;
  background: #0071a1;
  color: #fff;
  padding: 10px;
  border-radius: 6px;
  margin-top: 6px;
}

/* Ajustes móviles */
@media (max-width: 480px) {
  .payment-method-details {
    padding: 10px;
  }
  
  .payment-method-details img {
    max-width: 160px;
    width: 100%;
  }
}

.faq-titulo{
  color: var(--1, #613284);
text-align: center;
font-family: "Corporative-Medium";
font-size: 40px;
font-style: normal;
font-weight: 800;
line-height: 40px; /* 100% */
}

.cart{
    margin: 0 auto !important;
}

.return-to-shop{
  display: flex;
  
}

.return-to-shop .button.wc-backward{
    margin: 30px auto;
  }





/* ✅ Contenedor general del formulario Izipay */
form[action*="micuentaweb"] {
  text-align: center !important;
  margin: 60px auto !important;
  max-width: 600px;
  padding: 1.5rem;
  background-color: var(--white);
  border-radius: 1rem;
  box-shadow: 0px 0px 8px rgba(0,0,0,0.05);
}

/* ✅ Texto previo al formulario */
form[action*="micuentaweb"] ~ p,
form[action*="micuentaweb"] p {
  font-family: var(--nu-regular);
  font-size: 1rem;
  color: var(--purple-cold);
  max-width: 600px;
  margin: 1rem auto !important;
  line-height: 1.5;
}

/* ✅ Botón principal (pagar) */
form[action*="micuentaweb"] input[type="submit"] {
  display: inline-block !important;
  margin: 20px auto !important;
  padding: 0.6rem 2rem;
  background-color: var(--purple-cold);
  color: var(--white);
  border-radius: 0.625rem;
  font-family: var(--nu-bold);
  font-size: 1.125rem;
  cursor: pointer;
  border: none;
  transition: var(--anim-low);
}

form[action*="micuentaweb"] input[type="submit"]:hover {
  background-color: var(--purple-clear);
  color: var(--purple-cold);
  box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
}

/* ✅ Botón cancelar */
form[action*="micuentaweb"] a.cancel {
  display: block !important;
  margin-top: 15px !important;
  text-align: center !important;
  font-family: var(--co-bold);
  font-size: 0.95rem;
  color: var(--purple-cold) !important;
  background-color: rgba(145, 120, 220, 0.1);
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  transition: var(--anim-low);
}

form[action*="micuentaweb"] a.cancel:hover {
  background-color: var(--purple-cold);
  color: var(--white) !important;
  box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
}

/* ✅ Cuadro de “Espere…” */
div[style*="cursor: wait"] {
  max-width: 600px;
  margin: 30px auto !important;
  text-align: center !important;
  padding: 1.5rem !important;
  background-color: var(--white);
  border-radius: 1rem;
  font-family: var(--nu-regular);
  color: var(--purple-cold);
  font-size: 1rem;
  box-shadow: 0px 0px 8px rgba(0,0,0,0.05);
}

/* ✅ Texto debajo del cuadro */
div[style*="cursor: wait"] ~ p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  font-family: var(--nu-regular);
  color: var(--purple-cold);
  font-size: 0.95rem;
}