/* ============================================
   MODERN ENHANCEMENTS - AtualStudio04
   Mejoras visuales minimas - Sin romper layout
   ============================================ */

/* ===== MEJORAS GENERALES ===== */
html {
    scroll-behavior: smooth;
}

/* Scrollbar personalizado */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #d4a574, #8b6914);
    border-radius: 4px;
}

/* ===== CAJAS LATERALES ===== */
.box {
    transition: box-shadow 0.3s ease;
}

.box:hover {
    box-shadow: 0 0 15px rgba(212, 165, 116, 0.15);
}

/* ===== BOTONES ===== */
a.default, 
span.default, 
input.default {
    transition: all 0.3s ease !important;
}

a.default:hover, 
span.default:hover, 
input.default:hover {
    filter: brightness(1.15);
}

/* ===== RANKINGS ===== */
.indexRank > div {
    transition: all 0.2s ease;
}

.indexRank > div:hover {
    background: rgba(255, 215, 0, 0.05) !important;
}

/* ===== BOTONES ESPECIALES ===== */
a.specialb {
    transition: all 0.3s ease !important;
}

a.specialb:hover {
    filter: brightness(1.1);
}

/* ===== MENÚ ===== */
.menu > a {
    transition: filter 0.2s ease !important;
}

.menu > a:hover {
    filter: brightness(1.2) !important;
}

/* ===== IDIOMAS ===== */
.langs a {
    transition: transform 0.2s ease !important;
}

.langs a:hover {
    transform: scale(1.05);
}

/* ===== TABLAS ===== */
table.tabrank tr:hover td,
table.default tr:hover td {
    background: rgba(255, 215, 0, 0.05) !important;
}

/* ===== DISCORD ===== */
.box .con.support img {
    transition: all 0.3s ease !important;
}

.box .con.support img:hover {
    opacity: 0.85 !important;
}

/* ===== GALERÍA ===== */
.fullGallery a:hover,
.gallery_box > div > a:hover {
    opacity: 0.9;
}