/* --- TABLAS (Limpieza de bordes) --- */
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: none !important;
}

/* --- LINKS (Inherit para no romper colores dorados) --- */
a:focus, a:hover {
    color: inherit !important;
    text-decoration: none !important;
}

/* --- INPUTS (Estilo Dark MuSyphid) --- */
.form-control {
    background: #141414 !important; /* Fondo oscuro */
    border: 1px solid #333 !important;
    color: #fff !important;
}
.form-control:focus {
    border: 1px solid #d4af37 !important; /* Brillo dorado al clickear */
}

/* --- HELPERS --- */
.nopadding { padding: 0 !important; margin: 0 !important; }
.vcenter { display: inline-block; vertical-align: middle; float: none; }

/* --- THUMBNAILS --- */
.thumbnail {
    background-color: #0a0a0a;
    border: 1px solid #d4af37;
}

/* --- BOTONES PRIMARIOS (Azul original corregido a Dark) --- */
.btn-primary {
    color: #fff;
    background-color: #0a1a0a;
    border-color: #d4af37;
    transition: all .1s ease-in;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    color: #000 !important;
    background-color: #d4af37 !important;
    border-color: #fff !important;
}

/* --- BOTONES AMARILLOS/DORADOS (Upgrade para MuSyphid) --- */
.btn-yellow {
    color: #000;
    background-color: #d4af37;
    border-color: #b8952e;
    font-weight: bold;
    transition: all .1s ease-in;
}
.btn-yellow:active, .btn-yellow:focus, .btn-yellow:hover {
    color: #000 !important;
    background-color: #f1c40f !important;
    border-color: #d4af37 !important;
}

/* --- BOTONES DANGER --- */
.btn-danger {
    background: #4a0000 !important;
    border: 1px solid #ff0000 !important;
    color: #ffffff !important;
}

/* ===================================================
   CORRECCIÓN DE LOGO RESPONSIVE (MuSyphid)
   =================================================== */
@media (max-width: 991px) {
    /* Atacamos al logo en el header para que se centre en móviles */
    #ms-logo-fixed, 
    #header a img, 
    .logo, 
    [id*="logo"] img {
        position: relative !important; 
        top: 0 !important; 
        left: 0 !important; 
        display: block !important;
        margin: 10px auto 20px auto !important; /* Centrado con espacio inferior */
        width: 160px !important; /* Tamaño ideal para móvil */
        height: auto !important;
        z-index: 10000 !important;
    }
}