* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    text-decoration: none;
}
label {
    margin-top: 0.5rem;
    margin-bottom: 0.1rem;
}

.bg-gray {
    background-color: #f8f9fa;
}

/* Pagination custom styles */
:root {
    --pagination-bg: #ffffff;         /* background of page links */
    --pagination-border: #e6e6e6;     /* border color */
    --pagination-color: #343a40;      /* text color */
    --pagination-accent: #ff9400;     /* active / primary color */
    --pagination-hover: #ffe8cc;      /* hover background */
}

.pagination {
    margin: 1rem 0;
}

.pagination .page-link {
    background: var(--pagination-bg);
    color: var(--pagination-color);
    border: 1px solid var(--pagination-border);
    padding: 0.2rem 0.5rem; /* smaller buttons */
    min-width: 34px;
    font-size: 0.80rem;
    text-align: center;
    border-radius: 0.25rem;
    transition: all .12s ease-in-out;
    box-shadow: none;
}

.pagination .page-item:not(.active) .page-link:hover {
    background: var(--pagination-hover);
    color: var(--pagination-color);
    transform: translateY(-2px);
    border-color: var(--pagination-accent);
}

.pagination .page-item.active .page-link {
    background: var(--pagination-accent);
    color: #fff;
    border-color: var(--pagination-accent);
}

.pagination .page-link:focus {
    box-shadow: 0 0 0 0.15rem rgba(255,148,0,0.18);
}

.pagination .page-item.disabled .page-link {
    opacity: 0.55;
    pointer-events: none;
}

/* Small pagination (useful in compact UIs) */
.pagination.pagination-sm .page-link {
    padding: 0.2rem 0.5rem;
    min-width: 32px;
}

/* Larger pagination */
.pagination.pagination-lg .page-link {
    padding: 0.6rem 1rem;
    min-width: 48px;
    font-weight: 600;
}

/* Responsive tweaks */
@media (max-width: 576px) {
    .pagination .page-link {
        padding: 0.2rem 0.45rem;
        min-width: 34px;
    }
}

.by-tecledev{color: #aeb1f1 !important;}
.by-tecledev:hover{color: #f0bc74 !important; zoom: 1;}


/* btn-default — compatível com Bootstrap 5 (.btn.btn-default) */
.btn-default {
    --bs-btn-color: #343a40;
    --bs-btn-bg: #dfe5eb;
    --bs-btn-border-color: #dee2e6;
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: #e2e6ea;
    --bs-btn-hover-border-color: #b9bfc5;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #212529;
    --bs-btn-active-bg: #d3d9df;
    --bs-btn-active-border-color: #adb5bd;
    --bs-btn-active-shadow: inset 0 2px 4px rgba(0,0,0,.08);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #dee2e6;

    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color);
    transition: all .12s ease-in-out;
}
.btn-default:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}
.btn-default:focus-visible,
.btn-default.focus {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .25);
}
.btn-default:active,
.btn-default.active,
.show > .btn-default.dropdown-toggle {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
    box-shadow: var(--bs-btn-active-shadow);
    transform: none;
}
.btn-default:disabled,
.btn-default.disabled {
    color: var(--bs-btn-disabled-color);
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: 0.65;
    transform: none;
}

/* btn-outline-default — compatível com Bootstrap 5 (.btn.btn-outline-default) */
.btn-outline-default {
    --bs-btn-color: #343a40;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: #adb5bd;
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: #e2e6ea;
    --bs-btn-hover-border-color: #b9bfc5;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #212529;
    --bs-btn-active-bg: #d3d9df;
    --bs-btn-active-border-color: #adb5bd;
    --bs-btn-active-shadow: inset 0 2px 4px rgba(0,0,0,.08);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #adb5bd;

    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color);
    transition: all .12s ease-in-out;
}
.btn-outline-default:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    transform: translateY(-2px);
}
.btn-outline-default:focus-visible,
.btn-outline-default.focus {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .25);
}
.btn-outline-default:active,
.btn-outline-default.active,
.show > .btn-outline-default.dropdown-toggle {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
    box-shadow: var(--bs-btn-active-shadow);
    transform: none;
}
.btn-outline-default:disabled,
.btn-outline-default.disabled {
    color: var(--bs-btn-disabled-color);
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: 0.65;
    transform: none;
}