@media (max-width: 400px) {

    .main>.banner .inner {
        padding: 39px 30px 24px;
        height: 531px;
        display: flex;
        align-items: flex-end;
    }

    .main>.banner .inner h2 {
        width: 251px;
        height: 60px;
        color: #FFF;
        font-family: Telefonica;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .main>.banner .inner h3 {
        color: #FFF;
        font-family: Telefonica;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .main>.banner .inner .sub-inner {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .btn {
        display: flex;
        padding: 10px 20px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        ;

    }

    .main>.banner .inner .sub-inner button {
        width: 170px;
        height: 45px;
        display: flex;
        padding: 10px 20px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 10px;
        background: #019DF4;
        color: #FFF;
        font-family: Telefonica;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .btn {
        margin: 0 !important;
    }

    .impulso-summary {
        display: flex;
        width: 375px;
        flex-direction: column;
        align-items: center;
        gap: 33px;
        padding: 15px;
        padding-top: 10px;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .impulso-summary .titulo-content h3 {
        color: #000;
        font-family: Telefonica;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        width: 255px;
    }

    .impulso-summary .parap-content p {
        font-size: 14px;

    }

    .impulso-summary li {
        font-size: 14px;
    }

    .dcha-content img {
        height: 240px;
        border-radius: 20px;
        background: url(<path-to-image>) lightgray 50% / cover no-repeat;
    }

    .container-banner-impulso-pro {
        height: 525px;
    }

    .benefits-digital {
        margin-top: 0;
        align-items: center;
        display: flex;
        gap: 0px;
        flex-direction: column;
        height: 690px;
    }

    .benefits-digital .clear-icon .box {
        width: 55px;
        height: 114px;
        max-height: max-content;
    }

    .benefits-digital h2 {
        color: #000;
        font-family: Telefonica;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-top: 30px;
    }

    .benefits-digital h2 small {
        width: 320px;
        height: 71px;
        color: #000;
        text-align: center;
        font-family: Telefonica;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-top: 15px;
    }

    .benefits-digital .clear-icon {
        display: flex;
        align-items: center;
        gap: 15px;
        flex-direction: row;
        height: 30px;
        background: none;
        width: 100%;
    }

    .benefits-digital .clear-icon .text .title {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        color: #000;
        font-family: Telefonica;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin: 0;
        margin-bottom: 5px;
    }

    .benefits-digital .clear-icon .text p {
        color: #000;
        font-family: Telefonica;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: start;
        width: 262px;

    }

    .benefits-digital .benefits {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 50px;
        max-width: 1275px;
        margin: auto;
        margin-top: 0;
    }

    .benefits-left {
        gap: 15px;
    }

    .benefits-right {
        gap: 15px;
    }

    .first-banner-digital .c-banner-plan-empresa {
        display: none;
    }

    .banner-digital h2 {
        color: #000;
        font-family: Telefonica;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .title-impulso-digital {
        color: #000;
        font-family: Telefonica;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .text-title-impulso-digital {
        color: #000;
        text-align: center;
        font-family: Telefonica;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        width: 320px;
        height: 71px;
    }

    p.text-title-impulso-digital {
        color: #000;
        text-align: center;
        font-family: Telefonica;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-top: 15px;
    }

    .banner-digital form {
        width: 0;
    }

    .banner-digital form button.btn.primary {
        display: flex;
        padding: 10px 20px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 10px;
        background: #019DF4;
    }

    .title-mobile {
        text-align: center;
        margin-right: 76px;
        margin-left: 76px;
    }

   .plans-container {
        display: flex;
        flex-direction: column;
    }


    .plan-card-background {
        height: 175px;
        width: 332px;

    }

    .plan-title {
        font-size: 20px;
    }

    .plan-details-link {
        font-size: 16px;
    }

    .plan-price-original-text {
        font-size: 16px;
          padding-top: 0;
    }

    .plan-price-current {
        font-size: 16px;
    }

    .plan-add-link {
        font-size: 14px;
    }

    .plan-add-text {
        width: 262px;
        font-size: 14px;
    }

    .plan-add-month {
        font-size: 14px;
    }

    .plan-add-price {
        font-size: 14px;
    }

    .plan-price-current-month {
        font-size: 16px;
    }

    .plan-price-discount {
        display: none;
    }

    .br-card-mobile {
        display: none;
    }

    .plan-add-checkbox {
        width: 22px;
        height: 22px;
    }

    .plan-price-discount-mobile {
        display: flex;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        background: #954B97;
        justify-content: center;
        align-items: center;
        gap: 10px;
        display: inline-flex;
    }

    .plan-price-discount-text-mobile {
        display: flex;
        color: #F6FCFF;
        font-size: 12px;
        font-family: Telefonica;
        font-weight: 400;
        word-wrap: break-word;
    }

    .plan-card-content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .plan-title-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .plan-price-discount-mobile {
        display: flex;
        align-items: center;
        margin-left: auto;
    }

    .plan-details {
        margin-top: 17px;

    }

    .plan-card-dark-summary-text {
        font-size: 16px;

    }

    .plan-card-dark-item-plan {

        font-size: 16px;

    }

    .plan-card-dark-item-title {
        font-size: 14px;
    }

    .plan-card-dark-item-price {
        font-size: 14px;
    }

    .plan-card-dark-item-duration {
        font-size: 14px;
    }

    .plan-card-dark-item-title {
        font-size: 14px;
    }

    .plan-card-dark-summary-price {
        font-size: 20px;

    }

    .plan-card-dark-button-container {

        top: 185px;

    }
    .plan-card-dark-button {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .plan-card-dark-background {

        height: 260px;

    }
    .container-dark-aditional-price{
        padding-right: 23px;
    }

    .box-benefits-impulso-pro {
        display: flex;
        flex-direction: column;

        margin-top: 10px;
        width: 327px;
        align-items: center;
    }

    .benefit-impulso img {
        max-width: 20px;
    }

    .benefit-impulso p {
        font-size: 12px;
        line-height: normal;
    }

    .box-title-valorations {
        margin-top: 40px;
    }

    .container-faqs {
        margin-top: 35px;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 50px;
    }

    .faq-question {
        display: inline-flex;
        align-items: flex-start;
        gap: 18px;
        cursor: pointer;
        flex-direction: row;
    }

    .faq-question p {
        width: 237px;
        height: auto;
        color: black;
        font-size: 16px;
        font-family: Telefonica;
        font-weight: 400;
        word-wrap: break-word;
    }

    .answer {
        display: none;
        width: 237px;
        color: black;
        font-size: 16px;
        font-family: Telefonica;
        font-weight: 400;
        word-wrap: break-word;
    }

    .faq-icon {
        width: 30px;
        height: 30px;
    }

    .divider {
        width: 100%;
    }

    .carousel-wrapper {
        height: 330px;
        width: 90%;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .carousel {
        display: flex;
        transition: transform 0.3s ease-in-out;
    }

    .card-valoration {
        min-width: 90%;
        min-height: 100%;
        background: white;
        box-shadow: 0px 4px 13.5px rgba(130.99, 127.65, 127.65, 0.25);
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        padding: 16px;
        box-sizing: border-box;
    }

    .card-valoration-date {

        font-size: 12px;

    }

    .name-client-card {

        font-size: 16px;

    }

    .job-client {

        font-size: 14px;

    }

    .text-card-valoration {

        font-size: 14px;

    }

    .ebook-section {
        display: flex;
        justify-content: center;
        gap: 66px;
        flex-direction: row;
        align-items: center;
    }

    .ebook-card {
        height: 100%;
        width: 100%;
    }

    .ebook-title {

        font-size: 20px;

    }

    .ebook-description {
        font-size: 14px;
    }

    .download-link {
        font-size: 14px;
        padding-left: 25px;
    }
    .ebook-content {
        padding: 20px;
        padding-top: 0;
        padding-left: 10%;
    }
    .selector-ebook{
        display: flex;
      padding: 8px 12px;
      justify-content: center;
      align-items: center;
      gap: 8px;
      border-radius: 50px;
      background: var(--Materials-Ultrathin---Dark, linear-gradient(0deg, #9C9C9C 0%, #9C9C9C 100%), rgba(37, 37, 37, 0.55));
      background-blend-mode: overlay, normal;
      backdrop-filter: blur(20px);
      }
      .circle-ebook{
        width: 8px;
        height: 8px;
        border-radius: 50px;
  opacity: 0.3;
  background: var(--Labels-Primary---Dark, #FFF);
      }
      .circle-active {
    width: 8px;
    height: 8px;
    border-radius: 50px;
    opacity: 1;
    background: var(--Labels-Primary---Dark, #FFF);
  }
  .btn-impulso-modal {
    width: 145px;
    height: 33px;
    border-radius: 10px;
  }
  .actions-modal-impulso {
    margin-left: 50px;
        margin-top: 10px;
  }

  .btn-auditoria-impulso{
    margin-top: 20px !important;
        border-radius: 10px;
        width: 240px;
        height: 45px !important;
  }
  .btn.primary.big {    
        font-size: 16px;
  }

  
}