/* Productos digitales — sección desarrollada en desarrollo.html */

.products-grid-wrap {
  margin-top: 45px;
}

.products-slider .div-block-11 {
  padding-bottom: 0;
}

.products-acc {
  margin-top: 0;
  grid-row-gap: 14px;
  grid-column-gap: 24px;
}

@media screen and (min-width: 768px) {
  .products-slider .slider-2 {
    height: 62vh;
  }

  .products-slider .img-wrapper-slider {
    height: 100%;
  }
}

.products-acc .accordion-item---brix.tabs-accordion---brix {
  border-bottom-color: rgba(148, 148, 148, .35);
}

.products-acc .accordion-trigger---brix {
  cursor: pointer;
}

.products-acc .h2.smaller {
  color: var(--beige);
}

.products-acc .accordion-content---brix {
  height: 0;
  margin-top: 0;
  padding-top: 15px;
  opacity: 0;
  overflow: hidden;
  transition: height .5s cubic-bezier(.4, 0, .2, 1), opacity .3s ease;
}

.products-acc .accordion-content---brix .p1 {
  max-width: 92%;
  margin-bottom: 0;
}

.products-acc .h2.smaller.items-ia {
  font-size: 1.05rem;
  line-height: 1.8;
}

.products-acc .h2.smaller.items-ia strong {
  display: block;
}

.products-acc .h2.smaller.items-ia strong::before {
  content: "·";
  color: var(--_colors---orange);
  margin-right: .55em;
}

.products-acc .open-close-line---brix {
  background-color: var(--beige);
}

.products-acc .open-close-line---brix,
.products-acc .second-line---brix {
  transition: transform .3s ease;
}

.products-acc .accordion-item---brix:nth-last-child(-n+2) {
  border-bottom-style: none;
}

.products-intro {
  margin-top: 25px;
  max-width: 560px;
}

.btn-link-div.products-cta {
  margin-top: 60px;
}

@media screen and (max-width: 479px) {
  .products-slider .slider-2 {
    height: 52vh;
  }
}

@media screen and (max-width: 767px) {
  .products-acc {
    grid-template-columns: 1fr;
    grid-row-gap: 0;
  }

  .products-acc .h2.smaller {
    font-size: 1.3rem;
  }

  .products-acc .accordion-content---brix .p1 {
    max-width: 100%;
  }

  .products-acc .h2.smaller.items-ia {
    font-size: 1rem;
  }

  .products-acc .accordion-item---brix {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .products-acc .accordion-item---brix:nth-last-child(2) {
    border-bottom-style: dotted;
  }

  .products-intro {
    max-width: 100%;
  }

  .btn-link-div.products-cta {
    margin-top: 40px;
  }
}