/* =========================
   GLOBAL MODERNIZADO - VERDE CLARO
   ========================= */

/* ===== BASE BODY & LINKS ===== */
body {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    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: #6ee7b7;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
    transition: color 0.3s ease;
}

a:hover { color: #a7f3d0; }

/* ===== MENÚ SUPERIOR HORIZONTAL ===== */
.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,
.top_menu a:link,
.top_menu a:visited,
.top_menu a:active {
    color: #6ee7b7;
    text-decoration: none;
    border: 1px solid #000;
    padding: 2px 12px;
    font-size: 11px;
    background: linear-gradient(to bottom, #333, #111);
    border-radius: 4px;
    transition: all 0.3s ease;
}

.top_menu a:hover {
    background: linear-gradient(to bottom, #444, #222);
    color: #a7f3d0;
}

/* ===== MENÚS VERTICALES ===== */
.menu a {
    color: #6ee7b7;
    display: block;
    padding: 1px 3px 2px 4px;
    margin-bottom: 1px;
    border-radius: 0px;
    border: 1px solid #000;
    font-size: 11px;
    background: linear-gradient(to bottom, #222, #111);
    transition: all 0.3s ease;
}

.menu a:hover {
    color: #a7f3d0;
    background: linear-gradient(to bottom, #444, #222);
}

.menu select {
    display: block;
    border-radius: 0px;
    color: #6ee7b7;
    width: 105%;
    padding: 0px;
    font-size: 11px;
    background: linear-gradient(to bottom, #222, #111);
    border: 1px solid #000;
    transition: all 0.3s ease;
}

.menu select:focus {
    color: #a7f3d0;
    background: linear-gradient(to bottom, #444, #222);
    outline: none;
}

/* ===== BOTONES ===== */
.buttons {
    color: #6ee7b7;
    font: 11px Verdana, Tahoma, sans-serif;
    font-variant: small-caps;
    border: 1px solid #000;
    padding: 1px 6px 2px;
    background: linear-gradient(to bottom, #333, #111);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.buttons:active,
.buttons:focus,
.buttons:hover {
    background: linear-gradient(to bottom, #444, #222);
    color: #a7f3d0;
    outline: none;
}

/* ===== TABLAS DE INFORMACIÓN ===== */
.bar1 {
    border: 1px solid #000;
    border-radius: 0px;
    overflow: hidden;
    font-weight: bold;
    font-size: 11px;
    color: #909090;
    background: linear-gradient(to bottom, #111, #222);
}

.title, .title2 {
    border-bottom: 1px solid #000;
    padding: 0px 0px 1px 10px;
    font-weight: bold;
    height: 25px;
    font-size: 11px;
}

.title {
    color: #d1fae5;
    background: linear-gradient(to right, #065f46, #10b981);
}

.title2 {
    color: #909090;
    background: linear-gradient(to bottom, #222, #111);
    cursor: default;
}

.status {
    border-collapse: collapse;
    width: 100%;
}

.status_left {
    padding: 1px 5px;
    color: #ffffff;
    background: linear-gradient(to bottom, #222, #111);
    border: 1px solid #000;
    font-size: 11px;
}

.status_right {
    padding: 1px 5px;
    color: #6ee7b7;
    background: linear-gradient(to bottom, #111, #222);
    border: 1px solid #000;
    text-align: right;
    font-size: 11px;
}

.status_space {
    height: 12px;
    background: linear-gradient(to bottom, #333, #222);
}

/* ===== TABLAS SECUNDARIAS ===== */
.tables {
    border-collapse: collapse;
    border: 1px solid #000;
    text-align: center;
    font-size: 11px;
}

.tables_top td {
    border: 1px solid #000;
    padding: 2px;
    font-weight: bold;
    color: #999999;
    background: linear-gradient(to bottom, #333, #111);
    text-shadow: 0 0 4px #000;
    font-size: 11px;
}

.tables_bottom td {
    border: 1px solid #000;
    padding: 1px 1px 2px 1px;
    color: #fff;
    background: linear-gradient(to bottom, #111, #222);
    transition: background 0.3s ease;
    font-size: 11px;
}

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

/* ===== RANKING ELITE ===== */
.top1 { color: #FFD700 !important; font-weight: bold; text-shadow: 0 0 5px #FFD700; font-size: 11px; }
.top2 { color: #C0C0C0 !important; font-weight: bold; text-shadow: 0 0 3px #C0C0C0; font-size: 11px; }
.top3 { color: #cd7f32 !important; font-weight: bold; text-shadow: 0 0 3px #cd7f32; font-size: 11px; }

/* ===== FORMULARIOS ===== */
.field,
.field2,
.input,
.textarea,
.select {
    color: #6ee7b7;
    font: 11px Verdana, Tahoma, sans-serif;
    font-variant: small-caps;
    padding: 2px 3px 2px 3px;
    margin-right: 13px;
    border-radius: 0px;
    transition: all 0.3s ease;
    background: linear-gradient(to bottom, #111, #222);
    border: 1px solid #050505;
}

.field:focus,
.field2:focus,
.input:focus,
.textarea:focus,
.select:focus {
    background: linear-gradient(to bottom, #222, #444);
    color: #a7f3d0;
    outline: none;
}

/* ===== NEWS ===== */
.title_news {
    padding-left: 5px;
    color: #34d399;
    border: 1px solid #050505;
    height: 21px;
    border-radius: 0px;
    background: linear-gradient(to bottom, #333, #111);
    font-size: 11px;
}

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

.news-head { text-align: left; }
.news-head2 { text-align: center; }

.news-rest,
.news-rest2 {
    font-size: 10px;
    color: #6ee7b7;
    padding: 2px 5px;
    margin: 2px 0;
    border: 1px solid #000;
    border-radius: 0px;
    background: linear-gradient(to bottom, #111, #222);
}

/* ===== ESTADÍSTICAS ===== */
.statistics {
    font-size: 10px;
    color: #f0f3f7;
    text-align: left;
    border: 1px solid #050505;
    padding: 1px 1px 0 1px;
    border-radius: 0px;
}

.statistics table { width: 100%; border-collapse: collapse; }

.statistics th { font-size: 11px; }
.statistics td { font-size: 11px; }

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

/* ===== MENSAJES ===== */
.error,
.success { font-size: 11px; }