
:root{ 
--colorPF-01: #af327e; 
}

/* CARROUSEL */
.contenedorCarrou00 {
 display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 6px;
}

.imgCarru00{
  position: relative;
  width: 100%;
  border-radius: 10px; 
}

/* BARRA DESLIZAMIENTO */
  /* Color de fondo de barra deslizamoento horizontal */
  .contenedorCarrou00::-webkit-scrollbar {
    width: 20px;
    background: silver;}

  /* Color barra deslizamoento horizontal */
  .contenedorCarrou00::-webkit-scrollbar-thumb {
    background: peru;
    border-radius: 8px;
  }
/* Cierra Barra */

/* Flujo de imágenes carrousel (para cada div):
- Desde pantalla pequeña en adelante, 
muestra solo una imagen por lote */

.contenedorCarrou00 > div {
  flex: 0 0 95%;
  scroll-snap-align: center;
}

@media (min-width: 700px){
  .contenedorCarrou00 {
  overflow: visible;              /*  deja de ser carrusel */
  scroll-snap-type: none;         /*  desactiva snap */
  flex-wrap: wrap;                /*  permite múltiples filas */
  justify-content: center;        /* opcional */
  }

  .contenedorCarrou00 > div {
  flex: 0 0 180px;                /*  ancho fijo real */
  scroll-snap-align: none;        /* limpieza */
  margin-top: 0;                  /* opcional */
  }
}

.pieFotoCarrou00, .pieFotoCarrou01{
      font-family: "Arial", sans-serif;
    font-size: 0.93rem;
    text-align: left;
    color: black;
    background-color: white;
    padding: 1rem 1.3rem 1rem 1rem;
    margin-top: -3px;
    border-radius: 0px 0px 10px 10px;
    line-height: 1.55rem;
}

.pieFotoCarrou00{height: auto;}
.pieFotoCarrou01{height: auto;} 
