.paginador{
    display: flex;
    gap: 5px;
    justify-content: center;
    margin-top:40px;
}
.numeros{
    display: flex;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    color: var(--gris-1);
}
img.arrow_left {
    rotate: 90Deg;
    max-width: 15px;
}
img.arrow_right {
    rotate: -90Deg;
    max-width: 15px;
}

.numeros a.numero{
    padding: 0px 5px;
}
a.arrow {
    display: flex;
    align-items: center;
    width: 24px;
    height: 24px;
    justify-content: center;
    filter: brightness(0) saturate(100%) invert(45%) sepia(0%) saturate(0%) hue-rotate(139deg) brightness(92%) contrast(91%);
}
a.arrow:hover{
    filter: brightness(0) saturate(100%) invert(34%) sepia(55%) saturate(6854%) hue-rotate(350deg) brightness(96%) contrast(99%);    
}
a.arrow.disabled:hover{
    filter: brightness(0) saturate(100%) invert(45%) sepia(0%) saturate(0%) hue-rotate(139deg) brightness(92%) contrast(91%);
}

.numeros a.numero:hover, .numeros a.numero.active{
    color: var(--rojo-1);
}


@media screen and (min-width: 1400px) and (max-width: 1760px) {
}	

@media screen and (min-width: 701px) and (max-width: 1399px) {	
}

@media screen and (min-width: 60px) and (max-width: 700px) {
}