.pagination .page-item .page-link {
    color: white;
    border: 1px solid #ddd;
    padding: 6px 12px; /* Reducido (antes: 12px 20px) */
    text-align: center;
    border-radius: 25px; /* Reducido (antes: 30px) */
    margin: 0 3px; /* Espaciado más ajustado */
    font-size: 14px; /* Tamaño de fuente pequeño (ya lo tenías) */
}

ul.pagination.conte{
    display: flex;
    justify-content: end;
    align-items: end;
}

/* Aplica border-radius consistente a todos los botones */
#page-2 .page-link,
#page-3 .page-link,
#page-4 .page-link,
#page-active .page-link,
.pagination .page-item .active a.page-link,
#previous .page-link, 
#next .page-link,
#first .page-link,
#last .page-link {
    border-radius: 25px;
}

/* Color de los botones numerados */
#page-2 .page-link,
#page-3 .page-link,
#page-4 .page-link {
    background-color: transparent;
    color: #3773c7;
    border: 1px solid transparent;
}

/* Botón activo */
#page-active .page-link,
.pagination .page-item .active a.page-link {
    background-color: transparent !important;
    color: #3773c7;
    border: 1px solid #3773c7;
}

/* Botones "Anterior" y "Siguiente" */
#previous .page-link, 
#next .page-link {
    background-color: transparent;
    border: 1px solid #3773c7;
    color: #3773c7;
}

/* Botones "Primera" y "Última" página */
#first .page-link,
#last .page-link {
    background-color: transparent;
    border: 1px solid #3773c7;
    color: #3773c7;
}

@media (max-width: 768px) {
    ul.pagination.conte{
    display: flex;
    justify-content: center;
    align-items: center;
}
}