/* para que aparezca las miniaturas solo en pantallas md */
@media screen and (min-width: 768px){
    .carousel-indicators img{
        width : 60px;
        height: 60px;
        display: block;
        margin: 2px;
    }
    
    .carousel-indicators button{
        width : max-content!important;
    }
    
    .carousel-indicators{
        bottom: -40px;
    }
    
    .carousel-indicators button.active img{
        border: 1px solid red;
    }
}


.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230000ff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300ff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.img-contenedor img {
    -webkit-transition:all .9s; /* Safari y Chrome */
    -moz-transition:all .9s; /* Firefox */
    -o-transition:all .9s; /* IE 9 */
    -ms-transition:all .9s; /* Opera */
}

.img-contenedor:hover img {
    -webkit-transform:scale(1.15);
    -moz-transform:scale(1.15);
    -ms-transform:scale(1.15);
    -o-transform:scale(1.15);
    transform:scale(1.15);
    opacity:1;
}

.img-contenedor {/*Ancho y altura son modificables al requerimiento de cada uno*/
    display:block;
    margin:auto;
    position: relative;
}

.img-contenedor:after {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}