@keyframes show-toast{
    0% {top: -100%}
    20% {top: 100px}
    80% {top: 100px}
    100% {top: -100%}
}

.show-notification{
    position: fixed;
    top: 100%;
    right: 20px;
    animation-name: show-toast;
    animation-duration: 5s;
}

.distancia_1 {
    font-size: 8px;
}
.hover-product:hover {
  background-color: RGBA(239,220,217,0.5);
  rotate: 1.2deg;
}
.hover-product {
    transition: all 0.7s ease-in-out;

}
.boton-new {
    width: 80%;
    height: 35px;
    background-color:#686B59;
    font-size: 12px;
    color:#FFFFFF;
    font-weight: bold;
}
.boton-new:hover {
    background-color:#989a8e;
}
.imagen-1{
    height: 250px;
    width: 250px;
}
.flecha-carousel {
    height:50px;
    width:40px;
    margin-top:130px;
}
/*CAMBIO DE TAMAÑO EN ITEMS DE CARRITO*/
@media screen and (max-width:700px){
    .cambiofuente, .badge {font-size: 8px;}
    #carta1 {width: 140px; height:140px;}
    .imagen-1 {width:140px;height:140px;}
    .boton-new {
        font-size: 9px;
    }
    .hover-product {width:180px;}
    .prodID{font-size:12px;}
    .precio{font-size:12px;}
    .flecha-carousel{margin-top:100px;}

}

/*COLOR DE MENSAJE DE ERROR*/
ul .errorlist {
    background-color:red;
}