:root{
    --ancho-foto-visualizer:100vw;
}
.IMGP-producto{
    position: relative;
    display: none;
    align-items: center;
}
@media (max-width:1080px){
    .IMGP-producto{
        display: flex !important;
        position: relative !important;
        justify-content: center;
    }
    .contenedor_foto_producto{
        width: var(--ancho-foto-visualizer);
    }
}
.IMGP-visualizer{
    width: var(--ancho-foto-visualizer);
    display: flex;
    justify-content: left;
    align-items: center;
    overflow-x: hidden;
    scrollbar-width: none;
    overflow-x: auto;
    scroll-snap-type: x mandatory;       /* activa el snap por CSS */
    -webkit-overflow-scrolling: touch;
}
.IMGP-visualizer::-webkit-scrollbar {
  display: none;
}
.IMGP-imagenes-producto{
    background-color: #F6F6F6;
    display: flex;
    align-items: center;
}
.IMGP-img1, .IMGP-img2, .IMGP-img3{
    display: flex;
    width: var(--ancho-foto-visualizer);
    aspect-ratio: 3/4;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.IMGP-imagen-producto-miniscroll{
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.IMGP-row{
    position: absolute;
    width: 32px;
    height: 32px;
    color:white;
    font-weight: 900;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    user-select: none;
    font-size: 23px;
    scale: .9 1.6;
}
.IMGP-row-right{
    right: 10px;
}
.IMGP-row-left{
    left: 10px;
}
.IMGP-circulos-fotos {
  position: absolute;
  bottom: 17px;
  display: flex;
  flex-direction: row;
  gap: 6px;
  z-index: 1111111;
}
.IMGP-circulo {
    width: 5px;
    height: 5px;
    border-radius: 999px;
    border: 1px solid white;
    background: rgba(0,0,0,0.06);
    transition: all .15s ease;
}
.IMGP-circulo-selected{
    background-color: white;
}