@charset "utf-8";
/* CSS Document */

/* Estilo base del contenedor */
.paginacion {
    text-align: center;
    margin: 30px 0;
    font-family: Arial, sans-serif;
}

/* Estilo de los enlaces */
.paginacion a {
    display: inline-block;
    margin: 0 5px;
    padding: 8px 14px;
    color: #da6601;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
    font-size: 14px;
}

/* Hover sobre los enlaces */
.paginacion a:hover {
    background-color: #da6601;
    color: #fff;
    border-color: #9a3000;
}

/* Página actual */
.paginacion .actual {
    display: inline-block;
    margin: 0 5px;
    padding: 8px 14px;
    background-color: #da6601;
    color: #fff;
    border-radius: 4px;
    font-weight: bold;
    border: 1px solid #9a3000;
    font-size: 14px;
}

/* Adaptación a móviles */
@media (max-width: 480px) {
    .paginacion a,
    .paginacion .actual {
        padding: 6px 10px;
        font-size: 12px;
        margin: 0 3px;
    }
}

.paginacion span {
    display: inline-block;
    margin: 0 5px;
    padding: 8px 14px;
    font-size: 14px;
    color: #666;
}

.paginacion span.actual {
    background-color: #da6601;
    color: #fff;
    border-radius: 4px;
    font-weight: bold;
    border: 1px solid #9a3000;
}

.paginacion span:not(.actual) {
    border: none;
}