.pagination-wrapper {
                padding-top: 30px;
                display: flex;
                justify-content: center;
                padding-top: 50px;
                gap: 15px;
            }

            .pagination-wrapper ul {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(40px, 1fr));
                gap: 10px;
                list-style: none;
                padding: 0;
                margin: 0;
            }

            .pagination-wrapper li {
                text-align: center;
            }

            .pagination-wrapper a,
            .pagination-wrapper span {
                display: flex;
                text-align: center;
                width: auto;
                height: auto;
                padding: 3px 10px 3px 10px;
                border: 1px solid #ccc;
                border-radius: 6px;
                text-decoration: none;
                font-weight: bold;
                color: #333;
            }

            /* Página actual */
            .pagination-wrapper .current {
                background-color: #2271b1;
                color: #fff;
                border-color: #2271b1;
                
            }
            
            /* Hover */
            .pagination-wrapper a:hover {
                background-color: #eee;
            }