/* Aplica a transição de opacidade para a imagem */
.opacity img {
    opacity: 1;
    transition: opacity 0.3s ease;
}

/* Aplica a opacidade reduzida quando o item <li> estiver em hover */
.opacity:hover img {
    opacity: 0.7;
}

.input-group:focus-within .form-control {
    border-color: var(--bs-primary);
}

.border-custom {
    border-bottom-left-radius: 8px; /* Borda arredondada inferior esquerda */
    border-bottom-right-radius: 8px; /* Borda arredondada inferior direita */
    border-top-right-radius: 8px; /* Borda arredondada superior direita */
    border-top-left-radius: 0; /* Borda superior esquerda reta */
}

.hover-scale-1 {
    transition: transform 0.3s ease, box-shadow 0.9s ease;
}
.hover-scale-1:hover {
    transform: scale(1.01);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.hover-scale-2 {
    transition: transform 0.3s ease, box-shadow 0.9s ease;
}
.hover-scale-2:hover {
    transform: scale(1.02);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
}

.hover-scale-3 {
    transition: transform 0.3s ease, box-shadow 0.9s ease;
}
.hover-scale-3:hover {
    transform: scale(1.03);
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.14);
}

.hover-scale-4 {
    transition: transform 0.3s ease, box-shadow 0.9s ease;
}
.hover-scale-4:hover {
    transform: scale(1.04);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
}

.hover-scale-5 {
    transition: transform 0.3s ease, box-shadow 0.9s ease;
}
.hover-scale-5:hover {
    transform: scale(1.05);
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.18);
}

.hover-scale-6 {
    transition: transform 0.3s ease, box-shadow 0.9s ease;
}
.hover-scale-6:hover {
    transform: scale(1.06);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.hover-scale-7 {
    transition: transform 0.3s ease, box-shadow 0.9s ease;
}
.hover-scale-7:hover {
    transform: scale(1.07);
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.22);
}

.hover-scale-8 {
    transition: transform 0.3s ease, box-shadow 0.9s ease;
}
.hover-scale-8:hover {
    transform: scale(1.08);
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.24);
}

.hover-scale-9 {
    transition: transform 0.3s ease, box-shadow 0.9s ease;
}
.hover-scale-9:hover {
    transform: scale(1.09);
    box-shadow: 0 0 26px rgba(0, 0, 0, 0.26);
}

.hover-scale-10 {
    transition: transform 0.3s ease, box-shadow 0.9s ease;
}
.hover-scale-10:hover {
    transform: scale(1.1);
    box-shadow: 0 0 28px rgba(0, 0, 0, 0.28);
}

.table-responsive {
    scrollbar-width: auto;
    scrollbar-color: #959a9e #eeeeee70;
}

.table-responsive:hover {
    scrollbar-width: auto;
    scrollbar-color: #6c757d #eeeeee70;
}