/* IMPORTANDO COLORES VAR */
  @import "colores-var-globales.css";

  header.header--promo-item 
  div.contenedorCarrou00 {
      display: flex;
      overflow: auto;
      flex: none;
      scroll-snap-type: x mandatory;
      gap: 6px;
  }

  header.header--promo-item 
  div.contenedorCarrou00 > div.ele1 {
      text-align: center;
      flex: none;
      width: 95%;
      height: auto;
      scroll-snap-align: center;
      scroll-margin-left: 3rem;
      scroll-snap-stop: always;
      /* margin: 10px; */
      margin-top: 15px;
  }

  header.header--promo-item 
  div.contenedorCarrou00 
  div.ele1
  img.imgCarru00 {
      position: relative;
      width: 100%;
      border-radius: 10px;
  }


  /* ALTERAR BARRA SCROLL */
  /* Grosor vertical y horizontal */
  header.header--promo-item div.contenedorCarrou00::-webkit-scrollbar {
      height: 20px;    /* grosor horizontal */
  }

  /* Color de la barra (thumb) */
  header.header--promo-item div.contenedorCarrou00::-webkit-scrollbar-thumb {
      background-color: var(--color-relindo-mujer);
      border-radius: 8px;            /* esquinas redondeadas */
  }

  /* Color de fondo del track */
  header.header--promo-item div.contenedorCarrou00::-webkit-scrollbar-track {
      background-color: white;        
  }

  /* Firefox */
  .contenedorCarrou00 {
      scrollbar-width: auto; /* thin | auto | none */
      scrollbar-color: var(--color-relindo-mujer) white;/* thumb track */
  }