/* =========================
   GLOBAL MODERNIZADO - DEVILMU (INFERNAL ARCANO)
   ========================= */

/* ===== BASE BODY & LINKS ===== */
body {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 11px;
    color: #E5E7EB;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
    background: url("back.gif") fixed center;
    padding: 5px 0;
}

p { margin:0; padding:0; display:inline; }

a {
    color: #818cf8;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
    transition: all 0.3s ease;
}

a:hover {
    color: #f87171;
    text-shadow: 0 0 5px #dc2626;
}

/* ===== MENÚ SUPERIOR ===== */
.top_menu {
    list-style: none;
    margin: 0;
    padding: 3px 0;
    text-align: center;
}

.top_menu li {
    display: inline-block;
    margin: 0 3px;
}

.top_menu a {
    color: #818cf8;
    border: 1px solid #000;
    padding: 2px 12px;
    background: linear-gradient(to bottom, #2a2a2a, #0f0f0f);
    border-radius: 4px;
    transition: all 0.3s ease;
}

.top_menu a:hover {
    background: linear-gradient(to bottom, #3a3a3a, #1a1a1a);
    color: #f87171;
}

/* ===== MENÚS VERTICALES ===== */
.menu a {
    color: #818cf8;
    display: block;
    padding: 2px 4px;
    margin-bottom: 1px;
    border: 1px solid #000;
    background: linear-gradient(to bottom, #1a1a1a, #0f0f0f);
    transition: all 0.3s ease;
}

.menu a:hover {
    color: #f87171;
    background: linear-gradient(to bottom, #2f2f2f, #1a1a1a);
}

.menu select {
    color: #818cf8;
    width: 105%;
    font-size: 11px;
    background: linear-gradient(to bottom, #1a1a1a, #0f0f0f);
    border: 1px solid #000;
}

.menu select:focus {
    color: #f87171;
    background: linear-gradient(to bottom, #2f2f2f, #1a1a1a);
}

/* ===== BOTONES ===== */
.buttons {
    color: #818cf8;
    font: 11px Verdana;
    border: 1px solid #000;
    padding: 2px 6px;
    background: linear-gradient(to bottom, #2a2a2a, #0f0f0f);
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.buttons:hover {
    background: linear-gradient(to bottom, #3a3a3a, #1a1a1a);
    color: #f87171;
    box-shadow: 0 0 6px #7f1d1d;
}

/* ===== TABLAS ===== */
.bar1 {
    border: 1px solid #000;
    font-weight: bold;
    font-size: 11px;
    color: #9CA3AF;
    background: linear-gradient(to bottom, #0f0f0f, #1f1f1f);
}

/* ?? TITULOS DEVIL */
.title {
    color: #fee2e2;
    background: linear-gradient(to right, #2b0a0a, #7f1d1d, #dc2626);
    padding-left: 10px;
    height: 25px;
    text-shadow: 0 0 6px #7f1d1d;
}

.title2 {
    color: #9CA3AF;
    background: linear-gradient(to bottom, #1a1a1a, #0f0f0f);
}

/* ===== STATUS ===== */
.status_left {
    color: #E5E7EB;
    background: linear-gradient(to bottom, #1a1a1a, #0f0f0f);
    border: 1px solid #000;
}

.status_right {
    color: #818cf8;
    background: linear-gradient(to bottom, #0f0f0f, #1a1a1a);
    border: 1px solid #000;
    text-align: right;
}

/* ===== TABLAS SECUNDARIAS ===== */
.tables_top td {
    color: #9CA3AF;
    background: linear-gradient(to bottom, #2a2a2a, #0f0f0f);
}

.tables_bottom td {
    color: #E5E7EB;
    background: linear-gradient(to bottom, #0f0f0f, #1a1a1a);
}

.tables_bottom:hover td {
    background: #1c1c1c !important;
}

/* ===== TOP RANKING (SE MANTIENE) ===== */
.top1 {
    color: #FFD700 !important;
    font-weight: bold;
    text-shadow: 0 0 8px #FFD700, 0 0 15px #ffcc00;
}

.top2 {
    color: #C0C0C0 !important;
    font-weight: bold;
    text-shadow: 0 0 3px #C0C0C0;
}

.top3 {
    color: #cd7f32 !important;
    font-weight: bold;
    text-shadow: 0 0 3px #cd7f32;
}

/* ===== FORMULARIOS ===== */
.field,
.input,
.textarea,
.select {
    color: #818cf8;
    background: linear-gradient(to bottom, #0f0f0f, #1a1a1a);
    border: 1px solid #050505;
}

.field:focus,
.input:focus,
.textarea:focus,
.select:focus {
    background: linear-gradient(to bottom, #1f1f1f, #2a2a2a);
    color: #f87171;
}

/* ===== NEWS ===== */
.title_news {
    color: #f87171;
    background: linear-gradient(to bottom, #2a2a2a, #0f0f0f);
}

.news-head,
.news-head2 {
    font-size: 10px;
    color: #f0f3f7;
    padding: 3px 5px;
    border: 1px solid #000;
}

.news-rest,
.news-rest2 {
    font-size: 10px;
    color: #818cf8;
    padding: 2px 5px;
    border: 1px solid #000;
    background: linear-gradient(to bottom, #0f0f0f, #1a1a1a);
}

/* ===== STATS ===== */
.statistics {
    color: #E5E7EB;
    border: 1px solid #050505;
}

/* ===== SERVER STATUS ===== */
.server_status { font-size: 9px; }

/* ===== MENSAJES ===== */
.error { color: #ef4444; }
.success { color: #22c55e; }