.paragraph--type--preguntas-frecuentes {
  padding-bottom: 5rem;

  .field--name-field-faq-titulo {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.25rem;
    color: var(--aldaba-deep-charcoal);
    padding-bottom: 2rem;

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-size: 1.5rem;
      font-weight: 600;
      line-height: 2.2rem;
      color: var(--aldaba-deep-charcoal);
      margin-top: 12px;
    }
  }

  .preguntas-frecuentes.view-preguntas-frecuentes {
    .view-content {
      >.views-row {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;

        >.views-row {
          background: var(--aldaba-light-sand);
        }
      }

      .views-field-title.ui-accordion-header {
        background: var(--aldaba-light-sand);
        border: 0;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        margin: 1rem 1.5rem;
        padding: .5em 0 .5em 0;

        &.ui-state-active {
          border-bottom: .0625rem solid var(--aldaba-silver-grey);
          /* margin: 1rem 1.5rem; */
          background: var(--aldaba-light-sand);

          .ui-accordion-header-icon {
            transform: rotate(180deg);
            background-position: 0rem .125rem;
          }

          h3 {
            font-weight: 700;
          }
        }

        .ui-accordion-header-icon {
          background-image: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25 1.07129L7.5 6.78557L13.75 1.07129' stroke='%232A7193' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
          background-position: 0rem .5rem;
          transition: transform 0.5s;
        }

        h3 {
          font-size: 1rem;
          font-weight: 400;
          line-height: 1.5rem;
          margin: 0;
          color: var(--aldaba-deep-charcoal);
        }
      }

      .ui-accordion-content {
        padding: 1rem 1.5rem 1em 1.5rem;
        background: var(--aldaba-light-sand);
        border: 0;

        .field-content {
          color: var(--aldaba-slate-grey);
          font-family: var(--font-family);
          font-size: 1rem;
          font-weight: 400;
          line-height: 1.375rem;
        }
      }
    }
  }
}

@media (max-width: 992px) {
  .paragraph--type--preguntas-frecuentes {
    padding-bottom: 2.5rem;

    .kmm-container {
      padding: 0 1rem;
    }

    .preguntas-frecuentes.view-preguntas-frecuentes {
      .view-content {
        .views-field-title.ui-accordion-header {
          h3 {
            width: 94%;
          }
        }
      }
    }
  }
}