/* Carrusel */

@media (width < 980px) {
  .carrusel {
    display: flex !important;
    flex-wrap: unset !important;
    place-content: unset !important;
    gap: 1rem;
    overflow: auto;
    scrollbar-width: none;
    padding: 0.5rem 1rem;
  }

  .carrusel::-webkit-scrollbar {
    display: none;
  }

  .carrusel :is(.et_pb_row, .et_pb_blurb, .et_pb_column) {
    flex-shrink: 0; // remove .et_pb_row when all cards are designed as columns or blurbs
  }

  carrusel.et_pb_section {
    padding-inline: 1rem; // temporary until all cards are designed as columns or blurbs
  }

  /* usado cuando el carrusel inlcuye una columna como en el caso de tarjetas A3 con titulo  */

  .carrusel .et_pb_column:has(.tarjeta-a3) {
    margin-right: 0 !important;
    width: auto !important;
  }

  /* la fila debe tener una anchura de 100% para que carrusel sea continuo */

  .carrusel.et_pb_row {
    width: 100% !important;
  }

  .et_pb_row:has(.et_pb_column.carrusel) {
    width: 100% !important;
  }
}

@media (width > 980px) {
  .carrusel-escritorio {
    display: flex !important;
    flex-wrap: unset !important;
    place-content: unset !important;
    gap: 1rem;
    overflow: auto;
    scrollbar-width: none;
    padding: 0.5rem 0;
  }

  .carrusel-escritorio::-webkit-scrollbar {
    display: none;
  }

  .carrusel-escritorio :is(.et_pb_blurb, .et_pb_column) {
    flex-shrink: 0;
  }
}

/* Carrusel de imagenes */

.carrusel-de-imagenes {
  .et_pb_image {
    margin-block: 0 !important;
  }

  @media (width < 980px) {
    img {
      max-width: 14rem !important;
    }
  }
}