/*!
    
 =========================================================
 * WebEngine CMS
 * https://webenginecms.org/
 =========================================================
 
 * Author Lautaro Angelico (https://lautaroangelico.com/)
 * Copyright (c) 2013-2020 Lautaro Angelico, All Rights Reserved
 
 * Licensed under the MIT license
 * http://opensource.org/licenses/MIT
 
 =========================================================
 
*/
.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;
}

a:focus, a:hover {
    color: inherit !important;
    text-decoration: none !important;
}

.form-control {
	background: #fafafa;
	border: 1px solid #e3e3e3;
	color: #666;
}
.form-control:focus {
	border: 1px solid #ccc;
}

/* http://stackoverflow.com/questions/19562903/remove-padding-from-columns-in-bootstrap-3 */
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

/* http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3 */
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.thumbnail {
    background-color: #f1f1f1;
    border: 1px solid #e3e3e3;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #ff0000;
}

/* =======================================================
   REEMPLAZO TOTAL DE COLORES CELESTES A NEGRO Y FUEGO MÍSTICO
   ======================================================= */

/* 1. BARRA SUPERIOR DE ANUNCIOS Y CAJA DE INGRESAR DERECHA (ESTILO FUEGO) */
.mu-marquee,
.mu-track,
.mu-shine,
.global-top-bar,
.card,
.panel,
.card-header,
[class*="login"] {
    background-image: linear-gradient(to right, #2a080c, #601015, #902010, #601015, #2a080c) !important;
    background-color: #601015 !important;
    border: 2px solid #ff3300 !important;
    border-color: #ff3300 !important;
    box-shadow: 0 0 15px rgba(255, 51, 0, 0.4) !important;
}

/* 2. MENÚ DE NAVEGACIÓN Y BORDE CELESTE DE LA IZQUIERDA -> NEGRO CRISTAL */
.navbar,
.navbar-nav,
nav,
.bg-info,
[class*="bg-info"],
.right-sidebar,
[class*="sidebar"],
div[style*="13, 202, 240"],
div[style*="0dcaf0"] {
    background-image: none !important;
    background-color: rgba(15, 15, 15, 0.95) !important;
    background: rgba(15, 15, 15, 0.95) !important;
    border: 2px solid #252525 !important;
    border-color: #252525 !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.7) !important;
}

/* REGLA DE PROTECCIÓN: Mantiene la barra de noticias de arriba en fuego */
.mu-marquee, .mu-track, .mu-shine, .global-top-bar {
    background-image: linear-gradient(to right, #2a080c, #601015, #902010, #601015, #2a080c) !important;
    border-bottom: 2px solid #ff3300 !important;
}

/* 3. BOTONES DE SOPORTE DIRECTO Y COMPRAR VIP */
.right-sidebar a,
.right-sidebar button,
.btn-primary, 
[class*="btn"], 
#btn,
div[style*="0dcaf0"] a,
.nav-link {
    background-color: rgba(0, 0, 0, 0.7) !important;
    background: rgba(0, 0, 0, 0.7) !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
}

  /* Forzar que las letras de los anuncios de arriba se mantengan blancas legibles con relieve negro profundo */
    .bg-info *,
    [class*="bg-info"] *,
    marquee,
    marquee * {
        color: #ffffff !important;
        font-family: 'Arial Black', Arial, Helvetica, sans-serif !important;
        font-weight: 900 !important;
        text-transform: uppercase !important;
        text-shadow: 2px 2px 2px #000000, -1.5px -1.5px 0 #000000, 1.5px -1.5px 0 #000000, -1.5px 1.5px 0 #000000, 1.5px 1.5px 0 #000000 !important;
    }

/* 5. TEXTOS EN ALTA DEFINICIÓN BLANCOS CON DELINEADO NEGRO PROFUNDO */
.nav-link, 
.navbar-nav a, 
.btn-primary, 
#btn,
.mu-text,
.mu-marquee *,
.card-header h3,
.content p,
.content div,
.right-sidebar a,
.navbar-nav .nav-item a {
    color: #ffffff !important;
    font-family: 'Arial Black', Arial, Helvetica, sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    text-shadow: 2px 2px 3px #000000, -1.5px -1.5px 0 #000000, 1.5px -1.5px 0 #000000, -1.5px 1.5px 0 #000000, 1.5px 1.5px 0 #000000 !important;
    transition: all 0.3s ease-in-out !important;
}

/* 6. BOTONES CHICOS DE LOGIN (INICIAR SESIÓN Y RECUPERAR CLAVE) */
.card input[type="submit"], 
.card button, 
.btn-block,
[class*="login"] button,
[class*="login"] a,
.form-group a {
    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
    font-size: 12px !important;
    text-shadow: 1.5px 1.5px 0 #000000, -1.5px -1.5px 0 #000000, 1.5px -1.5px 0 #000000, -1.5px 1.5px 0 #000000 !important;
    background-color: rgba(0, 0, 0, 0.75) !important;
    border: 1px solid #ffffff !important;
    padding: 5px 10px !important;
    display: inline-block !important;
    width: auto !important;
    float: none !important;
}

/* 7. HOVER INTERACTIVO (BRILLO DORADO AL PASAR EL MOUSE) */
.nav-link:hover, 
.btn-primary:hover, 
button:hover,
input[type="submit"]:hover,
.right-sidebar a:hover {
    transform: scale(1.03) !important;
    color: #ffcc00 !important;
    text-shadow: 2px 2px 3px #000000, -1.5px -1.5px 0 #000000, 1.5px -1.5px 0 #000000, -1.5px 1.5px 0 #000000, 1.5px 1.5px 0 #000000 !important;
}