/* ==========================================================================
   LUX TRADING ECOSYSTEM - GLOBAL STYLESHEET (FIXED & POLISHED v2)
   Refined Gold, Dark Theme & Responsive Desktop Layouts
   ========================================================================== */

/* ==== RESET & VARIABLES ==== */
/* ==== RESET & VARIABLES ==== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --bg-main: #070709;
    --bg-card: #121216;
    --bg-card-hover: #18181d;
    --bg-input: #1b1b21;
    --border-gold: rgba(212, 175, 55, 0.3);
    --border-color: rgba(212, 175, 55, 0.2);
    --gold-primary: #d4af37;
    --gold-light: #f3e5ab;
    --gold-dark: #aa8c2c;
    --text-main: #f4f4f5; 
    --text-muted: #d4d4d8; 
    --neon-green: #34d399;
    --success: #34d399;
    --danger: #f87171;
    --warning: #fbbf24;
    --error-red: #f87171;
    --radius: 16px;
}

/* ==== TIPOGRAFÍA PROFESIONAL Y TAMAÑO BASE ==== */
body, p, span, a, label, input, button, textarea {
    font-family: 'Space Grotesk', 'Segoe UI', sans-serif !important;
    font-size: 17px !important; /* <--- Tamaño base mejorado y más legible */
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    letter-spacing: 0.3px !important;
}

/* ==== JERARQUÍA Y TAMAÑOS DE TÍTULOS (BIEN DIFERENCIADOS) ==== */
h1 {
    font-size: 2.8rem !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

h2 {
    font-size: 2.2rem !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
}

h3 {
    font-size: 1.7rem !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

h4, h5, h6 {
    font-size: 1.3rem !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

/* Aire para párrafos y enlaces */
p, span, li, a {
    line-height: 1.6 !important;
}

/* ==== BODY ==== */
body {
    background: linear-gradient(to bottom right, rgba(10, 10, 236, 0.553), rgba(101, 101, 156, 0.95)),
                url('https://i.pinimg.com/736x/7d/ee/8b/7dee8b7b71207057d6182edbf39670de.jpg') no-repeat center center fixed;
    background-size: cover;
    color: var(--text-main);
    margin: 0;
    padding-top: 90px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow-x: hidden;
}

body::before {
    content: "";
    position: fixed;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background: rgba(57, 57, 80, 0.574);
    z-index: -1;
}



/* ==== NAVBAR ==== */
.navbar {
    background: rgba(10, 10, 13, 0.96);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7);
    border-bottom: 1px solid var(--border-gold);
    padding: 0.7rem 2rem;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    transition: all 0.3s ease;
}

.navbar-brand {
    color: #ffffff !important;
    font-weight: 900;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 50px;
}

.navbar-brand::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 58px;
    height: 58px;
    background-image: url('/static/assets/images/luxdorado.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 8px;
    border: 1px solid var(--border-gold);
}

.navbar-collapse {
    justify-content: center;
}

.navbar .nav-link {
    color: var(--text-main) !important;
    font-weight: 600;
    font-size: 0.95rem;
    margin: 0 8px;
    padding: 6px 14px;
    border-radius: 8px;
    position: relative;
    transition: all 0.3s ease;
}

.navbar .nav-link::after {
    content: '';
    display: block;
    height: 2px;
    width: 0;
    background: var(--gold-primary);
    transition: width 0.3s ease;
    position: absolute;
    bottom: 0;
    left: 14px;
}

.navbar .nav-link:hover,
.navbar .nav-link.active {
    color: var(--gold-primary) !important;
}

.navbar .nav-link:hover::after,
.navbar .nav-link.active::after {
    width: calc(100% - 28px);
}

.navbar .btn-outline-light {
    border-radius: 8px;
    border: 1px solid var(--border-gold);
    color: var(--gold-primary);
    background: rgba(212, 175, 55, 0.05);
    font-weight: 600;
    font-size: 0.9rem;
    padding: 6px 16px;
    transition: all 0.3s;
}

.navbar .btn-outline-light:hover {
    background: var(--gold-primary);
    color: #070709;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.4);
    transform: translateY(-1px);
}

.navbar-toggler {
    border: none;
    outline: none;
    color: #fff;
}



/* ==== HEADINGS & TEXT (PROFESIONAL & CON SOMBRA) ==== */
h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.25;
    transition: color 0.3s ease;
    /* Sombreado sutil para resaltar sobre fondo negro sin perder nitidez */
    text-shadow: 0 2px 12px rgba(255, 255, 255, 0.15), 0 0 25px rgba(212, 175, 55, 0.1);
}

/* Escala descendente de color y tamaño según la jerarquía */
h1 { 
    font-size: 2.5rem; 
    color: #ffffff; 
    text-shadow: 0 3px 20px rgba(255, 255, 255, 0.25), 0 0 35px rgba(212, 175, 55, 0.2);
}

h2 { 
    font-size: 2rem; 
    color: #f3f3f6; 
}

h3 { 
    font-size: 1.6rem; 
    color: #e2e2e9; 
}

h4 { 
    font-size: 1.3rem; 
    color: #d0d0dc; 
}

h5 { 
    font-size: 1.15rem; 
    color: var(--gold-primary, #d4af37); /* Destello dorado para subtítulos */
    text-shadow: 0 2px 10px rgba(212, 175, 55, 0.3);
}

h6 { 
    font-size: 1rem; 
    color: #f7fd55b7; 
}

.text-muted {
    color: var(--text-muted, #a0a0ab) !important;
}
/* ==== GRID & RESPONSIVE DESKTOP LAYOUTS ==== */
.dashboard-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 32px;
    margin-top: 35px;
    margin-bottom: 40px;
    width: 100%;
}

.container, 
.container-fluid, 
.dashboard-row, 
.seccion-vip {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}

@media (min-width: 1200px) {
    .dashboard-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .dashboard-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .dashboard-row {
        grid-template-columns: 1fr;
        gap: 22px;
    }
}

/* ==== MEMBRESIAS CARDS & BOT CARDS (ULTRA PROFESIONAL) ==== */
.dashboard-card, 
.bot-card, 
.card {
    background: linear-gradient(145deg, rgba(20, 20, 26, 0.95), rgba(12, 12, 16, 0.98));
    border-radius: var(--radius, 16px);
    border: 1px solid rgba(212, 175, 55, 0.18);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}

/* Efecto de luz ambiental dorada sutil en la tarjeta al pasar el cursor */
.dashboard-card::before, 
.bot-card::before, 
.card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at top right, rgba(212, 175, 55, 0.1), transparent 65%);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.dashboard-card:hover, 
.bot-card:hover, 
.card:hover {
    transform: translateY(-8px);
    border-color: var(--gold-primary, #d4af37);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.9), 0 0 30px rgba(212, 175, 55, 0.25);
}

.dashboard-card:hover::before, 
.bot-card:hover::before, 
.card:hover::before {
    opacity: 1;
}

/* Padding interno optimizado */
.dashboard-card .card-body, 
.bot-card .card-body, 
.card > *:not(img) {
    padding: 26px;
}

.dashboard-card h5, 
.bot-card h5, 
.card h5 {
    color: #ffffff;
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 14px;
    letter-spacing: 0.3px;
    transition: color 0.3s ease;
}

.dashboard-card:hover h5, 
.bot-card:hover h5, 
.card:hover h5 {
    color: var(--gold-primary, #d4af37);
}

.dashboard-card p, 
.bot-card p, 
.card p {
    color: var(--text-muted, #a0a0ab);
    font-size: 0.95rem;
    line-height: 1.7;
    margin-bottom: 0;
}

.card-body.bg-light.rounded p {
  color: #fefefd !important;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0 0 8px rgba(0, 0, 0, 0.7);
}




.text-muted {
  color: #ffff00 !important;
  text-shadow: 2px 2px 4px rgb(0, 0, 0), 0 0 8px rgb(0, 0, 0);
}

/* ==== IMÁGENES GENERALES DE TARJETAS (EFECTO CINEMATOGRÁFICO) ==== */
.dashboard-card img, .bot-card img, .card img:not(#muro img), .referral-card .referral-img {
    width: 100% !important;
    height: 210px !important;
    max-height: 210px !important;
    min-height: 210px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 0;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.4s ease;
    border-bottom: 1px solid rgba(212, 175, 55, 0.15);
    filter: brightness(0.95);
}

.dashboard-card:hover img, .bot-card:hover img, .card:hover img, .referral-card .referral-img:hover {
    transform: scale(1.06);
    filter: brightness(1.05);
}






/* Lists inside cards */
ul.list-group {
    background: var(--bg-input);
    border-radius: 10px;
    border: 1px solid #3f3f46;
    padding: 8px;
    max-height: 220px;
    overflow-y: auto;
}

ul.list-group li, .bot-card ul li {
    padding: 8px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    color: var(--text-main);
    font-size: 0.9rem;
    transition: color 0.2s;
}

ul.list-group li:last-child, .bot-card ul li:last-child {
    border-bottom: none;
}

ul.list-group li:hover, .bot-card ul li:hover {
    color: var(--gold-primary);
}

.subtitulo-panel {
    font-size: 0.95rem;
    font-weight: 400;
    color: var(--text-muted);
    margin-bottom: 20px;
}

/* ==== BUTTONS ==== */
.btn {
    border-radius: 10px;
    font-weight: 600;
    padding: 10px 20px;
    transition: all 0.25s ease;
}

.btn-primary, .btn-success {
    background: var(--gold-primary);
    color: #070709;
    border: none;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.2);
}

.btn-primary:hover, .btn-success:hover {
    background: var(--gold-light);
    color: #070709;
    transform: translateY(-2px);
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.35);
}

button:disabled, .btn:disabled, .vip-btn:disabled {
    background-color: #27272a !important;
    color: #71717a !important;
    cursor: not-allowed !important;
    pointer-events: none;
    box-shadow: none !important;
    opacity: 0.7;
}

/* ==== RECARGAS & CONTAINER SECTIONS ==== */


.direccion-texto {
    background: var(--bg-main);
    color: var(--text-main);
    padding: 12px;
    border-radius: 10px;
    border: 1px solid #3f3f46;
    font-size: 0.95rem;
    flex: 1;
    overflow-x: auto;
    white-space: nowrap;
}

.input-group .btn {
    border-radius: 0 10px 10px 0;
    background: #27272a;
    color: #fff;
    border: 1px solid #3f3f46;
}

.input-group .btn:hover {
    background: var(--gold-primary);
    color: #070709;
    border-color: var(--gold-primary);
}

label {
    display: block;
    font-size: 0.95rem;
    margin-bottom: 6px;
    font-weight: 600;
    color: var(--gold-primary);
    text-align: left;
}

p.text-muted {
    background: rgba(20, 20, 24, 0.7);
    padding: 15px 20px;
    border-radius: 12px;
    font-size: 0.95rem;
    color: var(--text-muted);
    line-height: 1.6;
    max-width: 700px;
    margin: 15px auto;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.04);
}

/* ==== FOOTER ==== */
footer, .footer-equipo {
    background: #0a0a0d;
    color: var(--text-muted);
    text-align: center;
    padding: 25px 0;
    font-size: 0.9rem;
    margin-top: auto;
    border-top: 1px solid var(--border-gold);
}

footer a, .footer-link {
    color: var(--gold-primary);
    text-decoration: none;
    margin: 0 5px;
    font-weight: 600;
    transition: .25s ease;
}

footer a:hover, .footer-link:hover {
    color: #fff;
    text-decoration: underline;
}


/*=========================================
=         ICONOS REDES FOOTER             =
=========================================*/

#footer-social{

    display:flex;
    justify-content:center;
    align-items:center;
    gap:16px;

    margin-top:20px;

}

#footer-social a{

    width:46px;
    height:46px;

    display:flex;
    justify-content:center;
    align-items:center;

    border-radius:50%;

    background:#171717;

    color:var(--gold-primary);

    border:1px solid rgba(212,175,55,.25);

    text-decoration:none;

    transition:all .25s ease;

}

#footer-social a:hover{

    transform:translateY(-4px);

    border-color:var(--gold-primary);

    box-shadow:0 0 18px rgba(212,175,55,.35);

    text-decoration:none;

}

#footer-social i{

    font-size:22px;

}

/* Colores de cada red */

#footer-social a.instagram:hover{
    color:#E1306C;
}

#footer-social a.telegram:hover{
    color:#229ED9;
}

#footer-social a.youtube:hover{
    color:#FF0000;
}


/* ==== ANIMATED SECTIONS ==== */
.container-section {
    display: none;
    animation: fadeIn 0.3s ease-in-out;
}

.container-section.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
/* ==== TEAM SECTION ==== */
.equipo-section {
    background: var(--bg-main);
    color: #fff;
    padding: 40px 0 80px 0;
}

.titulo-seccion {
    color: var(--gold-primary);
    font-size: 2.2rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
}

.descripcion-seccion {
    max-width: 750px;
    margin: 0 auto 40px auto;
    font-size: 1rem;
    line-height: 1.6;
    color: var(--text-muted);
    text-align: center;
}

.equipo-card {
    background: var(--bg-card);
    border-radius: var(--radius);
    border: 1px solid var(--border-gold);
    padding: 30px 20px;
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
}

.equipo-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(212, 175, 55, 0.15);
}

.nombre-miembro {
    color: var(--gold-primary);
    font-weight: 700;
    margin-bottom: 8px;
    font-size: 1.2rem;
}

.cargo-miembro {
    color: var(--text-muted);
    font-size: 0.95rem;
}

/* ==== TOKENS & BADGES ==== */
.token-number {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--neon-green);
    text-shadow: 0 0 8px rgba(52, 211, 153, 0.3);
}

.token-label {
    font-size: 0.95rem;
    font-weight: 600;
    color: #ffffff;
}

/* ==== PROFILE DROPDOWN & MODAL ==== */
.perfil-dropdown {
    position: relative;
    display: inline-block;
}

.perfil-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    background-color: var(--bg-card);
    min-width: 180px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.5);
    border-radius: 10px;
    border: 1px solid var(--border-gold);
    z-index: 1000;
    flex-direction: column;
    overflow: hidden;
    margin-top: 8px;
}

.perfil-menu button {
    width: 100%;
    padding: 12px 16px;
    background: none;
    border: none;
    color: var(--text-main);
    text-align: left;
    cursor: pointer;
    font-size: 0.9rem;
    transition: background 0.2s, color 0.2s;
}

.perfil-menu button:hover {
    background-color: rgba(212, 175, 55, 0.1);
    color: var(--gold-primary);
}

#modalPerfil {
    display: none;
    position: fixed;
    z-index: 2000;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    align-items: center;
    justify-content: center;
}

.modalContent {
    background: var(--bg-card);
    padding: 35px 30px;
    border-radius: var(--radius);
    border: 1px solid var(--border-gold);
    max-width: 420px;
    width: 90%;
    position: relative;
    text-align: center;
    box-shadow: 0 15px 35px rgba(0,0,0,0.6);
}

.modalContent .password-container {
    position: relative;
    margin-bottom: 12px;
}

.modalContent .password-container input {
    margin-bottom: 0;
}

.toggle-password {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 18px;
    color: var(--text-muted);
}

.toggle-password:hover {
    color: var(--gold-primary);
}

#cerrarModalPerfil {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 22px;
    cursor: pointer;
    color: var(--text-muted);
    transition: color 0.2s;
}

#cerrarModalPerfil:hover {
    color: var(--error-red);
}

/* ==== NOTIFICATIONS ==== */
#pack_proceso, #vip_proceso, .cartel-proceso {
    display: none;
    position: fixed;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--bg-card);
    color: var(--gold-primary);
    border: 1px solid var(--border-gold);
    padding: 14px 24px;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.5);
    font-weight: 600;
    z-index: 9999;
    text-align: center;
    font-size: 0.95rem;
}

#pack_proceso.show, .cartel-proceso.show {
    display: block;
    animation: fadeInOut 5s forwards;
}

@keyframes fadeInOut {
    0% { opacity: 0; transform: translateX(-50%) translateY(-20px); }
    10% { opacity: 1; transform: translateX(-50%) translateY(0); }
    90% { opacity: 1; transform: translateX(-50%) translateY(0); }
    100% { opacity: 0; transform: translateX(-50%) translateY(-20px); }
}

/* ==== REFERRAL CARD & SIMULATION ==== */
.referral-card {
    background: var(--bg-card);
    border-radius: var(--radius);
    border: 1px solid var(--border-gold);
    padding: 35px;
    color: var(--text-main);
    box-shadow: 0 10px 25px rgba(0,0,0,0.4);
    transition: all 0.3s ease;
}

.referral-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 30px rgba(212, 175, 55, 0.12);
}

.referral-card h5 {
    color: var(--gold-primary);
    font-weight: 700;
    margin-bottom: 15px;
}

.referral-simulation {
    background: var(--bg-input);
    border-radius: 12px;
    border: 1px solid #3f3f46;
    padding: 20px;
    line-height: 1.8;
    color: var(--text-muted);
    font-size: 0.95rem;
    text-align: left;
}

.referral-simulation .highlight {
    color: var(--gold-primary);
    font-weight: 600;
}

.arrow-line {
    display: block;
    margin: 8px 0;
    padding: 10px 14px;
    background: var(--bg-main);
    border-radius: 8px;
    border-left: 4px solid var(--gold-primary);
    font-size: 0.9rem;
    color: var(--text-main);
    transition: all 0.3s ease;
}

.arrow-line:hover {
    background: rgba(212, 175, 55, 0.05);
    transform: translateX(5px);
}

/* ==== ADMIN & USER MESSAGES NOTIFICATIONS ==== */
.user-msg-notif {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--bg-card);
    border: 1px solid var(--border-gold);
    color: var(--text-main);
    padding: 16px 24px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.6);
    cursor: pointer;
    display: none;
    align-items: center;
    gap: 12px;
    z-index: 5000;
}

.notif-dot {
    width: 12px;
    height: 12px;
    background: var(--error-red);
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 0 8px var(--error-red);
}

.user-msg-card {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--bg-card);
    border: 1px solid var(--border-gold);
    padding: 25px;
    max-width: 400px;
    width: 90%;
    border-radius: var(--radius);
    box-shadow: 0 15px 40px rgba(0,0,0,0.7);
    z-index: 6000;
    display: none;
}

.user-msg-card h3 {
    margin-top: 0;
    color: var(--gold-primary);
    font-size: 1.3rem;
}

.user-msg-card p {
    background: var(--bg-input);
    padding: 14px;
    border-radius: 10px;
    border: 1px solid #3f3f46;
    color: var(--text-main);
    font-size: 0.95rem;
    margin-top: 10px;
}

.user-msg-close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
    color: var(--text-muted);
    transition: color 0.2s;
}

.user-msg-close:hover {
    color: var(--error-red);
}

/* ==== BOTS & SIGNALS CARDS ==== */
.bots-container,
#bots-container,
.row-bots {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 24px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 30px;
}

.bot-card {
    background: var(--bg-card, #181c24);
    border: 1px solid var(--border-gold, #2a3241);
    border-radius: var(--radius, 14px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.35s ease;
    box-shadow: 0 8px 20px rgba(0,0,0,0.4);
    height: 100%;
}

.bot-card:hover {
    transform: translateY(-4px);
    border-color: var(--gold-primary, #00ff88);
    box-shadow: 0 15px 35px rgba(212,175,0,0.12);
}

.bot-card .card-body {
    padding: 22px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
}

.bot-card h5 {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--gold-primary, #00ff88);
    margin-bottom: 12px;
    border-left: 3px solid var(--gold-primary, #00ff88);
    padding-left: 10px;
    word-break: normal;
    overflow-wrap: break-word;
}

.bot-card p {
    color: var(--text-muted, #94a3b8);
    line-height: 1.6;
    font-size: 0.9rem;
    word-break: normal;
    overflow-wrap: break-word;
}

#bots-main-title {
    font-size: 2rem;
    font-weight: 800;
    color: var(--gold-primary, #00ff88);
    text-align: center;
    margin-bottom: 10px;
}

#bots-main-text {
    color: var(--text-muted, #94a3b8);
    text-align: center;
    max-width: 750px;
    margin: 0 auto 30px auto;
    line-height: 1.7;
    font-size: 0.95rem;
}



/* ==== PACKS / MEMBRESÍAS VIP ==== */
#packs_activos,
#packs_disponibles {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 24px;
}

.pack-card.card {
    background: #181c24;
    border: 1px solid #2a3241;
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    position: relative;
}

.pack-card.card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 24px rgba(0, 255, 136, 0.12);
    border-color: #00ff88;
}

.pack-card.card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    object-position: center;
    border-bottom: 1px solid #2a3241;
    display: block;
    background-color: #0f1217;
}

.pack-body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    gap: 12px;
}

.pack-card .pack-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 4px 0;
    line-height: 1.3;
    letter-spacing: 0.3px;
    word-break: normal;
    overflow-wrap: break-word;
}

.pack-card p,
.pack-card .pack-desc,
.pack-card span {
    font-size: 0.9rem;
    color: #94a3b8;
    margin: 0;
    line-height: 1.4;
    word-break: normal;
    overflow-wrap: break-word;
}

.pack-card p span,
.pack-card .pack-desc span {
    color: #f1f5f9;
    font-weight: 600;
}

.pack-card .costo-precio {
    color: #00ff88;
    font-weight: 700;
    font-size: 1rem;
    white-space: nowrap;
}

.pack-card .duracion-dias,
.pack-card .dias-restantes {
    color: #38bdf8;
    font-weight: 600;
    white-space: nowrap;
}

.pack-card .btn-vip-action {
    width: 100%;
    margin-top: 8px;
    padding: 12px 14px;
    background: linear-gradient(135deg, #00ff88 0%, #00b359 100%);
    color: #0d1117;
    font-weight: 700;
    font-size: 0.9rem;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: filter 0.2s ease, transform 0.1s ease;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-shadow: 0 4px 12px rgba(0, 255, 136, 0.2);
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    line-height: 1.2;
}

.pack-card .btn-vip-action:hover:not(:disabled) {
    filter: brightness(1.1);
    transform: translateY(-1px);
}

.pack-card .btn-vip-action:active:not(:disabled) {
    transform: translateY(0);
}

.pack-card .btn-vip-action:disabled {
    background: #21262d;
    color: #8b949e;
    cursor: not-allowed;
    box-shadow: none;
    border: 1px solid #30363d;
    white-space: normal !important;
}

#arbol_section,
#arbol_section #arbol,
#arbol_section #arbol * {
    color: #ffffff !important;
}


/* =========================================
   ESTILOS EXCLUSIVOS PARA LA SECCIÓN #muro
   ========================================= */

#muro {
    background-color: #0b0e11;
    color: #eaecef;
}

#muro .card {
    background-color: #181a20;
    border: 1px solid #2b313a !important;
    color: #eaecef;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

#muro .card-header, 
#muro .card-footer {
    background-color: #181a20 !important;
    border-color: #2b313a !important;
    color: #848e9c;
}

#muro .card-header h6, 
#muro .card-body p, 
#muro .text-dark {
    color: #eaecef !important;
}

#muro .text-muted {
    color: #f2ff00 !important;
}

#muro .avatar-sm {
    background-color: #fcd535 !important;
    color: #181a20 !important;
}

/* --- VISOR Y ADAPTABILIDAD LIMPIA DE IMÁGENES EN EL MURO --- */
#muro .post-img-container {
    width: 100%;
    background-color: #0b0e11;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    cursor: zoom-in;
    border-top: 1px solid #2b313a;
    border-bottom: 1px solid #2b313a;
    padding: 0;
}

#muro .post-img-container img {
    width: 100%;
    height: auto;
    max-height: 550px; /* Limita la altura para evitar que fotos verticales dominen la pantalla */
    object-fit: contain; /* Muestra la imagen completa sin recortarla ni distorsionarla */
    display: block;
    margin: 0 auto;
    transition: transform 0.2s ease-in-out;
}

#muro .post-img-container img:hover {
    transform: scale(1.01);
}

/* Sección de comentarios y controles en el muro */
#muro .comentarios-section {
    border-color: #2b313a !important;
}

#muro .comentarios-list .bg-light {
    background-color: #2b313a !important;
    color: #00aeff;
}

#muro .comentarios-list .text-secondary {
    color: #ffffff !important;
}

#muro .form-control {
    background-color: #0b0e11;
    border-color: #2b313a;
    color: #eaecef;
}

#muro .form-control:focus {
    background-color: #0b0e11;
    border-color: #fcd535;
    color: #eaecef;
    box-shadow: none;
}

#muro .form-control::placeholder {
    color: #5e6673;
}

/* ==== RESPONSIVE DESIGN BREAKPOINTS FINALES ==== */
@media (max-width: 992px) {
    .operacion-tps {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    body {
        padding-top: 75px;
    }

    .navbar {
        padding: 0.6rem 1rem;
    }

    .dashboard-row {
        grid-template-columns: 1fr;
        gap: 16px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .navbar .nav-link {
        margin: 4px 0;
        text-align: center;
    }

    .navbar .btn-outline-light {
        margin-top: 6px;
        width: 100%;
    }

    .modalContent {
        padding: 25px 20px;
    }
    
    .operacion-tps {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .operacion-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    #packs_activos,
    #packs_disponibles {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .pack-card.card img {
        height: 160px;
    }
    
    .pack-body {
        padding: 16px;
    }
    
    .pack-card .btn-vip-action {
        font-size: 0.85rem;
        padding: 10px 12px;
    }
}

@media (max-width: 480px) {
    .operacion-tps {
        grid-template-columns: 1fr 1fr;
    }
}


/* ==== CORRECCIÓN PARA CARD-BODY ESTIRADO ==== */
.bot-card .card-body,
.card-body {
    padding: 16px 20px !important; /* Reduce el relleno vertical excesivo */
    display: flex;
    flex-direction: column;
    flex-grow: 0 !important;      /* Evita que se estire para ocupar espacio sobrante */
    flex-shrink: 0;
    height: auto !important;      /* Altura automática basada 100% en el texto */
    min-height: auto !important;  /* Elimina mínimos forzados */
}

/* Asegurar que las tarjetas que las contienen no fuercen estiramientos verticales */
.bot-card, .card {
    height: auto !important;      /* Cambiado de 100% a auto para que crezcan solo según su texto */
    min-height: unset;
}

.post-img-container {
    width: 100%;
    background-color: #0b0e11;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    border-top: 1px solid #2b313a;
    border-bottom: 1px solid #2b313a;
    padding: 0;
}

.post-img-container img {
    width: 100%;
    height: auto;
    max-height: 450px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    transform: none !important;
    transition: none !important;
}

.post-img-container img:hover {
    transform: none !important;
}



/* ==========================
   ESTILOS CSS DEL CHAT
   ========================== */

#chat-widget-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    font-family: sans-serif;
}

#chat-toggle-btn {
    background-color: #3b77b3; /* Estilo azul Telegram */
    color: white;
    border: none;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-size: 24px;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s;
    
}

#chat-toggle-btn:hover {
    transform: scale(1.05);
}

#chat-window {
    position: absolute;
    bottom: 80px;
    right: 0;
    width: 350px;
    height: 450px;
    background: #2b5288; /* Fondo oscuro estilo Telegram */
    border-radius: 12px;
    box-shadow: 0 5px 25px rgba(40, 142, 215, 0.604);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #17212b;
    
}

#chat-header {
    background: #2c4c6c;
    color: #ffffff;
    padding: 12px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
}

#chat-close-btn {
    background: none;
    border: none;
    color: #829ab1;
    font-size: 16px;
    cursor: pointer;
}

#chat-messages {
    flex: 1;
    padding: 15px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #335b92;
}

/* Base de los mensajes */
.chat-msg {
    max-width: 80%;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 14px;
    word-break: break-word;
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-bottom: 8px;
}

/* Mensaje del sistema */
.chat-msg.system {
    background: #253241;
    color: #a4b182;
    align-self: center;
    font-size: 12px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/* TUS mensajes: Lado izquierdo en verde */
.chat-msg.mio {
    background-color: #dcf8c6; /* Verde tipo WhatsApp */
    color: #000;
    margin-right: auto;
    margin-left: 0;
    border-top-right-radius: 8px;
}

/* Mensajes de LOS DEMÁS: Lado derecho en celeste */
.chat-msg.otro {
    background-color: #e3f2fd; /* Celeste suave */
    color: #000;
    margin-left: auto;
    margin-right: 0;
    border-top-left-radius: 8px;
}

#chat-form {
    display: flex;
    padding: 10px;
    background: #2c4c6c;
    gap: 8px;
    align-items: center;
}

#chat-input {
    flex: 1;
    background: #242f3d;
    border: none;
    border-radius: 20px;
    padding: 10px 15px;
    color: white;
    outline: none;
    font-size: 14px;
}

#chat-file-btn, #chat-send-btn {
    background: none;
    border: none;
    color: #eeefef;
    font-size: 18px;
    cursor: pointer;
}


#chat-messages {
    flex: 1;
    padding: 15px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #0e1621;
}

/* Barra de desplazamiento ultrafina con estilo verde neón */
#chat-messages::-webkit-scrollbar {
    width: 2px; /* Super finita */
}

#chat-messages::-webkit-scrollbar-track {
    background: #0e1621; /* Fondo del carril oscuro */
}

#chat-messages::-webkit-scrollbar-thumb {
    background: #00ff66; /* Verde neón brillante */
    border-radius: 4px;
    box-shadow: 0 0 8px #00ff66; /* Efecto brillo neón */
}

/* Compatibilidad con Firefox */
#chat-messages {
    scrollbar-width: thin;
    scrollbar-color: #00ff66 #0e1621;
}

#chat-toggle-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 55px;           /* Ajusta el tamaño de la bolita a tu gusto */
    height: 55px;          /* Debe medir lo mismo de alto y ancho para que sea un círculo */
    border-radius: 50%;    /* Hace que el botón sea redondo */
    background-color: transparent; /* Quitamos cualquier fondo de color para que mande la imagen */
    border: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); /* Sombra flotante */
    overflow: hidden;      /* IMPORTANTE: Recorta cualquier sobrante para que la imagen sea redonda */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9999;
    padding: 0;
    transition: transform 0.2s ease;
}

#chat-toggle-btn:hover {
    transform: scale(1.1); /* Efecto de zoom al pasar el mouse */
}

#chat-toggle-btn img {
    width: 100%;           /* Ocupa todo el ancho del botón */
    height: 100%;          /* Ocupa todo el alto del botón */
    object-fit: cover;     /* Hace que la imagen se adapte perfectamente al círculo sin deformarse */
    border-radius: 50%;    /* Asegura la forma redonda en la imagen */
}






/* Contenedor y diseño adaptable para videos en el muro */
.post-video-container {
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #000; /* Fondo negro elegante para bandas laterales si el video es vertical */
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 1rem;
}

.post-video-container video {
    width: 100%;
    max-height: 450px; /* Limita la altura máxima para que no acapare toda la pantalla */
    object-fit: contain; /* Mantiene la proporción original del video sin recortarlo */
    display: block;
    margin: 0 auto;
}

/* --- SCROLLBAR GENERAL VERDE NEÓN Y FINITO --- */

/* Para navegadores basados en WebKit (Chrome, Edge, Safari, Opera) */
::-webkit-scrollbar {
    width: 6px;  /* Grosor vertical */
    height: 6px; /* Grosor horizontal */
}

::-webkit-scrollbar-track {
    background: #070709; /* Fondo oscuro acorde a tu plataforma */
}

::-webkit-scrollbar-thumb {
    background: #00ff66; /* Color verde neón */
    border-radius: 4px;  /* Bordes redondeados */
    box-shadow: 0 0 8px rgba(0, 255, 102, 0.6); /* Efecto de brillo neón sutil */
}

::-webkit-scrollbar-thumb:hover {
    background: #00cc52; /* Verde un poco más intenso al pasar el mouse */
    box-shadow: 0 0 12px rgba(0, 255, 102, 0.9);
}

/* Para Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #00ff66 #070709;
}



/* Definición de la animación de pulso tenue blanco-amarillento */
@keyframes pulsoSuave {
    0% {
        opacity: 0.6;
        text-shadow: 0 0 2px rgba(255, 245, 200, 0.1);
    }
    50% {
        opacity: 1;
        text-shadow: 0 0 8px rgba(255, 243, 176, 0.4);
    }
    100% {
        opacity: 0.6;
        text-shadow: 0 0 2px rgba(255, 245, 200, 0.1);
    }
}

/* Estilo para los enlaces del nav que NO están activos (pulso suave) */
.navbar-nav .nav-link:not(.active) {
    animation: pulsoSuave 4s ease-in-out infinite;
    color: #e6e8e1 !important; /* Color base claro */
    transition: color 0.2s ease;
}

/* Efecto al pasar el mouse por encima de los inactivos */
.navbar-nav .nav-link:not(.active):hover {
    color: #fff2a3 !important;
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.6);
}

/* Estilo para el enlace activo (fijo, sin pulso, con toque dorado/activo) */
.navbar-nav .nav-link.active {
    animation: none !important;
    opacity: 1 !important;
    font-weight: 600;
    color: #d4af37 !important; /* Dorado característico de Lux */
}


/* Estilos unificados para los botones de eliminar (comentarios y señales) */
.btn-eliminar-comentario,
.btn-eliminar-senal {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background-color: #aa2b2b;
    color: #dc3545 !important;
    border-radius: 50%;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    border: none;
    padding: 0 !important;
    cursor: pointer;
}

.btn-eliminar-comentario:hover,
.btn-eliminar-senal:hover {
    background-color: #dc3545;
    color: #bd1919 !important;
    transform: scale(1.1);
}

.btn-eliminar-comentario i,
.btn-eliminar-senal i {
    font-size: 0.85rem;
    margin: 0;
}




/* =========================================
   INICIO OPERACIONES VIP (COLORES ORIGINALES)
========================================= */

/* GRID OPERACIONES VIP: Tarjetas más grandes y holgadas */
#lista-operaciones-activas,
#lista-operaciones-finalizadas,
#lista-operaciones-activas-vip2,
#lista-operaciones-finalizadas-vip2 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 22px;
    width: 100%;
    max-width: 100%;
    margin: 20px 0;
    align-items: start;
    padding: 0;
}

/* =========================================
   ESTILO BASE DE LA TARJETA
========================================= */

.custom-vip-card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto;
    min-height: auto;
    padding: 24px;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(225, 221, 221, 0.45);  /* SOMBRA DE LA TARJETA GENRAL */
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    background: var(--bg-card);
    border: 1px solid var(--border-color);
}

/* Línea dorada superior de la tarjeta */
.custom-vip-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #d4af37, #f8d66d, #d4af37);
}

/* Hover de tarjetas */
.custom-vip-card:hover {
    transform: translateY(-6px);
    border-color: #d4af37;
    box-shadow: 0 14px 30px rgba(0,0,0,0.4);
}

.custom-vip-card.activa {
    border-left: 4px solid var(--success);
}

.custom-vip-card.secondary {
    border-left: 4px solid var(--text-muted);
}

/* =========================================
   OPERACIONES ACTIVAS (COLORES ORIGINALES VERDES)
========================================= */

#lista-operaciones-activas .custom-vip-card,
:is(#lista-operaciones-activas-vip2, #lmo-activas) .custom-vip-card {
    background: radial-gradient(circle at top right, rgb(50, 48, 51), transparent 35%),
                linear-gradient(180deg, #3d5644 0%, #3e6f63 100%);
    border: 1px solid rgba(255, 196, 0, 0.18);
}

/* TÍTULO OPERACIONES ACTIVAS */
#lux-active-title, #vip2-active-title {
    display: inline-block;
    padding: 12px 18px;
    margin-bottom: 18px;
    color: #4cff7a !important;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase;
    background: linear-gradient(90deg, rgba(0,200,83,.18), rgba(0,255,128,.10));
    border: 1px solid rgba(0,255,128,.25);
    border-left: 5px solid #00c853;
    border-radius: 12px;
    text-shadow: 0 0 6px rgba(0,255,128,.45);
    box-shadow: 0 0 15px rgba(0,200,83,.12);
    animation: pulseActive 2.2s infinite;
}

@keyframes pulseActive {
    0% {
        box-shadow: 0 0 10px rgba(0,200,83,.10);
        border-color: rgba(0,255,128,.25);
    }
    50% {
        box-shadow: 0 0 25px rgba(0,255,128,.35);
        border-color: rgba(0,255,128,.60);
    }
    100% {
        box-shadow: 0 0 10px rgba(0,200,83,.10);
        border-color: rgba(0,255,128,.25);
    }
}

/* =========================================
   OPERACIONES FINALIZADAS (COLORES ORIGINALES AZULES)
========================================= */

#lista-operaciones-finalizadas .custom-vip-card,
#lista-operaciones-finalizadas-vip2 .custom-vip-card {
    background: radial-gradient(circle at top right, rgba(131, 143, 169, 0.241), transparent 35%),
                linear-gradient(180deg, #22325d 0%, #53659b 100%);
    border: 1px solid rgba(70,130,255,.25);
}

/* =========================================
   ESTRUCTURA INTERNA DE LA TARJETA
========================================= */

.operacion-body {
    padding: 4px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.operacion-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    padding-bottom: 14px;
}

.operacion-par-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    color: #ffffff !important;
}

.operacion-par-wrapper * {
    color: inherit;
}

.par-titulo {
    color: var(--warning);
    margin: 0;
    font-size: 1.4rem;
    font-weight: 700;
}

.fecha-hora {
    color: var(--text-muted);
    font-size: 0.85rem;
    white-space: nowrap;
}

.operacion-entry {
    font-size: 1rem;
    color: var(--text-main);
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
}

/* Take Profits & Stop Loss Grid */
.operacion-tps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    background: var(--bg-input);
    border: 1px solid #3f3f46;
    padding: 14px 10px;
    border-radius: 12px;
    text-align: center;
}

.tp-item small {
    display: block;
    color: var(--text-muted);
    font-size: 0.75rem;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.tp-item span {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--text-main);
}

/* Badges / Etiquetas de Estado */
.operacion-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.badge {
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.hit-success {
    background-color: rgba(52, 211, 153, 0.2);
    color: var(--success);
    border: 1px solid rgba(52, 211, 153, 0.5);
}

.hit-danger {
    background-color: rgba(248, 113, 113, 0.2);
    color: var(--danger);
    border: 1px solid rgba(248, 113, 113, 0.5);
}

.hit-off {
    background-color: #1e293b;
    color: var(--text-muted);
    border: 1px solid #334155;
}

/* Recomendación */
.recomendacion-box {
    background-color: rgba(251, 191, 36, 0.1);
    border: 1px solid rgba(251, 191, 36, 0.35);
    border-radius: 12px;
    padding: 16px 18px;
    font-size: 0.95rem;
    color: #fef08a; 
    line-height: 1.6;
    width: 100%;
    box-sizing: border-box;
    resize: none !important; 
    overflow: hidden;
    transform: none !important;
}

/* Textos y separadores generales dentro de las listas */
#lista-operaciones-activas p,
#lista-operaciones-finalizadas p,
:is(#lista-operaciones-activas-vip2, #lmo-activas) p,
#lista-operaciones-finalizadas-vip2 p {
    margin-bottom: 8px;
    font-size: 1rem;
    color: var(--text-main, #f1f5f9);
    word-break: normal;
    overflow-wrap: break-word;
}

#lista-operaciones-activas hr,
#lista-operaciones-finalizadas hr,
:is(#lista-operaciones-activas-vip2, #lmo-activas) hr,
#lista-operaciones-finalizadas-vip2 hr {
    border-color: #3f3f46;
    opacity: 0.4;
    margin: 12px 0;
}

/* =========================================
   ESTILOS DE ADMINISTRACIÓN (CONTROLES INTERNOS)
========================================= */

.admin-input-text {
    background-color: var(--bg-main);
    border: 1px solid var(--border-color);
    color: var(--text-main);
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 0.9rem;
    width: 100%;
    max-width: 150px;
}

.admin-input-text:focus,
.admin-textarea:focus {
    border-color: var(--gold-primary);
    outline: none;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.25);
}

.admin-textarea {
    background-color: var(--bg-main);
    border: 1px solid var(--border-color);
    color: var(--text-main);
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 0.9rem;
    width: 100%;
    resize: vertical;
    min-height: 80px;
}

.admin-controls-box {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px dashed var(--border-color);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.admin-title {
    color: var(--warning);
    font-weight: 600;
    font-size: 0.95rem;
}

.admin-check-group {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-right: 14px;
    font-size: 0.9rem;
    color: var(--text-muted);
}

.admin-check {
    accent-color: var(--gold-primary);
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.admin-btn-container {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.btn-toggle-finalizar {
    background-color: transparent;
    border: 1px solid var(--warning);
    color: var(--warning);
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-toggle-finalizar:hover {
    background-color: var(--warning);
    color: #070709;
}

/* =========================================
   PANELES GENERALES VIP & ADMIN
========================================= */

.seccion-vip > .card,
.vip-card{
    background: linear-gradient(180deg, #1b1c29 0%, #14151f 100%) !important;
    border: 1px solid rgba(212,175,55,.18) !important;
    border-radius: 20px !important;
    padding: 35px !important;
    box-shadow: 0 14px 35px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.03) !important;
}

#panel-admin-senal,
#panel-admin-senal-vip2{
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg,#8762c0 0%,#5e4aaf 100%) !important;
    border: 1px solid rgba(255,193,7,.35) !important;
    border-left: 6px solid #d4af37 !important;
    border-radius: 18px !important;
    padding: 32px !important;
    box-shadow: 0 16px 40px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.04);
    transition: .3s ease;
}

#panel-admin-senal::before,
#panel-admin-senal-vip2::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg, #d4af37, #ffd95c, #d4af37);
}

#panel-admin-senal:hover,
#panel-admin-senal-vip2:hover{
    border-color:#d4af37 !important;
    box-shadow: 0 20px 45px rgba(0,0,0,.55), 0 0 20px rgba(212,175,55,.15);
}

/* =========================================
   MEDIA QUERIES (ADAPTABILIDAD MÓVIL)
========================================= */

@media(max-width: 992px) {
    #lista-operaciones-activas,
    #lista-operaciones-finalizadas,
    #lista-operaciones-activas-vip2,
    #lista-operaciones-finalizadas-vip2 {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    
    .custom-vip-card {
        padding: 18px;
    }

    .operacion-tps {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
}



/* =========================================
   ESTILOS PARA MINIATURA Y VISOR DE FOTOS
========================================= */

.operacion-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    padding-bottom: 14px;
}

.vip-thumb-container {
    width: 75px;
    height: 60px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid var(--border-gold, #d4af37);
    background-color: var(--bg-main, #070709);
    flex-shrink: 0;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.vip-thumb-container:hover {
    transform: scale(1.05);
    box-shadow: 0 0 12px rgba(212, 175, 55, 0.5);
}

.vip-thumb-container img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Modal / Visor de pantalla completa */
.visor-modal {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.visor-modal img {
    max-width: 90%;
    max-height: 90vh;
    object-fit: contain;
    border-radius: 12px;
    border: 1px solid var(--border-gold, #d4af37);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
}

.visor-cerrar {
    position: absolute;
    top: 25px;
    right: 35px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.2s;
}

.visor-cerrar:hover {
    color: var(--gold-primary, #d4af37);
}

.vip-thumb-container {
    width: 70px;
    height: 70px;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: #111;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.vip-thumb-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.2s ease;
}

.vip-thumb-container img:hover {
    transform: scale(1.05);
}


/* =========================================
   FIN OPERACIONES vip
========================================= */

/* ========================================================================== 
   LUX CRIPTOS • NEO TERMINAL UI 2026
   Capa visual compatible con el DOM, IDs y JS existentes.
   ========================================================================== */
:root{
  --lux-bg:#050607;
  --lux-bg-2:#090b0d;
  --lux-panel:#0d1013;
  --lux-panel-2:#12161a;
  --lux-panel-3:#171b20;
  --lux-line:rgba(255,255,255,.075);
  --lux-line-strong:rgba(212,175,55,.28);
  --lux-gold:#d4af37;
  --lux-gold-soft:#f0d77a;
  --lux-white:#f4f5f7;
  --lux-muted:#8e959f;
  --lux-green:#25d695;
  --lux-red:#ff5f6d;
  --lux-shadow:0 22px 60px rgba(0,0,0,.42);
  --lux-side:272px;
  --lux-top:74px;
  --lux-radius:18px;
}

html{background:var(--lux-bg)!important;scroll-behavior:smooth;}
body.lux-terminal-ui,
body{
  background:
    radial-gradient(circle at 78% 8%,rgba(212,175,55,.07),transparent 27%),
    radial-gradient(circle at 37% 90%,rgba(37,214,149,.035),transparent 25%),
    linear-gradient(180deg,#070809 0%,#050607 52%,#070809 100%)!important;
  color:var(--lux-white)!important;
  padding-top:var(--lux-top)!important;
  padding-left:var(--lux-side)!important;
  min-height:100vh;
}
body::before{
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px)!important;
  background-size:42px 42px!important;
  opacity:.38;
}
body::after{
  content:"";
  pointer-events:none;
  position:fixed;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(212,175,55,.018),transparent 18%,transparent 82%,rgba(212,175,55,.014));
}

/* SIDEBAR DESKTOP */
.navbar{
  position:fixed!important;
  inset:0 auto 0 0!important;
  width:var(--lux-side)!important;
  height:100vh!important;
  padding:18px 14px!important;
  background:rgba(8,10,12,.96)!important;
  border:0!important;
  border-right:1px solid var(--lux-line-strong)!important;
  box-shadow:18px 0 55px rgba(0,0,0,.38)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
  overflow:visible!important;
  z-index:1040!important;
}
.navbar>.container-fluid{
  height:100%;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
}
.navbar-brand{
  width:100%;
  min-height:76px;
  margin:0 0 20px!important;
  padding:10px 12px 10px 68px!important;
  border-bottom:1px solid var(--lux-line)!important;
  display:flex!important;
  align-items:center!important;
}
.navbar-brand::before{
  left:9px!important;
  width:48px!important;
  height:48px!important;
  border-radius:13px!important;
  border:1px solid rgba(212,175,55,.38)!important;
  box-shadow:0 0 26px rgba(212,175,55,.13);
}
.navbar-brand::after{
  content:"LUX\A CRIPTOS";
  white-space:pre;
  font-size:14px;
  line-height:1.05;
  letter-spacing:3.2px;
  font-weight:800;
  color:#fff;
}
.navbar-collapse{
  display:flex!important;
  flex:1!important;
  width:100%!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
.navbar-nav{
  width:100%!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
}
.navbar-nav>.nav-item,
.navbar-nav>div{
  width:100%!important;
  margin:0!important;
}
.navbar-nav>div.d-lg-flex{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.navbar .nav-link{
  width:100%!important;
  min-height:46px;
  margin:0!important;
  padding:12px 14px 12px 42px!important;
  display:flex!important;
  align-items:center!important;
  border-radius:12px!important;
  border:1px solid transparent;
  color:#a6adb6!important;
  font-size:13px!important;
  letter-spacing:.35px!important;
  font-weight:650!important;
  position:relative;
  text-align:left!important;
}
.navbar .nav-link::before{
  position:absolute;
  left:14px;
  width:18px;
  text-align:center;
  color:#68707a;
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  font-size:13px;
}
#nav-dashboard::before{content:"\f3fd";}
#nav-bots::before{content:"\f201";}
#nav-packs::before{content:"\f521";}
#nav-recargas::before{content:"\f555";}
#nav-muro::before{content:"\f1ea";}
#nav-retiros::before{content:"\f3ed";}
#nav-arbol::before{content:"\f2bd";}
.navbar .nav-link::after{
  content:""!important;
  left:0!important;
  bottom:9px!important;
  top:9px!important;
  width:2px!important;
  height:auto!important;
  border-radius:4px!important;
  background:var(--lux-gold)!important;
  opacity:0;
  transform:scaleY(.35);
  transition:.2s ease!important;
}
.navbar .nav-link:hover{
  color:#fff!important;
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(255,255,255,.055)!important;
}
.navbar .nav-link.active{
  color:var(--lux-gold-soft)!important;
  background:linear-gradient(90deg,rgba(212,175,55,.115),rgba(212,175,55,.025))!important;
  border-color:rgba(212,175,55,.15)!important;
}
.navbar .nav-link.active::before{color:var(--lux-gold)!important;}
.navbar .nav-link.active::after{opacity:1;transform:scaleY(1);}
.navbar .nav-link i{display:none!important;}

/* métricas compactas dentro del sidebar */
.navbar-nav>.nav-item.d-flex{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  min-height:44px;
  padding:9px 12px!important;
  margin-top:8px!important;
  border:1px solid var(--lux-line)!important;
  border-radius:12px;
  background:rgba(255,255,255,.025);
  color:var(--lux-muted);
}
.navbar-nav>.nav-item.d-flex img{
  width:25px!important;height:25px!important;border-radius:8px!important;margin-right:8px!important;
}
#navbar-tokens,#navbar-balance{font-variant-numeric:tabular-nums;font-weight:800!important;}
#navbar-tokens{color:var(--lux-gold-soft)!important;}
#navbar-balance{color:var(--lux-green)!important;}

/* ticker flotante superior */
.navbar .container.my-4{
  position:fixed!important;
  top:0!important;
  left:var(--lux-side)!important;
  right:0!important;
  width:auto!important;
  max-width:none!important;
  height:var(--lux-top)!important;
  margin:0!important;
  padding:12px 22px!important;
  background:rgba(6,7,8,.91)!important;
  border-bottom:1px solid var(--lux-line)!important;
  backdrop-filter:blur(18px);
  z-index:1038;
}
.navbar .tradingview-widget-container{
  height:49px!important;
  border:1px solid rgba(212,175,55,.13)!important;
  border-radius:12px!important;
  box-shadow:none!important;
  opacity:.94;
}
.perfil-dropdown{
  margin-top:auto!important;
  width:100%!important;
  padding-top:14px;
  border-top:1px solid var(--lux-line);
}
#perfilBtn{
  width:100%!important;
  min-height:44px!important;
  border:1px solid rgba(212,175,55,.2)!important;
  background:rgba(212,175,55,.055)!important;
  color:var(--lux-gold-soft)!important;
  border-radius:12px!important;
  font-size:13px!important;
}
.perfil-menu{
  bottom:52px!important;
  top:auto!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  background:#0c0f12!important;
  border:1px solid rgba(212,175,55,.18)!important;
  border-radius:14px!important;
  box-shadow:var(--lux-shadow)!important;
}

/* CONTENIDO */
body>.container.mt-5.pt-4,
.lux-app-shell{
  width:min(1540px,calc(100% - 46px))!important;
  max-width:1540px!important;
  margin:0 auto!important;
  padding:28px 0 70px!important;
}
.container-section{animation:luxEnter .24s ease-out!important;}
@keyframes luxEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

/* paneles */
.card,.dashboard-card,.bot-card,.custom-vip-card,.vip-card,.pack-card.card{
  background:linear-gradient(145deg,rgba(18,21,25,.94),rgba(10,12,14,.985))!important;
  border:1px solid var(--lux-line)!important;
  border-radius:var(--lux-radius)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.23)!important;
  overflow:hidden;
}
.card::before,.dashboard-card::before,.bot-card::before{
  background:linear-gradient(115deg,rgba(212,175,55,.06),transparent 28%)!important;
  opacity:1!important;
}
.card:hover,.dashboard-card:hover,.bot-card:hover,.pack-card.card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(212,175,55,.24)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.32)!important;
}

/* dashboard principal estilo command center */
#dashboard>.card:first-child{
  padding:30px!important;
  background:
    linear-gradient(125deg,rgba(212,175,55,.075),transparent 34%),
    linear-gradient(145deg,#111419,#090b0e)!important;
  border-color:rgba(212,175,55,.2)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.32)!important;
}
#welcome-title{
  font-size:clamp(26px,3vw,43px)!important;
  letter-spacing:-1.3px!important;
  color:#fff!important;
  margin-bottom:8px!important;
}
#welcome-title::before{
  content:"LUX TERMINAL  /  ";
  display:block;
  margin-bottom:8px;
  font-size:10px!important;
  letter-spacing:3.2px;
  color:var(--lux-gold)!important;
  font-weight:800;
}
#welcome-subtitle{
  max-width:970px;
  font-size:14px!important;
  line-height:1.7!important;
  color:#9299a3!important;
  font-weight:450!important;
  text-shadow:none!important;
}
#dashboard>.card:first-child>.row.text-center{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  margin:28px 0 18px!important;
}
#dashboard>.card:first-child>.row.text-center>[class*="col-"]{
  width:auto!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
}
#dashboard>.card:first-child>.row.text-center .card{
  min-height:112px!important;
  padding:16px!important;
  justify-content:center!important;
  align-items:flex-start!important;
  text-align:left!important;
  border-radius:15px!important;
  background:#0b0e11!important;
}
#dashboard>.card:first-child>.row.text-center .card h6{
  color:#737b85!important;
  font-size:10px!important;
  letter-spacing:1.35px!important;
  text-transform:uppercase;
  text-shadow:none!important;
  margin-bottom:9px!important;
}
#dashboard>.card:first-child>.row.text-center .card p,
#dashboard>.card:first-child>.row.text-center .card span{
  font-size:16px!important;
  line-height:1.25!important;
  font-weight:750!important;
  color:#f5f7fa!important;
}
#dashboard #balance,#dashboard #tokens{color:var(--lux-green)!important;}
#dashboard #vip_level_card{color:var(--lux-gold-soft)!important;}
#dashboard-text{
  margin:18px 0 4px!important;
  padding:17px 18px!important;
  border:1px solid var(--lux-line)!important;
  border-left:2px solid var(--lux-gold)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.018)!important;
  color:#9ba2ab!important;
  font-size:13px!important;
  line-height:1.7!important;
}
#dashboard hr{border-color:rgba(255,255,255,.07)!important;opacity:1!important;}
#dashboard>.card:first-child>.col-md-6{
  width:100%!important;
  padding:0!important;
}
#dashboard .dashboard-card{
  margin-top:18px!important;
  background:linear-gradient(135deg,#0d1014,#090b0d)!important;
}

/* títulos */
h1,h2,h3,h4,h5,h6{font-family:'Space Grotesk','Segoe UI',sans-serif!important;text-shadow:none!important;}
h3{font-size:24px!important;letter-spacing:-.45px!important;}
h4{font-size:18px!important;}
h5{font-size:15px!important;letter-spacing:.15px!important;color:#f2f3f5!important;}
h6{color:#adb4bd!important;}
p,span,li,a,label,input,button,textarea,select{font-size:14px!important;}
.text-muted,p.text-muted{color:#87909a!important;text-shadow:none!important;background:transparent!important;}
.text-primary{color:var(--lux-gold-soft)!important;}
.text-success{color:var(--lux-green)!important;}
.text-danger{color:var(--lux-red)!important;}
.text-info{color:#c7ccd2!important;}

/* secciones como módulos */
#bots,#packs,#recargas,#luxcriptos-seccion,#muro,#arbol_section{padding-top:4px!important;}
#bots>.card,#packs>.card,#recargas>.card,#arbol_section>.card{
  padding:26px!important;
  border-color:rgba(212,175,55,.12)!important;
}
#packs_activos,#packs_disponibles{
  gap:16px!important;
}
.pack-card.card,.vip-card{
  background:#0b0e11!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.pack-card.card img{
  height:168px!important;
  min-height:168px!important;
  max-height:168px!important;
  filter:saturate(.75) contrast(1.04) brightness(.72)!important;
}
.pack-card.card:hover img{filter:saturate(.9) brightness(.86)!important;}
.pack-body{padding:18px!important;}
.costo-precio,.dias-restantes{font-variant-numeric:tabular-nums;}
.costo-precio{color:var(--lux-green)!important;}
.vip-btn,.btn-vip-action{
  border-radius:10px!important;
  min-height:42px!important;
  background:linear-gradient(135deg,#e1c151,#b9962d)!important;
  color:#060708!important;
  border:0!important;
  font-weight:800!important;
  letter-spacing:.25px;
}

/* botones */
.btn{
  border-radius:10px!important;
  min-height:40px;
  padding:9px 15px!important;
  box-shadow:none!important;
  font-size:13px!important;
}
.btn-primary,.btn-success{
  background:linear-gradient(135deg,#dfbe4b,#b18e2c)!important;
  color:#08090a!important;
  border:1px solid rgba(255,226,123,.25)!important;
}
.btn-outline-secondary,.btn-outline-info,.btn-outline-light{
  color:#d7dbe0!important;
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.025)!important;
}
.btn-outline-secondary:hover,.btn-outline-info:hover,.btn-outline-light:hover{
  color:var(--lux-gold-soft)!important;
  background:rgba(212,175,55,.07)!important;
  border-color:rgba(212,175,55,.3)!important;
}

/* inputs */
.form-control,.form-select,input,textarea,select,.direccion-texto{
  background:#080a0d!important;
  color:#eef0f2!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:10px!important;
  min-height:42px;
  box-shadow:none!important;
}
.form-control:focus,.form-select:focus,input:focus,textarea:focus,select:focus{
  border-color:rgba(212,175,55,.5)!important;
  box-shadow:0 0 0 3px rgba(212,175,55,.07)!important;
  background:#090b0e!important;
}
label{color:#aeb4bc!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.8px;}

/* LUX VIP señales */
#luxcriptos-seccion .nav-pills{
  padding:6px!important;
  gap:5px!important;
  border:1px solid var(--lux-line)!important;
  border-radius:14px!important;
  background:#090b0e!important;
}
#luxcriptos-seccion .nav-pills .nav-link{
  border-radius:9px!important;
  color:#8f97a1!important;
  border:1px solid transparent!important;
}
#luxcriptos-seccion .nav-pills .nav-link.active{
  background:rgba(212,175,55,.1)!important;
  color:var(--lux-gold-soft)!important;
  border-color:rgba(212,175,55,.18)!important;
}
.custom-vip-card{padding:22px!important;}
.operacion-body{background:transparent!important;}
.hit-success,.badge.bg-success{background:rgba(37,214,149,.12)!important;color:#62eab6!important;border:1px solid rgba(37,214,149,.25)!important;}
.hit-danger,.badge.bg-danger{background:rgba(255,95,109,.11)!important;color:#ff8490!important;border:1px solid rgba(255,95,109,.25)!important;}

/* muro */
#muro .card{background:#0c0f12!important;}
#muro .post-img-container{background:#060708!important;border-color:var(--lux-line)!important;}
#muro .form-control{background:#080a0d!important;border-color:rgba(255,255,255,.08)!important;}

/* calculadora */
#calculadoraApalancamiento{background:#0b0e11!important;}
#calculadoraApalancamiento .p-3.mb-4.rounded{
  background:rgba(212,175,55,.045)!important;
  border-left-color:var(--lux-gold)!important;
}
#calculadoraApalancamiento .text-info{color:var(--lux-gold-soft)!important;}

/* chat */
#chat-container,#chat-window{background:#0a0d10!important;border-color:rgba(212,175,55,.17)!important;box-shadow:var(--lux-shadow)!important;}
#chat-messages{background:#07090b!important;}
#chat-input{background:#11151a!important;border:1px solid var(--lux-line)!important;}
#chat-toggle-btn{border:1px solid rgba(212,175,55,.32)!important;box-shadow:0 12px 30px rgba(0,0,0,.5),0 0 0 4px rgba(212,175,55,.04)!important;}

/* footer */
footer,.footer-equipo{
  margin-left:0!important;
  background:#07090a!important;
  border-top:1px solid var(--lux-line)!important;
  color:#707883!important;
}
#footer-social a{background:#0e1114!important;border:1px solid var(--lux-line)!important;color:#9ca3ad!important;}
#footer-social a:hover{color:var(--lux-gold-soft)!important;border-color:rgba(212,175,55,.28)!important;}

/* scrollbar */
*{scrollbar-width:thin;scrollbar-color:#3c3a2d #090a0c;}
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-track{background:#08090b;}
::-webkit-scrollbar-thumb{background:#34342d;border-radius:10px;border:2px solid #08090b;}
::-webkit-scrollbar-thumb:hover{background:#6e6030;}

/* tablet/mobile */
@media(max-width:1199px){
  :root{--lux-side:230px;}
  #dashboard>.card:first-child>.row.text-center{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:991.98px){
  body.lux-terminal-ui,body{padding-left:0!important;padding-top:72px!important;}
  .navbar{
    inset:0 0 auto 0!important;
    width:100%!important;
    height:72px!important;
    padding:9px 14px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(212,175,55,.2)!important;
    overflow:visible!important;
  }
  .navbar>.container-fluid{flex-direction:row!important;align-items:center!important;}
  .navbar-brand{width:auto!important;min-height:52px!important;margin:0!important;padding:7px 8px 7px 58px!important;border:0!important;}
  .navbar-brand::before{width:42px!important;height:42px!important;left:7px!important;}
  .navbar-brand::after{font-size:11px;letter-spacing:2.3px;}
  .navbar-toggler{margin-left:auto!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;padding:8px 10px!important;}
  .navbar-collapse{
    position:absolute!important;
    top:72px!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    max-height:calc(100vh - 90px)!important;
    overflow:auto!important;
    display:none!important;
    padding:12px!important;
    background:rgba(8,10,12,.985)!important;
    border:1px solid rgba(212,175,55,.18)!important;
    border-radius:16px!important;
    box-shadow:0 24px 70px rgba(0,0,0,.6)!important;
  }
  .navbar-collapse.show{display:flex!important;}
  .navbar .container.my-4{display:none!important;}
  .perfil-dropdown{margin-top:12px!important;}
  body>.container.mt-5.pt-4,.lux-app-shell{width:calc(100% - 24px)!important;padding:20px 0 52px!important;}
  #dashboard>.card:first-child>.row.text-center{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:575.98px){
  body>.container.mt-5.pt-4,.lux-app-shell{width:calc(100% - 16px)!important;padding-top:12px!important;}
  #dashboard>.card:first-child{padding:18px!important;border-radius:15px!important;}
  #welcome-title{font-size:27px!important;}
  #welcome-subtitle{font-size:12px!important;line-height:1.6!important;}
  #dashboard>.card:first-child>.row.text-center{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:20px!important;}
  #dashboard>.card:first-child>.row.text-center .card{min-height:92px!important;padding:12px!important;}
  #dashboard>.card:first-child>.row.text-center .card h6{font-size:8.5px!important;letter-spacing:.85px!important;}
  #dashboard>.card:first-child>.row.text-center .card p,
  #dashboard>.card:first-child>.row.text-center .card span{font-size:13px!important;overflow-wrap:anywhere;}
  #dashboard-text{font-size:11.5px!important;padding:13px!important;}
  .card,.custom-vip-card,.pack-card.card{border-radius:14px!important;}
  #bots>.card,#packs>.card,#recargas>.card,#arbol_section>.card,.custom-vip-card{padding:15px!important;}
  .btn{font-size:11px!important;padding:8px 10px!important;}
  .navbar .nav-link{min-height:42px!important;font-size:12px!important;}
  #calculadoraApalancamiento .d-flex.justify-content-between.align-items-center{align-items:stretch!important;gap:12px!important;}
  #calculadoraApalancamiento .btn-group{display:grid!important;grid-template-columns:1fr!important;width:100%!important;}
}

/* ==========================================================================\n   LUX NEO V2 - COMMAND CENTER LAYER\n   ========================================================================== */
.lux-command-center{
  position:relative;
  margin:0 0 18px;
  padding:1px;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(232,202,91,.46),rgba(255,255,255,.06) 34%,rgba(255,255,255,.02) 70%,rgba(232,202,91,.18));
  box-shadow:0 26px 90px rgba(0,0,0,.38);
  overflow:hidden;
}
.lux-command-center::before{
  content:"";
  position:absolute;
  inset:-35% auto auto -8%;
  width:380px;height:380px;border-radius:50%;
  background:radial-gradient(circle,rgba(212,175,55,.12),transparent 68%);
  pointer-events:none;
}
.lux-command-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  gap:24px;
  padding:32px;
  border-radius:21px 21px 8px 8px;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    radial-gradient(circle at 74% 20%,rgba(212,175,55,.085),transparent 32%),
    #080a0d;
  background-size:32px 32px,32px 32px,auto,auto;
}
.lux-command-copy{display:flex;flex-direction:column;justify-content:center;min-height:245px;}
.lux-kicker{display:flex;align-items:center;gap:9px;color:#8f97a0;font-size:10px!important;font-weight:750;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:13px;}
.lux-live-dot{width:7px;height:7px;border-radius:50%;background:var(--lux-green);box-shadow:0 0 0 5px rgba(37,214,149,.07),0 0 15px rgba(37,214,149,.55);animation:luxPulse 1.8s ease-in-out infinite;}
@keyframes luxPulse{50%{box-shadow:0 0 0 8px rgba(37,214,149,0),0 0 20px rgba(37,214,149,.72)}}
.lux-command-copy h1{margin:0;color:#f7f8fa!important;font-size:clamp(36px,4.1vw,66px)!important;line-height:.96!important;letter-spacing:-2.8px!important;font-weight:700!important;}
.lux-command-copy h1 span{display:block;color:var(--lux-gold-soft);font-size:.64em!important;letter-spacing:1.4px!important;margin-top:9px;}
.lux-command-copy>p{max-width:620px;margin:18px 0 0;color:#8e96a0;font-size:13px!important;line-height:1.65!important;}
.lux-command-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px;}
.lux-command-actions button{
  min-height:42px;padding:0 16px;border-radius:10px;border:1px solid rgba(212,175,55,.3);
  background:linear-gradient(135deg,#dfbe4b,#a98825);color:#070809;font-size:11px!important;font-weight:800;letter-spacing:.35px;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.lux-command-actions button:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(212,175,55,.12);}
.lux-command-actions .lux-command-ghost{background:rgba(255,255,255,.025);color:#d9dde2;border-color:rgba(255,255,255,.1);}
.lux-command-actions i{margin-right:7px;}

/* ACCESO PRINCIPAL A TRADING · visible apenas entra al Dashboard */
.lux-command-actions .lux-command-trading{
  flex:1 1 100%;
  min-height:58px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 28px;
  align-items:center;
  gap:11px;
  padding:8px 12px;
  border:1px solid rgba(212,175,55,.48);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(212,175,55,.18),rgba(212,175,55,.055) 58%,rgba(37,214,149,.045));
  color:#f5e7b7!important;
  text-decoration:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 30px rgba(0,0,0,.18);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.lux-command-actions .lux-command-trading:hover{
  transform:translateY(-2px);
  border-color:rgba(236,201,95,.72);
  background:linear-gradient(135deg,rgba(212,175,55,.24),rgba(212,175,55,.075) 58%,rgba(37,214,149,.065));
  box-shadow:0 14px 34px rgba(0,0,0,.28),0 0 0 1px rgba(212,175,55,.07);
}
.lux-command-trading-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(212,175,55,.32);
  border-radius:10px;
  background:rgba(212,175,55,.09);
  color:#e2c25f;
}
.lux-command-trading-icon i{margin:0!important;font-size:15px!important;}
.lux-command-trading-copy{display:flex;flex-direction:column;min-width:0;gap:2px;}
.lux-command-trading-copy strong{color:#fff4cf;font-size:12px!important;font-weight:850;letter-spacing:.35px;}
.lux-command-trading-copy small{color:#8f97a0;font-size:9px!important;font-weight:600;}
.lux-command-trading-arrow{justify-self:end;color:#e2c25f;font-size:19px!important;line-height:1!important;}
.lux-market-core{
  align-self:stretch;min-height:245px;padding:18px;border:1px solid rgba(255,255,255,.075);border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.027),rgba(255,255,255,.01)),#080a0c;
  box-shadow:inset 0 1px rgba(255,255,255,.025);display:flex;flex-direction:column;
}
.lux-core-header,.lux-core-footer{display:flex;align-items:center;justify-content:space-between;color:#686f78;font-size:9px!important;letter-spacing:1.25px;text-transform:uppercase;}
.lux-core-header b{color:#67e7b6;font-size:9px!important;padding:4px 7px;border:1px solid rgba(37,214,149,.18);border-radius:999px;background:rgba(37,214,149,.06);}
.lux-core-chart{position:relative;flex:1;display:flex;align-items:flex-end;gap:7px;padding:24px 5px 16px;border-bottom:1px solid rgba(255,255,255,.055);overflow:hidden;}
.lux-core-chart::before{content:"";position:absolute;inset:18px 0 15px;background:repeating-linear-gradient(to bottom,transparent 0 29px,rgba(255,255,255,.035) 30px);}
.lux-core-chart span{position:relative;z-index:1;width:100%;height:var(--h);min-height:12px;border-radius:3px 3px 1px 1px;background:linear-gradient(to top,rgba(212,175,55,.23),#dabb4f);box-shadow:0 0 12px rgba(212,175,55,.08);transform-origin:bottom;animation:luxBar 900ms cubic-bezier(.2,.75,.2,1) both;}
.lux-core-chart span:nth-child(3n){background:linear-gradient(to top,rgba(37,214,149,.12),#39c793);}
.lux-core-chart span:nth-child(4n){background:linear-gradient(to top,rgba(255,95,109,.11),#de6570);}
@keyframes luxBar{from{transform:scaleY(.12);opacity:.2}to{transform:scaleY(1);opacity:1}}
.lux-core-footer{padding-top:13px;letter-spacing:.55px;text-transform:none;}
.lux-core-footer span{display:flex;align-items:center;gap:7px;font-size:9px!important;}
.lux-core-footer i{width:5px;height:5px;border-radius:50%;background:var(--lux-green);}
#lux-terminal-clock{color:#d8dce1;font:700 11px/1 'Space Grotesk',sans-serif;letter-spacing:.6px;font-variant-numeric:tabular-nums;}
.lux-module-strip{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.055);}
.lux-module-strip button{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:10px;text-align:left;padding:16px 18px;border:0;background:#0a0c0f;color:#fff;transition:background .18s ease;}
.lux-module-strip button:hover{background:#101318;}
.lux-module-strip i{grid-row:1/3;align-self:center;color:var(--lux-gold-soft);font-size:14px;}
.lux-module-strip span{font-size:10px!important;font-weight:750;letter-spacing:.7px;text-transform:uppercase;color:#dfe2e6;}
.lux-module-strip small{font-size:9px;color:#6f7781;margin-top:2px;}
.lux-account-overview{position:relative;overflow:hidden;}
.lux-account-overview::after{content:"ACCOUNT OVERVIEW";position:absolute;right:22px;top:18px;color:rgba(255,255,255,.1);font-size:9px;letter-spacing:1.5px;font-weight:700;pointer-events:none;}
.lux-account-overview>#welcome-title{font-size:15px!important;letter-spacing:.2px!important;margin-bottom:5px!important;color:#f1f2f4!important;}
.lux-account-overview>#welcome-subtitle{font-size:11px!important;max-width:750px;color:#767f89!important;line-height:1.55!important;margin-bottom:0!important;}
.lux-account-overview>.row.text-center .card{position:relative;overflow:hidden;}
.lux-account-overview>.row.text-center .card::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,var(--lux-gold),transparent);opacity:.58;}
.lux-account-overview>.row.text-center>[class*="col-"]:nth-child(3) .card::after,.lux-account-overview>.row.text-center>[class*="col-"]:nth-child(4) .card::after{background:linear-gradient(90deg,var(--lux-green),transparent);}
#dashboard .dashboard-card{border-top:1px solid rgba(212,175,55,.14)!important;}
@media (prefers-reduced-motion:reduce){.lux-live-dot,.lux-core-chart span{animation:none!important;}.lux-command-actions button{transition:none!important;}}
@media(max-width:991.98px){
  .lux-command-hero{grid-template-columns:1fr;padding:24px;}
  .lux-command-copy{min-height:0;}
  .lux-market-core{min-height:210px;}
  .lux-module-strip{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:575.98px){
  .lux-command-center{border-radius:16px;margin-bottom:12px;}
  .lux-command-hero{padding:19px;border-radius:15px 15px 7px 7px;gap:17px;}
  .lux-kicker{font-size:8px!important;letter-spacing:1.35px;margin-bottom:10px;}
  .lux-command-copy h1{font-size:34px!important;letter-spacing:-1.6px!important;}
  .lux-command-copy h1 span{font-size:.58em!important;margin-top:7px;}
  .lux-command-copy>p{font-size:11px!important;margin-top:13px;}
  .lux-command-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:16px;gap:7px;}
  .lux-command-actions .lux-command-trading{grid-column:1/-1;min-height:54px;padding:7px 10px;}
  .lux-command-trading-copy strong{font-size:11px!important;}
  .lux-command-trading-copy small{font-size:8.5px!important;}
  .lux-command-actions button{min-height:39px;padding:0 10px;font-size:9.5px!important;}
  .lux-command-actions button:last-child{grid-column:1/-1;}
  .lux-market-core{min-height:172px;padding:13px;}
  .lux-core-chart{gap:4px;padding-top:17px;}
  .lux-module-strip{grid-template-columns:1fr 1fr;}
  .lux-module-strip button{grid-template-columns:27px 1fr;padding:13px 11px;column-gap:7px;}
  .lux-module-strip span{font-size:8.5px!important;}.lux-module-strip small{font-size:8px;}
  .lux-account-overview::after{display:none;}
}

/* ========================================================================== 
   LUX COMMAND CENTER V3 · VIP EXPERIENCE
   ========================================================================== */
#luxcriptos-seccion #pills-tab{
  justify-content:flex-start!important;
  padding:7px!important;
  gap:7px!important;
  background:linear-gradient(180deg,#0b0d10,#080a0c)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:16px!important;
  box-shadow:0 18px 48px rgba(0,0,0,.24)!important;
}
#luxcriptos-seccion #pills-tab .nav-item{flex:1;min-width:150px;}
#luxcriptos-seccion #pills-tab .nav-link{
  width:100%;min-height:58px;padding:0 18px!important;border-radius:11px!important;
  border:1px solid transparent!important;background:transparent!important;
  display:flex;align-items:center;justify-content:flex-start;
  color:#7f8791!important;font-size:11px!important;font-weight:800!important;
  letter-spacing:1.25px!important;text-transform:uppercase;position:relative;overflow:hidden;
}
#luxcriptos-seccion #pills-tab .nav-link::before{
  content:attr(data-vip-index);display:none;
}
#luxcriptos-seccion #pills-tab .nav-link::after{
  content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--lux-gold),transparent);opacity:0;transform:scaleX(.55);transition:.25s ease;
}
#luxcriptos-seccion #pills-tab .nav-link:hover{color:#dadddf!important;background:rgba(255,255,255,.025)!important;}
#luxcriptos-seccion #pills-tab .nav-link.active{
  color:#f1d97b!important;background:linear-gradient(180deg,rgba(212,175,55,.095),rgba(212,175,55,.035))!important;
  border-color:rgba(212,175,55,.2)!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}
#luxcriptos-seccion #pills-tab .nav-link.active::after{opacity:1;transform:scaleX(1);}

.lux-indicator-hub{padding:4px 0 12px;}
.lux-vip-kicker{display:flex;align-items:center;gap:10px;color:#6f7680;font-size:10px;font-weight:800;letter-spacing:1.35px;margin:4px 2px 14px;}
.lux-vip-kicker span:first-child{color:var(--lux-gold-soft);}
.lux-vip-dot{width:4px;height:4px;border-radius:50%;background:#4c5158;}
.lux-indicator-hero{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);gap:28px;
  padding:34px;border:1px solid rgba(212,175,55,.16);border-radius:22px;overflow:hidden;position:relative;
  background:radial-gradient(circle at 12% 0%,rgba(212,175,55,.09),transparent 31%),linear-gradient(145deg,#0d1013,#080a0c 58%,#0b0e11);
  box-shadow:0 26px 70px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.025);
}
.lux-indicator-hero::before{content:"LUX";position:absolute;right:-12px;top:-54px;font:900 190px/1 'Space Grotesk',sans-serif;color:rgba(255,255,255,.018);letter-spacing:-14px;pointer-events:none;}
.lux-indicator-copy{position:relative;z-index:2;padding:7px 0;}
.lux-eyebrow{display:block;color:#9b8545;font-size:10px!important;font-weight:800;letter-spacing:1.65px!important;margin-bottom:13px;}
.lux-indicator-copy h2{font-size:clamp(31px,4vw,52px)!important;line-height:1!important;letter-spacing:-2px!important;margin:0 0 18px!important;color:#f6f6f3!important;text-shadow:none!important;}
.lux-indicator-lead{max-width:720px;color:#a5abb3!important;font-size:14px!important;line-height:1.75!important;margin:0!important;}
.lux-indicator-actions{display:flex;align-items:center;gap:14px;margin-top:27px;flex-wrap:wrap;}
.lux-open-terminal{
  min-width:290px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 14px 13px 18px;
  border-radius:12px;text-decoration:none!important;background:linear-gradient(135deg,#e1c252,#b8922a);color:#070809!important;
  border:1px solid rgba(255,235,154,.38);box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 28px rgba(212,175,55,.08);transition:.22s ease;
}
.lux-open-terminal:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 16px 38px rgba(0,0,0,.34),0 0 34px rgba(212,175,55,.12);}
.lux-btn-copy{display:flex;flex-direction:column;gap:2px;}
.lux-btn-copy strong{font-size:13px!important;letter-spacing:.2px;}
.lux-btn-copy small{font-size:9.5px!important;color:rgba(7,8,9,.62);font-weight:700;}
.lux-btn-arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:rgba(0,0,0,.09);font-size:18px!important;font-weight:700;}
.lux-live-chip{display:flex;align-items:center;gap:8px;color:#858c95;font-size:9px!important;font-weight:800;letter-spacing:1px;}
.lux-live-chip span{width:7px;height:7px;border-radius:50%;background:var(--lux-green);box-shadow:0 0 0 4px rgba(37,214,149,.08),0 0 14px rgba(37,214,149,.4);animation:luxPulse 2s infinite;}
@keyframes luxPulse{50%{box-shadow:0 0 0 7px rgba(37,214,149,0),0 0 18px rgba(37,214,149,.55)}}

.lux-terminal-preview{position:relative;z-index:2;min-height:330px;background:#07090b;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;box-shadow:0 22px 50px rgba(0,0,0,.33);}
.lux-preview-top,.lux-preview-foot{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.055);color:#8b929b;font-size:9px!important;font-weight:800;letter-spacing:.75px;}
.lux-preview-top span:last-child{color:#63dcae;}.lux-preview-foot{height:34px;border-top:1px solid rgba(255,255,255,.055);border-bottom:0;color:#5f6670;}
.lux-preview-chart{position:relative;height:254px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.008),transparent);}
.lux-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:100% 51px,68px 100%;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);}
.lux-level{position:absolute;left:8%;right:4%;height:1px;border-top:1px dashed;display:flex;justify-content:space-between;align-items:center;z-index:2;}
.lux-level span,.lux-level b{position:relative;top:-11px;background:#07090b;padding:1px 5px;font-size:8px!important;letter-spacing:.8px;font-weight:800;}
.lux-level-tp3{top:15%;border-color:rgba(37,214,149,.52);color:#4edba6}.lux-level-tp2{top:30%;border-color:rgba(37,214,149,.35);color:#4edba6}.lux-level-tp1{top:45%;border-color:rgba(37,214,149,.3);color:#4edba6}.lux-level-entry{top:64%;border-color:rgba(212,175,55,.55);color:#e0c45e}.lux-level-sl{top:84%;border-color:rgba(255,95,109,.45);color:#ff7582}
.lux-candle{position:absolute;width:10px;border-radius:2px;background:#25d695;bottom:72px;z-index:3;box-shadow:0 0 12px rgba(37,214,149,.08);}
.lux-candle::before{content:"";position:absolute;left:4px;width:1px;top:-13px;bottom:-12px;background:currentColor;color:inherit;opacity:.75}.lux-candle.c1{left:14%;height:26px;bottom:62px}.lux-candle.c2{left:24%;height:42px;bottom:72px}.lux-candle.c3{left:35%;height:24px;bottom:102px;background:#ff6573;color:#ff6573}.lux-candle.c4{left:46%;height:50px;bottom:98px}.lux-candle.c5{left:57%;height:35px;bottom:135px}.lux-candle.c6{left:69%;height:56px;bottom:146px}.lux-candle.c7{left:81%;height:34px;bottom:194px}.lux-candle:not(.c3){color:#25d695;}

.lux-playbook-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:36px 2px 15px;}
.lux-playbook-head .lux-eyebrow{margin-bottom:5px}.lux-playbook-head h3{font-size:19px!important;color:#ecedef!important;margin:0!important;text-shadow:none!important;}.lux-step-counter{color:#676e77;font-size:9px!important;font-weight:800;letter-spacing:1px;}
.lux-playbook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.lux-playbook-card{min-height:142px;display:flex;gap:18px;padding:22px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:linear-gradient(145deg,#0d1013,#0a0c0f);position:relative;overflow:hidden;transition:.22s ease;}
.lux-playbook-card:hover{transform:translateY(-2px);border-color:rgba(212,175,55,.18);background:linear-gradient(145deg,#101317,#0a0c0f);}
.lux-step{flex:0 0 34px;height:34px;display:grid;place-items:center;border:1px solid rgba(212,175,55,.2);border-radius:9px;color:#c5a743;font-size:10px!important;font-weight:900;letter-spacing:.5px;background:rgba(212,175,55,.035);}
.lux-playbook-card h4{font-size:14px!important;color:#e8eaec!important;margin:4px 0 8px!important;text-shadow:none!important;}.lux-playbook-card p{font-size:12px!important;line-height:1.65!important;color:#858c95!important;margin:0!important;}.lux-playbook-wide{grid-column:1/-1;min-height:122px;padding-right:190px;}.lux-rule{position:absolute;right:22px;top:50%;transform:translateY(-50%);padding:9px 11px;border:1px solid rgba(212,175,55,.14);border-radius:8px;color:#8f7a3d;font-size:8px!important;font-weight:900;letter-spacing:1.1px;}

.lux-risk-strip{display:grid;grid-template-columns:1.25fr repeat(4,1fr);margin-top:12px;border:1px solid rgba(255,255,255,.07);border-radius:15px;overflow:hidden;background:#0a0c0f;}
.lux-risk-title,.lux-risk-item{min-height:92px;padding:18px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.055);}.lux-risk-item:last-child{border-right:0}.lux-risk-title{flex-direction:row;align-items:center;justify-content:flex-start;gap:11px;background:rgba(255,255,255,.012)}.lux-risk-mark{width:3px;height:34px;border-radius:4px;background:var(--lux-gold);box-shadow:0 0 15px rgba(212,175,55,.2)}.lux-risk-title strong,.lux-risk-item strong{font-size:11px!important;color:#dfe1e4;}.lux-risk-title small,.lux-risk-item small{font-size:9px!important;color:#666e78;margin-top:4px}.lux-risk-item>span{font-size:9px!important;color:#35d39a;font-weight:900;letter-spacing:1px;margin-bottom:5px}.lux-risk-stop>span{color:#ff6d7a}
.lux-vip-note{display:flex;align-items:center;gap:18px;margin-top:12px;padding:15px 18px;border:1px solid rgba(212,175,55,.11);border-radius:12px;background:rgba(212,175,55,.025)}.lux-note-label{white-space:nowrap;color:#c2a543;font-size:9px!important;font-weight:900;letter-spacing:1.2px}.lux-vip-note p{margin:0!important;font-size:11px!important;color:#7c838d!important;line-height:1.55!important}.lux-vip1-legacy{display:none!important;}

@media(max-width:1100px){.lux-indicator-hero{grid-template-columns:1fr}.lux-terminal-preview{min-height:300px}.lux-risk-strip{grid-template-columns:repeat(2,1fr)}.lux-risk-title{grid-column:1/-1}.lux-risk-title,.lux-risk-item{border-bottom:1px solid rgba(255,255,255,.055)}}
@media(max-width:767px){
  #luxcriptos-seccion #pills-tab{display:grid!important;grid-template-columns:1fr 1fr!important;padding:5px!important;gap:5px!important}#luxcriptos-seccion #pills-tab .nav-item{min-width:0!important;width:100%!important}#luxcriptos-seccion #pills-tab .nav-link{min-height:48px;padding:0 12px!important;font-size:9px!important;letter-spacing:.9px!important}
  .lux-indicator-hero{padding:21px 16px;gap:22px;border-radius:16px}.lux-indicator-copy h2{font-size:32px!important;letter-spacing:-1.4px!important}.lux-indicator-lead{font-size:12px!important;line-height:1.65!important}.lux-open-terminal{min-width:0;width:100%}.lux-live-chip{width:100%}.lux-terminal-preview{min-height:280px}.lux-preview-chart{height:220px}.lux-playbook-grid{grid-template-columns:1fr}.lux-playbook-wide{grid-column:auto;padding-right:22px}.lux-rule{position:static;transform:none;margin:18px 0 0 52px;width:max-content}.lux-playbook-card{min-height:auto;padding:18px 16px}.lux-risk-strip{grid-template-columns:1fr 1fr}.lux-risk-title{grid-column:1/-1}.lux-risk-item{padding:14px;min-height:86px}.lux-vip-note{align-items:flex-start;flex-direction:column;gap:7px}.lux-playbook-head{align-items:flex-start}.lux-step-counter{margin-top:4px}
}
@media(max-width:420px){.lux-risk-strip{grid-template-columns:1fr}.lux-risk-title{grid-column:auto}.lux-risk-title,.lux-risk-item{border-right:0}.lux-preview-top span:last-child,.lux-preview-foot span:first-child{display:none}.lux-preview-top,.lux-preview-foot{justify-content:flex-end}}



/* ==========================================================================
   LUX CRIPTOS - THEME SYSTEM
   Default: dark
   Light: html[data-theme="light"]
   ========================================================================== */

html {
    color-scheme: dark;
}

html[data-theme="light"] {
    color-scheme: light;
}

/* ---------- LIGHT THEME TOKENS ---------- */
html[data-theme="light"] {
    --bg-main: #f2eadf;
    --bg-card: #fffaf2;
    --bg-card-hover: #f8efe2;
    --bg-input: #f7efe4;

    --border-gold: rgba(145, 107, 37, 0.30);
    --border-color: rgba(120, 95, 57, 0.20);

    --gold-primary: #9a7228;
    --gold-light: #c59b48;
    --gold-dark: #76531b;

    --text-main: #2c2822;
    --text-muted: #70685f;

    --neon-green: #168a59;
    --success: #168a59;
    --danger: #b94c4c;
    --warning: #a97712;
    --error-red: #b94c4c;
}

/* ---------- PAGE ---------- */
html[data-theme="light"] body {
    background:
        radial-gradient(circle at 12% 10%, rgba(188, 150, 79, 0.10), transparent 28%),
        linear-gradient(145deg, #f6f0e7 0%, #ede3d5 100%) !important;
    color: var(--text-main) !important;
}

html[data-theme="light"] body::before {
    background: rgba(246, 240, 231, 0.34) !important;
}

/* ---------- NAVBAR ---------- */
html[data-theme="light"] .navbar {
    background: rgba(250, 246, 239, 0.96) !important;
    border-bottom: 1px solid #d9ccb9 !important;
    box-shadow: 0 5px 24px rgba(85, 65, 38, 0.08) !important;
}

html[data-theme="light"] .navbar-brand,
html[data-theme="light"] .navbar .nav-link {
    color: #312c25 !important;
}

html[data-theme="light"] .navbar .nav-link:hover,
html[data-theme="light"] .navbar .nav-link.active,
html[data-theme="light"] .navbar-nav .nav-link.active {
    color: var(--gold-primary) !important;
}

html[data-theme="light"] .navbar-nav .nav-link:not(.active) {
    color: #514a42 !important;
    text-shadow: none !important;
    animation: none !important;
}

html[data-theme="light"] .navbar-toggler {
    color: #2c2822 !important;
}

html[data-theme="light"] .navbar .btn-outline-light {
    color: var(--gold-primary) !important;
    border-color: rgba(145, 107, 37, 0.35) !important;
    background: #fffaf2 !important;
}

html[data-theme="light"] .navbar .btn-outline-light:hover {
    background: var(--gold-primary) !important;
    color: #fffaf2 !important;
}

/* ---------- GLOBAL HEADINGS / TEXT ---------- */
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6 {
    color: #2c2822 !important;
    text-shadow: none !important;
}

html[data-theme="light"] h5,
html[data-theme="light"] .titulo-seccion,
html[data-theme="light"] .nombre-miembro {
    color: var(--gold-primary) !important;
}

html[data-theme="light"] p,
html[data-theme="light"] span,
html[data-theme="light"] li,
html[data-theme="light"] label {
    text-shadow: none !important;
}

html[data-theme="light"] .text-muted,
html[data-theme="light"] p.text-muted {
    color: #746b61 !important;
    text-shadow: none !important;
}

html[data-theme="light"] p.text-muted {
    background: #f6ede1 !important;
    border: 1px solid #ddd0be !important;
}

/* ---------- CARDS ---------- */
html[data-theme="light"] .dashboard-card,
html[data-theme="light"] .bot-card,
html[data-theme="light"] .card,
html[data-theme="light"] .equipo-card,
html[data-theme="light"] .referral-card,
html[data-theme="light"] .custom-vip-card {
    background: linear-gradient(145deg, #fffaf2, #f7eee1) !important;
    border-color: #dccdb8 !important;
    box-shadow: 0 12px 32px rgba(91, 69, 40, 0.08) !important;
    color: #2c2822 !important;
}

html[data-theme="light"] .dashboard-card::before,
html[data-theme="light"] .bot-card::before,
html[data-theme="light"] .card::before {
    background: radial-gradient(circle at top right, rgba(169, 128, 48, 0.10), transparent 65%) !important;
}

html[data-theme="light"] .dashboard-card:hover,
html[data-theme="light"] .bot-card:hover,
html[data-theme="light"] .card:hover,
html[data-theme="light"] .equipo-card:hover,
html[data-theme="light"] .referral-card:hover,
html[data-theme="light"] .custom-vip-card:hover {
    border-color: rgba(154, 114, 40, 0.60) !important;
    box-shadow: 0 18px 38px rgba(91, 69, 40, 0.12) !important;
}

html[data-theme="light"] .dashboard-card h5,
html[data-theme="light"] .bot-card h5,
html[data-theme="light"] .card h5,
html[data-theme="light"] .dashboard-card p,
html[data-theme="light"] .bot-card p,
html[data-theme="light"] .card p {
    color: #3b352d !important;
}

/* ---------- INPUTS ---------- */
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select,
html[data-theme="light"] .form-control,
html[data-theme="light"] .form-select,
html[data-theme="light"] .direccion-texto {
    background: #fffaf2 !important;
    color: #2c2822 !important;
    border-color: #cfc1ae !important;
    box-shadow: none !important;
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder,
html[data-theme="light"] .form-control::placeholder {
    color: #9a8e7f !important;
}

html[data-theme="light"] input:focus,
html[data-theme="light"] textarea:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] .form-control:focus,
html[data-theme="light"] .form-select:focus {
    background: #fffdf8 !important;
    color: #2c2822 !important;
    border-color: #a98136 !important;
    box-shadow: 0 0 0 3px rgba(154, 114, 40, 0.10) !important;
}

/* Prevent mobile browser zoom on focus */
@media (max-width: 768px) {
    input,
    textarea,
    select,
    .form-control,
    .form-select {
        font-size: 16px !important;
    }
}

/* ---------- BUTTONS ---------- */
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .btn-success,
html[data-theme="light"] .vip-btn,
html[data-theme="light"] .btn-vip-action {
    background: var(--gold-primary) !important;
    color: #fffaf2 !important;
    box-shadow: 0 6px 16px rgba(154, 114, 40, 0.16) !important;
}

html[data-theme="light"] .btn-secondary,
html[data-theme="light"] .btn-dark,
html[data-theme="light"] .input-group .btn {
    background: #eee3d4 !important;
    color: #40382f !important;
    border-color: #d2c3af !important;
}

html[data-theme="light"] button:disabled,
html[data-theme="light"] .btn:disabled,
html[data-theme="light"] .vip-btn:disabled {
    background: #ddd3c5 !important;
    color: #8d8275 !important;
}

/* ---------- LISTS ---------- */
html[data-theme="light"] ul.list-group,
html[data-theme="light"] .list-group,
html[data-theme="light"] .list-group-item {
    background: #fffaf2 !important;
    color: #3a342c !important;
    border-color: #d8cab6 !important;
}

/* ---------- PACKS ---------- */
html[data-theme="light"] .pack-card.card {
    background: #fffaf2 !important;
    border-color: #d8cab6 !important;
    box-shadow: 0 8px 24px rgba(86, 65, 39, 0.08) !important;
}

html[data-theme="light"] .pack-card .pack-title {
    color: #2c2822 !important;
}

html[data-theme="light"] .pack-card p,
html[data-theme="light"] .pack-card .pack-desc,
html[data-theme="light"] .pack-card span {
    color: #6f665d !important;
}

html[data-theme="light"] .pack-card p span,
html[data-theme="light"] .pack-card .pack-desc span {
    color: #3f382f !important;
}

html[data-theme="light"] .pack-card.card img {
    background-color: #efe5d7 !important;
    border-color: #d8cab6 !important;
}

/* ---------- MURO ---------- */
html[data-theme="light"] #muro {
    background-color: transparent !important;
    color: #2c2822 !important;
}

html[data-theme="light"] #muro .card,
html[data-theme="light"] #muro .card-header,
html[data-theme="light"] #muro .card-footer {
    background-color: #fffaf2 !important;
    border-color: #d7c9b6 !important;
    color: #2c2822 !important;
}

html[data-theme="light"] #muro .card-header h6,
html[data-theme="light"] #muro .card-body p,
html[data-theme="light"] #muro .text-dark,
html[data-theme="light"] #muro .text-secondary {
    color: #342e27 !important;
}

html[data-theme="light"] #muro .text-muted {
    color: #746b61 !important;
}

html[data-theme="light"] #muro .post-img-container,
html[data-theme="light"] .post-img-container,
html[data-theme="light"] .post-video-container {
    background-color: #eee4d6 !important;
    border-color: #d7c9b6 !important;
}

html[data-theme="light"] #muro .comentarios-list .bg-light {
    background-color: #f2e8db !important;
    color: #2c2822 !important;
}

html[data-theme="light"] #muro .form-control {
    background-color: #fffaf2 !important;
    border-color: #cfc1ae !important;
    color: #2c2822 !important;
}

/* ---------- REFERRALS / TREE ---------- */
html[data-theme="light"] .referral-simulation,
html[data-theme="light"] .arrow-line {
    background: #f6ede1 !important;
    border-color: #d4c5b1 !important;
    color: #51483f !important;
}

html[data-theme="light"] #arbol_section,
html[data-theme="light"] #arbol_section #arbol,
html[data-theme="light"] #arbol_section #arbol * {
    color: #2f2a24 !important;
}

/* ---------- MODALS / DROPDOWNS ---------- */
html[data-theme="light"] .perfil-menu,
html[data-theme="light"] .modalContent,
html[data-theme="light"] .modal-content,
html[data-theme="light"] .user-msg-card,
html[data-theme="light"] .user-msg-notif {
    background: #fffaf2 !important;
    color: #2c2822 !important;
    border-color: #d5c7b3 !important;
    box-shadow: 0 18px 46px rgba(79, 59, 35, 0.16) !important;
}

html[data-theme="light"] .perfil-menu button {
    color: #39332c !important;
}

html[data-theme="light"] .perfil-menu button:hover {
    background: #f0e4d2 !important;
}

html[data-theme="light"] #modalPerfil {
    background: rgba(55, 45, 31, 0.38) !important;
}

html[data-theme="light"] .user-msg-card p {
    background: #f5ebde !important;
    border-color: #d7c9b6 !important;
    color: #352f28 !important;
}

/* ---------- FOOTER ---------- */
html[data-theme="light"] footer,
html[data-theme="light"] .footer-equipo {
    background: #e9dece !important;
    color: #6f665d !important;
    border-top-color: #d5c6b2 !important;
}

html[data-theme="light"] footer a,
html[data-theme="light"] .footer-link {
    color: var(--gold-primary) !important;
}

html[data-theme="light"] #footer-social a {
    background: #fffaf2 !important;
    border-color: #d5c6b2 !important;
}

/* ---------- SCROLLBAR ---------- */
html[data-theme="light"] ::-webkit-scrollbar-track {
    background: #ece2d4 !important;
}

html[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: #b28b3e !important;
    box-shadow: none !important;
}

html[data-theme="light"] * {
    scrollbar-color: #b28b3e #ece2d4;
}

/* ---------- CHAT ---------- */
html[data-theme="light"] #chat-window {
    background: #fffaf2 !important;
    border-color: #d2c3af !important;
    box-shadow: 0 12px 34px rgba(73, 56, 35, 0.18) !important;
}

html[data-theme="light"] #chat-header,
html[data-theme="light"] #chat-form {
    background: #e7dac8 !important;
    color: #342e27 !important;
}

html[data-theme="light"] #chat-messages {
    background: #f7efe4 !important;
}

html[data-theme="light"] #chat-input {
    background: #fffaf2 !important;
    color: #2c2822 !important;
    border: 1px solid #cdbda8 !important;
}

html[data-theme="light"] #chat-close-btn,
html[data-theme="light"] #chat-file-btn,
html[data-theme="light"] #chat-send-btn {
    color: #665d53 !important;
}

/* ---------- THEME TOGGLE ---------- */
#lux-theme-toggle {
    position: fixed;
    top: 18px;
    right: 18px;
    z-index: 50000;

    width: 46px;
    height: 46px;
    padding: 0;

    border: 1px solid rgba(212,175,55,.32);
    border-radius: 13px;

    display: grid;
    place-items: center;

    background: rgba(13,13,17,.94);
    color: #f3e5ab;

    box-shadow: 0 8px 24px rgba(0,0,0,.28);
    backdrop-filter: blur(12px);

    cursor: pointer;
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

#lux-theme-toggle:hover {
    transform: translateY(-1px);
    border-color: var(--gold-primary);
}

#lux-theme-toggle svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

html[data-theme="light"] #lux-theme-toggle {
    background: rgba(255,250,242,.96);
    color: #7a5b20;
    border-color: #d2c2aa;
    box-shadow: 0 7px 22px rgba(79,59,35,.11);
}

@media (max-width: 768px) {
    #lux-theme-toggle {
        top: 12px;
        right: 62px;
        width: 42px;
        height: 42px;
        border-radius: 11px;
    }
}

/* Smooth theme change without animating layout */
html.theme-transition,
html.theme-transition *,
html.theme-transition *::before,
html.theme-transition *::after {
    transition:
        background-color .22s ease,
        background .22s ease,
        color .22s ease,
        border-color .22s ease,
        box-shadow .22s ease !important;
}



/* ==========================================================================
   LUX UI RESTORE — HELP + MOBILE APP NAV
   These components exist in dashboard.html and require explicit styling.
   ========================================================================== */

:root{
  --lux-mobile-nav-h:72px;
}

/* Mobile app nav must never appear as raw browser buttons on desktop */
.lux-mobile-nav{
  display:none;
}

/* Help launcher */
.lux-help-button{
  position:fixed;
  right:18px;
  bottom:98px;
  z-index:9998;
  min-width:92px;
  height:42px;
  padding:0 13px;
  border:1px solid rgba(212,175,55,.28);
  border-radius:12px;
  background:rgba(11,14,18,.96);
  color:#e9dcae;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  box-shadow:0 14px 35px rgba(0,0,0,.32);
  backdrop-filter:blur(12px);
  font-size:10px!important;
  font-weight:800;
  letter-spacing:.7px;
  cursor:pointer;
}
.lux-help-symbol{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border:1px solid rgba(212,175,55,.28);
  border-radius:6px;
  color:#d4af37;
  font-size:11px!important;
}

.lux-help-overlay{
  position:fixed;
  inset:0;
  z-index:10028;
  background:rgba(0,0,0,.48);
  backdrop-filter:blur(3px);
  opacity:0;
  pointer-events:none;
  transition:.2s ease;
}

.lux-help-panel{
  position:fixed;
  right:14px;
  bottom:14px;
  width:min(410px,calc(100vw - 28px));
  max-height:min(640px,calc(100dvh - 28px));
  z-index:10030;
  overflow:auto;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:#0b0e12;
  color:#eef0f2;
  box-shadow:0 28px 80px rgba(0,0,0,.58);
  transform:translateY(18px) scale(.98);
  opacity:0;
  pointer-events:none;
  transition:.22s ease;
}

.lux-help-panel.open{
  transform:none;
  opacity:1;
  pointer-events:auto;
}
.lux-help-overlay.open{
  opacity:1;
  pointer-events:auto;
}

.lux-help-header{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:18px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(11,14,18,.97);
  backdrop-filter:blur(10px);
}
.lux-help-header>div>span{
  display:block;
  color:#d8bd69!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:1.3px!important;
}
.lux-help-header h3{
  margin:5px 0 0!important;
  color:#eef0f2!important;
  font-size:18px!important;
  line-height:1.2!important;
}
.lux-help-header>button{
  flex:0 0 32px;
  width:32px;
  height:32px;
  padding:0;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:#11151a;
  color:#9ba2ab;
  font-size:21px!important;
  line-height:1;
  cursor:pointer;
}

.lux-help-options{
  display:grid;
  gap:7px;
  padding:11px;
}
.lux-help-options button{
  width:100%;
  min-height:58px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:11px;
  background:#0e1115;
  color:#eef0f2;
  text-align:left;
  cursor:pointer;
  transition:.18s ease;
}
.lux-help-options button:hover{
  background:#13171c;
  border-color:rgba(212,175,55,.18);
}
.lux-help-options strong{
  display:block;
  margin-bottom:3px;
  color:#e5e7e9!important;
  font-size:11px!important;
  line-height:1.25!important;
}
.lux-help-options small{
  display:block;
  color:#89919b!important;
  font-size:9.5px!important;
  line-height:1.45!important;
}

.lux-help-topic{
  padding:14px 16px 20px;
}
.lux-help-back{
  border:0;
  background:transparent;
  color:#b89a4d;
  padding:0 0 14px;
  font-size:9px!important;
  font-weight:800;
  cursor:pointer;
}
.lux-help-topic h4{
  color:#eef0f2!important;
  font-size:18px!important;
}
.lux-help-topic p{
  color:#8f97a1!important;
  font-size:11px!important;
  line-height:1.65!important;
}
.lux-help-definition{
  margin-top:7px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:9px;
  background:#0f1216;
}

/* Light theme for help */
html[data-theme="light"] .lux-help-button{
  background:#fffaf2;
  color:#624d25;
  border-color:#d7c5a8;
  box-shadow:0 12px 30px rgba(78,61,39,.12);
}
html[data-theme="light"] .lux-help-symbol{
  color:#947028;
  border-color:#d3bf9e;
}
html[data-theme="light"] .lux-help-overlay{
  background:rgba(74,60,42,.30);
}
html[data-theme="light"] .lux-help-panel{
  background:#fffaf2;
  color:#2c2822;
  border-color:#d8cab7;
  box-shadow:0 28px 70px rgba(78,61,39,.18);
}
html[data-theme="light"] .lux-help-header{
  background:rgba(255,250,242,.97);
  border-color:#ddd0be;
}
html[data-theme="light"] .lux-help-header>div>span{
  color:#92702b!important;
}
html[data-theme="light"] .lux-help-header h3{
  color:#2c2822!important;
}
html[data-theme="light"] .lux-help-header>button{
  background:#f4eadb;
  color:#655d53;
  border-color:#d8cab7;
}
html[data-theme="light"] .lux-help-options button{
  background:#f8f0e4;
  color:#2c2822;
  border-color:#dfd2c0;
}
html[data-theme="light"] .lux-help-options button:hover{
  background:#f1e4d2;
  border-color:#caae77;
}
html[data-theme="light"] .lux-help-options strong{
  color:#342f29!important;
}
html[data-theme="light"] .lux-help-options small,
html[data-theme="light"] .lux-help-topic p{
  color:#746b61!important;
}
html[data-theme="light"] .lux-help-topic h4{
  color:#2c2822!important;
}
html[data-theme="light"] .lux-help-definition{
  background:#f5ebde;
  border-color:#dacbb7;
}

/* Mobile app navigation */
@media(max-width:767.98px){
  body{
    padding-bottom:calc(var(--lux-mobile-nav-h) + 12px + env(safe-area-inset-bottom))!important;
  }

  .lux-mobile-nav{
    position:fixed;
    left:8px;
    right:8px;
    bottom:8px;
    z-index:10000;
    min-height:var(--lux-mobile-nav-h);
    padding:6px 7px calc(6px + env(safe-area-inset-bottom));
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:3px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    background:rgba(9,11,14,.96);
    backdrop-filter:blur(18px);
    box-shadow:0 -10px 35px rgba(0,0,0,.35);
  }

  .lux-mobile-nav-item{
    position:relative;
    min-width:0;
    height:56px;
    padding:4px 2px;
    border:0!important;
    background:transparent!important;
    color:#a9a596!important;
    text-decoration:none!important;
    display:flex!important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    font-size:10px!important;
    font-weight:650!important;
    line-height:1!important;
    border-radius:12px!important;
    box-shadow:none!important;
  }
  .lux-mobile-nav-item i{
    font-size:18px!important;
    line-height:1!important;
    color:#b99a48!important;
  }
  .lux-mobile-nav-item>span:last-child{
    font-size:9px!important;
    line-height:1!important;
    white-space:nowrap;
  }
  .lux-mobile-nav-item.active{
    color:#f3ead5!important;
    background:rgba(212,175,55,.07)!important;
  }
  .lux-mobile-nav-item.active::before{
    content:"";
    position:absolute;
    top:-7px;
    left:26%;
    right:26%;
    height:2px;
    border-radius:99px;
    background:#d4af37;
    box-shadow:0 0 10px rgba(212,175,55,.38);
  }

  .lux-mobile-nav-trading{
    transform:translateY(-5px);
  }
  .lux-mobile-trading-icon{
    width:35px!important;
    height:35px!important;
    margin-top:-5px;
    border-radius:50%;
    display:grid!important;
    place-items:center;
    border:1px solid rgba(212,175,55,.48);
    background:linear-gradient(145deg,#17150f,#0b0d0f);
    box-shadow:0 0 0 4px rgba(212,175,55,.05),0 6px 18px rgba(0,0,0,.4);
  }
  .lux-mobile-trading-icon i{
    font-size:15px!important;
    color:#e4be59!important;
  }

  #chat-widget-container,
  #chat-toggle-btn{
    bottom:calc(var(--lux-mobile-nav-h) + 16px + env(safe-area-inset-bottom))!important;
  }
  .lux-help-button{
    right:12px!important;
    bottom:calc(var(--lux-mobile-nav-h) + 84px + env(safe-area-inset-bottom))!important;
  }

  .lux-help-panel{
    right:8px;
    bottom:calc(var(--lux-mobile-nav-h) + 8px + env(safe-area-inset-bottom));
    width:calc(100vw - 16px);
    max-height:calc(100dvh - var(--lux-mobile-nav-h) - 28px);
    border-radius:18px;
  }

  /* light mobile app */
  html[data-theme="light"] .lux-mobile-nav{
    background:rgba(255,250,242,.97);
    border-color:#d7c9b6;
    box-shadow:0 -9px 28px rgba(78,61,39,.10);
  }
  html[data-theme="light"] .lux-mobile-nav-item{
    color:#746b61!important;
  }
  html[data-theme="light"] .lux-mobile-nav-item i{
    color:#9a7228!important;
  }
  html[data-theme="light"] .lux-mobile-nav-item.active{
    color:#5e481f!important;
    background:#f0e3cf!important;
  }
  html[data-theme="light"] .lux-mobile-trading-icon{
    background:linear-gradient(145deg,#fff8eb,#ead9bd);
    border-color:#b99758;
    box-shadow:0 0 0 4px rgba(154,114,40,.07),0 5px 14px rgba(78,61,39,.12);
  }
}

@media(min-width:768px){
  .lux-mobile-nav{
    display:none!important;
  }
}

@media(max-width:390px){
  :root{--lux-mobile-nav-h:68px;}
  .lux-mobile-nav{left:5px;right:5px;padding-left:4px;padding-right:4px;}
  .lux-mobile-nav-item{height:52px;}
  .lux-mobile-nav-item i{font-size:16px!important;}
  .lux-mobile-nav-item>span:last-child{font-size:8px!important;}
}




/* ==========================================================================
   PERFIL — ACCESOS RÁPIDOS
   Corrige las clases Bootstrap text-light / border-secondary en ambos temas.
   ========================================================================== */

#arbol_section > .d-flex.flex-wrap.gap-2.mb-4{
    width:100%;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px !important;
    margin:0 0 22px !important;
    padding:10px !important;

    border:1px solid rgba(255,255,255,.07);
    border-radius:15px;

    background:rgba(10,12,15,.72);
    box-shadow:0 10px 30px rgba(0,0,0,.15);
}

#arbol_section > .d-flex.flex-wrap.gap-2.mb-4 > .btn{
    width:100% !important;
    min-height:50px !important;
    margin:0 !important;
    padding:10px 13px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;

    border:1px solid rgba(255,255,255,.09) !important;
    border-radius:10px !important;

    background:#101318 !important;
    color:#c9ced4 !important;

    font-size:11px !important;
    font-weight:750 !important;
    line-height:1.2 !important;
    text-align:center !important;
    text-decoration:none !important;

    box-shadow:none !important;
    transition:
        background .18s ease,
        color .18s ease,
        border-color .18s ease,
        transform .18s ease !important;
}

#arbol_section > .d-flex.flex-wrap.gap-2.mb-4 > .btn i{
    color:#b99a48 !important;
    font-size:13px !important;
    margin:0 !important;
}

#arbol_section > .d-flex.flex-wrap.gap-2.mb-4 > .btn:hover{
    transform:translateY(-1px) !important;
    background:#15181d !important;
    color:#f0e8d6 !important;
    border-color:rgba(212,175,55,.28) !important;
}

/* Trading se diferencia sin quedar chillón */
#arbol_section > .d-flex.flex-wrap.gap-2.mb-4 > .btn.btn-outline-warning{
    background:linear-gradient(135deg,rgba(212,175,55,.10),rgba(212,175,55,.035)) !important;
    color:#e4bf5d !important;
    border-color:rgba(212,175,55,.34) !important;
}

#arbol_section > .d-flex.flex-wrap.gap-2.mb-4 > .btn.btn-outline-warning:hover{
    background:rgba(212,175,55,.15) !important;
    color:#f2d176 !important;
}

/* ---------- LIGHT ---------- */
html[data-theme="light"] #arbol_section > .d-flex.flex-wrap.gap-2.mb-4{
    background:#eee4d6 !important;
    border-color:#d8c9b5 !important;
    box-shadow:0 9px 26px rgba(77,59,36,.07) !important;
}

html[data-theme="light"] #arbol_section > .d-flex.flex-wrap.gap-2.mb-4 > .btn,
html[data-theme="light"] #arbol_section > .d-flex.flex-wrap.gap-2.mb-4 > .btn.text-light,
html[data-theme="light"] #arbol_section > .d-flex.flex-wrap.gap-2.mb-4 > .btn.border-secondary,
html[data-theme="light"] #arbol_section > .d-flex.flex-wrap.gap-2.mb-4 > .btn.btn-outline-secondary{
    background:#fffaf2 !important;
    color:#40382f !important;
    border-color:#d2c2ac !important;
    text-shadow:none !important;
}

html[data-theme="light"] #arbol_section > .d-flex.flex-wrap.gap-2.mb-4 > .btn i,
html[data-theme="light"] #arbol_section > .d-flex.flex-wrap.gap-2.mb-4 > .btn .text-info{
    color:#94702a !important;
}

html[data-theme="light"] #arbol_section > .d-flex.flex-wrap.gap-2.mb-4 > .btn:hover{
    background:#f4e8d6 !important;
    color:#2d2822 !important;
    border-color:#b99556 !important;
    box-shadow:0 7px 18px rgba(80,61,37,.08) !important;
}

html[data-theme="light"] #arbol_section > .d-flex.flex-wrap.gap-2.mb-4 > .btn.btn-outline-warning{
    background:#f6e9cc !important;
    color:#775615 !important;
    border-color:#c89b42 !important;
}

html[data-theme="light"] #arbol_section > .d-flex.flex-wrap.gap-2.mb-4 > .btn.btn-outline-warning i{
    color:#8c6419 !important;
}

html[data-theme="light"] #arbol_section > .d-flex.flex-wrap.gap-2.mb-4 > .btn.btn-outline-warning:hover{
    background:#eddbb4 !important;
    color:#5f4411 !important;
}

/* ---------- MOBILE APP STYLE ---------- */
@media(max-width:767.98px){
    #arbol_section > .d-flex.flex-wrap.gap-2.mb-4{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:7px !important;
        padding:8px !important;
        margin-bottom:14px !important;
        border-radius:14px;
    }

    #arbol_section > .d-flex.flex-wrap.gap-2.mb-4 > .btn{
        min-height:62px !important;
        padding:9px 7px !important;

        flex-direction:column !important;
        gap:5px !important;

        border-radius:11px !important;
        font-size:9px !important;
        white-space:normal !important;
    }

    #arbol_section > .d-flex.flex-wrap.gap-2.mb-4 > .btn i{
        font-size:17px !important;
    }
}

@media(max-width:390px){
    #arbol_section > .d-flex.flex-wrap.gap-2.mb-4 > .btn{
        min-height:58px !important;
        font-size:8.5px !important;
    }
}




/* ==========================================================================
   LUX MEMBERSHIP SELECTOR V6
   Static selector above dynamic pack cards.
   ========================================================================== */

.lux-membership-shell{
    position:relative;
    overflow:hidden;
}

.lux-section-header{
    display:flex;
    align-items:center;
    gap:13px;
    margin-bottom:18px;
}

.lux-section-icon{
    width:43px;
    height:43px;
    flex:0 0 43px;

    display:grid;
    place-items:center;

    border:1px solid rgba(212,175,55,.18);
    border-radius:12px;

    background:linear-gradient(145deg,rgba(212,175,55,.09),rgba(212,175,55,.025));
    color:#d9b75c;
}

.lux-section-icon svg{
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.lux-section-header h3{
    margin:3px 0 2px !important;
    color:#eef0f2 !important;
    font-size:20px !important;
    line-height:1.15 !important;
    letter-spacing:-.035em !important;
}

.lux-section-header p{
    margin:0 !important;
    color:#777f89 !important;
    font-size:9px !important;
    line-height:1.4 !important;
}

.lux-section-eyebrow{
    display:block !important;
    color:#b99a4b !important;
    font-size:7px !important;
    font-weight:900 !important;
    letter-spacing:.16em !important;
    line-height:1 !important;
}

/* current VIP */
.lux-current-vip{
    margin:20px 0 23px;
    padding:14px 15px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;

    border:1px solid rgba(255,255,255,.065);
    border-radius:12px;

    background:
        linear-gradient(90deg,rgba(212,175,55,.045),transparent 54%),
        #0b0e11;
}

.lux-current-vip-copy{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.lux-current-vip-label{
    color:#727a84 !important;
    font-size:7px !important;
    line-height:1 !important;
    font-weight:850 !important;
    letter-spacing:.13em !important;
}

.lux-current-vip-value{
    color:#e6c35f !important;
    font-size:17px !important;
    line-height:1 !important;
    font-weight:850 !important;
    letter-spacing:-.025em !important;
}

.lux-current-vip-scale{
    display:flex;
    align-items:center;
    gap:5px;
}

.lux-vip-step{
    width:26px;
    height:26px;

    display:grid;
    place-items:center;

    border:1px solid rgba(255,255,255,.07);
    border-radius:7px;

    background:#12151a;
    color:#747b84 !important;

    font-size:8px !important;
    font-weight:850 !important;
}

/* selector title */
.lux-plan-selector-head{
    margin:0 0 13px;
    padding:0 2px;

    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:15px;
}

.lux-plan-selector-head h4{
    margin:5px 0 2px !important;
    color:#eef0f2 !important;
    font-size:17px !important;
    letter-spacing:-.025em !important;
}

.lux-plan-selector-head p{
    margin:0 !important;
    color:#777f88 !important;
    font-size:9px !important;
}

.lux-plan-selector-note{
    flex:0 0 auto;
    padding:6px 8px;

    border:1px solid rgba(255,255,255,.07);
    border-radius:7px;

    color:#7c838b !important;
    background:#0c0f12;

    font-size:7px !important;
    line-height:1 !important;
    font-weight:750 !important;
}

/* Cards */
.vip-buttons-container.lux-vip-selector{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:10px !important;
    align-items:stretch !important;
    margin:0 !important;
}

.lux-vip-choice.vip-card{
    position:relative;
    overflow:hidden;

    min-width:0;
    min-height:330px;
    padding:15px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;

    border:1px solid rgba(255,255,255,.07) !important;
    border-radius:14px !important;

    background:
        radial-gradient(circle at 100% 0%,rgba(212,175,55,.05),transparent 38%),
        linear-gradient(155deg,#101318,#090b0e) !important;

    box-shadow:0 11px 27px rgba(0,0,0,.19) !important;

    text-align:left !important;

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease !important;
}

.lux-vip-choice.vip-card:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(212,175,55,.25) !important;
    box-shadow:0 16px 34px rgba(0,0,0,.29) !important;
}

.lux-vip-choice-full.vip-card{
    border-color:rgba(212,175,55,.19) !important;
    background:
        radial-gradient(circle at 90% 8%,rgba(212,175,55,.11),transparent 34%),
        linear-gradient(155deg,#15140f,#090b0e) !important;
}

.lux-vip-choice-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:18px;
}

.lux-vip-choice-index{
    color:#535a63 !important;
    font-size:8px !important;
    font-weight:850 !important;
    letter-spacing:.08em !important;
}

.lux-vip-choice-badge{
    padding:5px 7px;

    border:1px solid rgba(212,175,55,.16);
    border-radius:999px;

    background:rgba(212,175,55,.065);
    color:#caaa55 !important;

    font-size:6.5px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:.09em !important;
}

.lux-vip-choice-badge.full{
    color:#e2c469 !important;
    border-color:rgba(212,175,55,.28);
    background:rgba(212,175,55,.10);
}

.lux-vip-choice-icon{
    width:37px;
    height:37px;
    margin-bottom:15px;

    display:grid;
    place-items:center;

    border:1px solid rgba(212,175,55,.16);
    border-radius:10px;

    background:#12140f;
    color:#d5b353;
}

.lux-vip-choice-icon svg{
    width:19px;
    height:19px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.lux-vip-choice .vip-header{
    min-height:40px;
    margin:0 0 6px !important;

    color:#eceeef !important;
    font-size:13px !important;
    line-height:1.25 !important;
    font-weight:760 !important;
    letter-spacing:-.02em !important;
    text-align:left !important;
}

.lux-vip-choice-desc{
    min-height:45px;
    margin:0 0 15px !important;

    color:#7d858f !important;
    font-size:8.5px !important;
    line-height:1.55 !important;
}

.lux-vip-choice-level{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:7px;
}

.lux-vip-choice-level span{
    color:#686f78 !important;
    font-size:7px !important;
    line-height:1 !important;
    font-weight:750 !important;
}

.lux-vip-choice-level strong{
    color:#a9afb6 !important;
    font-size:7.5px !important;
    line-height:1 !important;
    font-weight:850 !important;
}

.lux-vip-choice-progress{
    position:relative;
    height:4px;
    overflow:hidden;

    border-radius:99px;
    background:#20242a;
}

.lux-vip-choice-progress>span{
    position:absolute;
    inset:0 auto 0 0;

    border-radius:inherit;

    background:linear-gradient(90deg,#9f8130,#dfbd59);
}

.lux-vip-choice-price{
    margin:16px 0 13px;

    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:8px;
}

.lux-vip-choice-price strong{
    color:#e3bf5a !important;
    font-size:20px !important;
    line-height:1 !important;
    font-weight:850 !important;
    letter-spacing:-.04em !important;
}

.lux-vip-choice-price strong small{
    color:#9d8549 !important;
    font-size:7px !important;
    font-weight:850 !important;
    letter-spacing:.08em !important;
}

.lux-vip-choice-price>span{
    color:#707781 !important;
    font-size:7px !important;
    line-height:1 !important;
}

.lux-vip-choice .vip-btn{
    width:100% !important;
    min-height:41px !important;
    margin-top:auto !important;
    padding:0 11px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;

    border:1px solid rgba(229,199,107,.20) !important;
    border-radius:9px !important;

    background:linear-gradient(135deg,#dbba54,#aa8930) !important;
    color:#08090a !important;

    font-size:8.5px !important;
    line-height:1 !important;
    font-weight:900 !important;
    text-align:left !important;

    box-shadow:none !important;
}

.lux-vip-choice .vip-btn b{
    color:#08090a !important;
    font-size:13px !important;
    line-height:1 !important;
}

/* El texto del botón dorado debe conservar contraste alto en tema oscuro. */
.lux-vip-choice .vip-btn:not(:disabled),
.lux-vip-choice .vip-btn:not(:disabled) span,
.lux-vip-choice .vip-btn:not(:disabled) b,
.lux-pack-card .lux-pack-action.btn-vip-action:not(:disabled),
.lux-pack-card .lux-pack-action.btn-vip-action:not(:disabled) span,
.lux-pack-card .lux-pack-action.btn-vip-action:not(:disabled) b{
    color:#08090a !important;
    opacity:1 !important;
    -webkit-text-fill-color:#08090a !important;
    text-shadow:none !important;
}

/* Estado comercial pausado para el selector VIP fijo de la parte superior. */
.lux-vip-choice.is-sale-paused.vip-card{
    border-color:rgba(255,255,255,.055) !important;
    opacity:.72;
    filter:saturate(.55);
}

.lux-vip-choice.is-sale-paused .lux-vip-choice-badge,
.lux-vip-choice-badge.sale-paused{
    border-color:rgba(255,255,255,.10) !important;
    background:#15191e !important;
    color:#8d969f !important;
}

.lux-vip-choice.is-sale-paused .vip-btn:disabled,
.lux-vip-choice.is-locked .vip-btn:disabled,
.lux-vip-choice.is-current .vip-btn:disabled{
    border-color:rgba(255,255,255,.07) !important;
    background:#171b20 !important;
    color:#aab1b8 !important;
    opacity:1 !important;
}

.lux-vip-choice.is-sale-paused .vip-btn:disabled span,
.lux-vip-choice.is-locked .vip-btn:disabled span{
    color:#aab1b8 !important;
    -webkit-text-fill-color:#aab1b8 !important;
}

.lux-vip-choice.is-current .vip-btn:disabled,
.lux-vip-choice.is-current .vip-btn:disabled span{
    color:#77c9a0 !important;
    -webkit-text-fill-color:#77c9a0 !important;
}

.lux-vip-choice .vip-btn:hover{
    transform:translateY(-1px) !important;
    filter:brightness(1.06);
}

/* Available plans section header */
.lux-section-header-available{
    margin-top:34px;
    padding-top:23px;
    border-top:1px solid rgba(255,255,255,.065);
}

/* ---------- LIGHT ---------- */
html[data-theme="light"] .lux-section-icon{
    border-color:#d7c8b3 !important;
    background:#f2e6d2 !important;
    color:#8f6921 !important;
}

html[data-theme="light"] .lux-section-header h3,
html[data-theme="light"] .lux-plan-selector-head h4{
    color:#302a24 !important;
}

html[data-theme="light"] .lux-section-header p,
html[data-theme="light"] .lux-plan-selector-head p{
    color:#786f65 !important;
}

html[data-theme="light"] .lux-section-eyebrow{
    color:#8f6b28 !important;
}

html[data-theme="light"] .lux-current-vip{
    border-color:#d9cbb7 !important;
    background:
        linear-gradient(90deg,rgba(154,114,40,.07),transparent 54%),
        #fff8ed !important;
}

html[data-theme="light"] .lux-current-vip-label{
    color:#82776b !important;
}

html[data-theme="light"] .lux-current-vip-value{
    color:#8b651e !important;
}

html[data-theme="light"] .lux-vip-step{
    background:#f1e6d6 !important;
    border-color:#d8cab7 !important;
    color:#776d62 !important;
}

html[data-theme="light"] .lux-plan-selector-note{
    background:#f7eee1 !important;
    color:#776d62 !important;
    border-color:#dbcebb !important;
}

html[data-theme="light"] .lux-vip-choice.vip-card{
    border-color:#d9cbb8 !important;

    background:
        radial-gradient(circle at 100% 0%,rgba(154,114,40,.06),transparent 38%),
        linear-gradient(155deg,#fffaf2,#f5ecdf) !important;

    box-shadow:0 9px 24px rgba(85,64,38,.065) !important;
}

html[data-theme="light"] .lux-vip-choice.vip-card:hover{
    border-color:#b89658 !important;
    box-shadow:0 13px 28px rgba(85,64,38,.10) !important;
}

html[data-theme="light"] .lux-vip-choice-full.vip-card{
    background:
        radial-gradient(circle at 90% 8%,rgba(154,114,40,.11),transparent 34%),
        linear-gradient(155deg,#fff7e8,#efe1c8) !important;
}

html[data-theme="light"] .lux-vip-choice-index{
    color:#9a8e80 !important;
}

html[data-theme="light"] .lux-vip-choice-badge{
    color:#81601f !important;
    border-color:#d2b77f !important;
    background:#f4e6c8 !important;
}

html[data-theme="light"] .lux-vip-choice-icon{
    border-color:#d7c5a8 !important;
    background:#f2e5cf !important;
    color:#8d6822 !important;
}

html[data-theme="light"] .lux-vip-choice .vip-header{
    color:#342e27 !important;
}

html[data-theme="light"] .lux-vip-choice-desc{
    color:#73695f !important;
}

html[data-theme="light"] .lux-vip-choice-level span,
html[data-theme="light"] .lux-vip-choice-price>span{
    color:#81766a !important;
}

html[data-theme="light"] .lux-vip-choice-level strong{
    color:#4d453d !important;
}

html[data-theme="light"] .lux-vip-choice-progress{
    background:#dfd3c3 !important;
}

html[data-theme="light"] .lux-vip-choice-price strong{
    color:#8e6720 !important;
}

html[data-theme="light"] .lux-vip-choice .vip-btn{
    background:linear-gradient(135deg,#b88932,#8e6722) !important;
    border-color:#a8792d !important;
    color:#fff9ee !important;
}

html[data-theme="light"] .lux-vip-choice .vip-btn b{
    color:#fff9ee !important;
}

html[data-theme="light"] .lux-section-header-available{
    border-top-color:#d8cab7 !important;
}

/* ---------- TABLET ---------- */
@media(max-width:1050px){
    .vip-buttons-container.lux-vip-selector{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

/* ---------- MOBILE APP ---------- */
@media(max-width:620px){
    .lux-section-header{
        align-items:flex-start;
    }

    .lux-section-icon{
        width:39px;
        height:39px;
        flex-basis:39px;
    }

    .lux-current-vip{
        display:block;
        padding:13px;
    }

    .lux-current-vip-scale{
        margin-top:12px;
    }

    .lux-vip-step{
        flex:1;
    }

    .lux-plan-selector-head{
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
    }

    .vip-buttons-container.lux-vip-selector{
        grid-template-columns:1fr !important;
        gap:9px !important;
    }

    .lux-vip-choice.vip-card{
        min-height:0;
        padding:14px !important;
        border-radius:13px !important;
    }

    .lux-vip-choice-top{
        margin-bottom:12px;
    }

    .lux-vip-choice-icon{
        margin-bottom:12px;
    }

    .lux-vip-choice .vip-header{
        min-height:0;
        font-size:14px !important;
    }

    .lux-vip-choice-desc{
        min-height:0;
        margin-bottom:12px !important;
    }

    .lux-vip-choice-price{
        margin:13px 0 11px;
    }

    .lux-vip-choice .vip-btn{
        min-height:45px !important;
        font-size:9.5px !important;
    }
}

/* ==========================================================================
   LUX VIP PACKS V5 — PRODUCT CARDS
   Visual overhaul only. Existing pack IDs and purchase logic remain intact.
   ========================================================================== */

#packs_activos,
#packs_disponibles{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(270px,1fr)) !important;
    gap:16px !important;
    align-items:stretch !important;
}

#packs_activos{
    grid-template-columns:minmax(280px,460px) !important;
}

.lux-pack-card.pack-card.card{
    position:relative !important;
    overflow:hidden !important;
    min-width:0 !important;
    height:100% !important;

    display:flex !important;
    flex-direction:column !important;

    border:1px solid rgba(212,175,55,.13) !important;
    border-radius:17px !important;

    background:
        radial-gradient(circle at 100% 0%,rgba(212,175,55,.055),transparent 34%),
        linear-gradient(155deg,#111419,#090b0e) !important;

    box-shadow:
        0 14px 36px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.025) !important;

    transform:none !important;
    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease !important;
}

.lux-pack-card.pack-card.card:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(212,175,55,.32) !important;
    box-shadow:
        0 19px 42px rgba(0,0,0,.38),
        0 0 0 1px rgba(212,175,55,.035) !important;
}

/* image */
.lux-pack-media{
    position:relative;
    height:172px;
    min-height:172px;
    overflow:hidden;
    background:#080a0d;
}

.lux-pack-card.pack-card.card .lux-pack-media img{
    position:absolute !important;
    inset:0 !important;

    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;

    object-fit:cover !important;
    object-position:center !important;

    border:0 !important;
    filter:saturate(.76) contrast(1.04) brightness(.72) !important;
    transform:scale(1.01) !important;

    transition:
        transform .5s cubic-bezier(.2,.7,.2,1),
        filter .3s ease !important;
}

.lux-pack-card:hover .lux-pack-media img{
    transform:scale(1.045) !important;
    filter:saturate(.9) contrast(1.04) brightness(.78) !important;
}

.lux-pack-overlay{
    position:absolute;
    inset:0;
    pointer-events:none;

    background:
        linear-gradient(180deg,rgba(5,7,9,.18) 0%,rgba(6,8,10,.18) 40%,rgba(8,10,13,.94) 100%),
        linear-gradient(90deg,rgba(4,6,8,.48),transparent 60%);
}

.lux-pack-topline{
    position:absolute;
    top:12px;
    left:12px;
    right:12px;
    z-index:2;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}

.lux-pack-badge,
.lux-pack-tier{
    min-height:25px;
    padding:0 8px;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;

    border-radius:999px;

    font-size:7.5px !important;
    line-height:1 !important;
    font-weight:850 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase;
}

.lux-pack-tier{
    border:1px solid rgba(255,255,255,.10);
    background:rgba(5,7,9,.68);
    color:#d8dce1 !important;
    backdrop-filter:blur(8px);
}

.lux-pack-badge.available{
    border:1px solid rgba(212,175,55,.24);
    background:rgba(212,175,55,.10);
    color:#e4c46c !important;
}

.lux-pack-badge.current,
.lux-pack-badge-live{
    border:1px solid rgba(73,217,153,.24);
    background:rgba(36,181,118,.11);
    color:#79ddb0 !important;
}

.lux-pack-badge.locked{
    border:1px solid rgba(255,255,255,.09);
    background:rgba(85,91,100,.16);
    color:#9198a1 !important;
}

.lux-pack-badge-live i{
    width:5px;
    height:5px;
    border-radius:50%;
    background:#67d59e;
    box-shadow:0 0 8px rgba(103,213,158,.58);
}

.lux-pack-media-copy{
    position:absolute;
    z-index:2;
    left:15px;
    bottom:13px;

    display:flex;
    flex-direction:column;
    gap:2px;
}

.lux-pack-media-copy small{
    color:#aaaeb5 !important;
    font-size:7px !important;
    font-weight:800 !important;
    letter-spacing:.15em !important;
}

.lux-pack-media-copy strong{
    color:#f2ead8 !important;
    font-size:19px !important;
    line-height:1.1 !important;
    letter-spacing:-.03em;
}

/* body */
.lux-pack-body.pack-body{
    flex:1 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;

    padding:17px !important;
}

.lux-pack-heading{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

.lux-pack-eyebrow{
    display:block !important;
    margin-bottom:4px !important;

    color:#858c95 !important;
    font-size:7.5px !important;
    line-height:1 !important;
    font-weight:850 !important;
    letter-spacing:.14em !important;
}

.lux-pack-card .pack-title{
    margin:0 !important;

    color:#f0f1f2 !important;
    font-size:16px !important;
    line-height:1.15 !important;
    font-weight:760 !important;
    letter-spacing:-.02em !important;
}

.lux-pack-status-text{
    margin-left:5px;
    color:#73d7a8 !important;
    font-size:9px !important;
    font-weight:750 !important;
}

.lux-pack-price{
    flex:0 0 auto;
    text-align:right;

    display:flex;
    flex-direction:column;
    align-items:flex-end;
}

.lux-pack-price small{
    color:#737a83 !important;
    font-size:7px !important;
    font-weight:750 !important;
    text-transform:uppercase;
    letter-spacing:.09em !important;
}

.lux-pack-price strong,
.lux-pack-price .costo-precio{
    color:#e6c460 !important;
    font-size:20px !important;
    line-height:1.1 !important;
    font-weight:850 !important;
    letter-spacing:-.035em !important;
    font-variant-numeric:tabular-nums;
}

.lux-pack-description{
    min-height:38px;
    margin:0 !important;

    color:#8f969f !important;
    font-size:10px !important;
    line-height:1.55 !important;
}

.lux-pack-service-line{
    min-height:38px;
    padding:9px 10px;

    display:flex;
    align-items:center;

    border:1px solid rgba(255,255,255,.055);
    border-left:2px solid rgba(212,175,55,.50);
    border-radius:8px;

    background:rgba(255,255,255,.018);
}

.lux-pack-service-line span{
    color:#b7bbc0 !important;
    font-size:8px !important;
    line-height:1.4 !important;
    font-weight:700 !important;
    letter-spacing:.025em !important;
}

/* tier/progress bar */
.lux-pack-level,
.lux-pack-remaining{
    padding:10px 11px;

    border:1px solid rgba(255,255,255,.055);
    border-radius:9px;

    background:#0a0c0f;
}

.lux-pack-level-head,
.lux-pack-remaining-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:8px;
}

.lux-pack-level-head span,
.lux-pack-remaining-head span{
    color:#757c85 !important;
    font-size:7.5px !important;
    line-height:1 !important;
    font-weight:750 !important;
}

.lux-pack-level-head strong,
.lux-pack-remaining-head strong{
    color:#d9dce0 !important;
    font-size:8px !important;
    line-height:1 !important;
    font-weight:800 !important;
    font-variant-numeric:tabular-nums;
}

.lux-pack-progress{
    position:relative;
    width:100%;
    height:5px;
    overflow:hidden;

    border-radius:99px;

    background:#20242a;
}

.lux-pack-progress>span{
    position:absolute;
    inset:0 auto 0 0;
    min-width:5px;

    border-radius:99px;

    background:linear-gradient(90deg,#9f8130,#e0bd58);
    box-shadow:0 0 8px rgba(212,175,55,.14);
}

.lux-pack-progress-days>span{
    background:linear-gradient(90deg,#3aae78,#6fdda6);
    box-shadow:0 0 8px rgba(77,210,149,.14);
}

.lux-pack-remaining>small{
    display:block;
    margin-top:7px;

    color:#656c74 !important;
    font-size:7px !important;
    line-height:1 !important;
}

/* facts */
.lux-pack-facts{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
}

.lux-pack-facts>div{
    min-width:0;
    padding:9px 10px;

    display:flex;
    flex-direction:column;
    gap:3px;

    border:1px solid rgba(255,255,255,.055);
    border-radius:8px;

    background:rgba(255,255,255,.018);
}

.lux-pack-facts>div>span{
    color:#666d76 !important;
    font-size:7px !important;
    line-height:1 !important;
    text-transform:uppercase;
    letter-spacing:.07em !important;
}

.lux-pack-facts>div>strong,
.lux-pack-facts .duracion-dias{
    overflow:hidden;
    text-overflow:ellipsis;

    color:#d3d6da !important;
    font-size:9px !important;
    line-height:1.25 !important;
    font-weight:750 !important;
}

.lux-pack-facts.compact{
    margin-top:-4px;
}

/* action */
.lux-pack-card .lux-pack-action.btn-vip-action{
    width:100% !important;
    min-height:43px !important;
    margin-top:auto !important;
    padding:0 13px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;

    border:1px solid rgba(236,204,111,.20) !important;
    border-radius:9px !important;

    background:linear-gradient(135deg,#dfbf58,#ad8c31) !important;
    color:#08090a !important;

    font-size:9px !important;
    line-height:1 !important;
    font-weight:850 !important;
    letter-spacing:.03em !important;

    box-shadow:0 8px 20px rgba(212,175,55,.10) !important;
}

.lux-pack-card .lux-pack-action.btn-vip-action b{
    color:#08090a !important;
    font-size:14px !important;
    line-height:1 !important;
}

.lux-pack-card .lux-pack-action.btn-vip-action:not(:disabled) span{
    color:#08090a !important;
    -webkit-text-fill-color:#08090a !important;
    opacity:1 !important;
}

.lux-pack-card .lux-pack-action.btn-vip-action:hover:not(:disabled){
    transform:translateY(-1px) !important;
    filter:brightness(1.06);
    box-shadow:0 10px 23px rgba(212,175,55,.16) !important;
}

.lux-pack-card .lux-pack-action.btn-vip-action:disabled{
    border-color:rgba(255,255,255,.065) !important;
    background:#16191e !important;
    color:#aab1b8 !important;
    -webkit-text-fill-color:#aab1b8 !important;
    opacity:1 !important;
    box-shadow:none !important;
}

.lux-pack-card .lux-pack-action.btn-vip-action:disabled span{
    color:inherit !important;
    -webkit-text-fill-color:currentColor !important;
}

.lux-pack-card .lux-pack-action.active-pack:disabled{
    border-color:rgba(72,206,147,.13) !important;
    background:rgba(45,158,108,.07) !important;
    color:#6dc99e !important;
}

.lux-pack-action-icon{
    color:inherit !important;
    font-size:10px !important;
}

/* states */
.lux-pack-card.is-locked{
    opacity:.68;
}

.lux-pack-card.is-locked .lux-pack-media img{
    filter:grayscale(.45) saturate(.45) brightness(.55) !important;
}

.lux-pack-card.is-current{
    border-color:rgba(72,206,147,.20) !important;
}

.lux-pack-active{
    border-color:rgba(72,206,147,.18) !important;
}

.lux-pack-empty{
    min-height:104px;
    padding:16px;

    display:flex;
    align-items:center;
    gap:13px;

    border:1px dashed rgba(212,175,55,.17);
    border-radius:13px;

    background:rgba(212,175,55,.025);
}

.lux-pack-empty>span{
    width:42px;
    height:42px;
    flex:0 0 42px;

    display:grid;
    place-items:center;

    border:1px solid rgba(212,175,55,.20);
    border-radius:11px;

    color:#c2a046 !important;
    font-size:9px !important;
    font-weight:900 !important;
}

.lux-pack-empty>div{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.lux-pack-empty strong{
    color:#dfe1e3 !important;
    font-size:10px !important;
}

.lux-pack-empty small{
    color:#787f87 !important;
    font-size:8px !important;
}

/* ---------- LIGHT THEME ---------- */
html[data-theme="light"] .lux-pack-card.pack-card.card{
    border-color:#d9ccb9 !important;

    background:
        radial-gradient(circle at 100% 0%,rgba(160,119,42,.07),transparent 34%),
        linear-gradient(155deg,#fffaf2,#f6eddf) !important;

    box-shadow:0 10px 28px rgba(86,65,39,.075) !important;
}

html[data-theme="light"] .lux-pack-card.pack-card.card:hover{
    border-color:#b7975a !important;
    box-shadow:0 15px 32px rgba(86,65,39,.11) !important;
}

html[data-theme="light"] .lux-pack-overlay{
    background:
        linear-gradient(180deg,rgba(41,32,21,.08) 0%,rgba(45,34,20,.10) 42%,rgba(34,27,19,.78) 100%),
        linear-gradient(90deg,rgba(32,25,17,.32),transparent 60%);
}

html[data-theme="light"] .lux-pack-card .pack-title{
    color:#302b24 !important;
}

html[data-theme="light"] .lux-pack-eyebrow{
    color:#8b7f70 !important;
}

html[data-theme="light"] .lux-pack-price small{
    color:#887d70 !important;
}

html[data-theme="light"] .lux-pack-price strong,
html[data-theme="light"] .lux-pack-price .costo-precio{
    color:#8f6921 !important;
}

html[data-theme="light"] .lux-pack-description{
    color:#70675e !important;
}

html[data-theme="light"] .lux-pack-service-line,
html[data-theme="light"] .lux-pack-level,
html[data-theme="light"] .lux-pack-remaining,
html[data-theme="light"] .lux-pack-facts>div{
    border-color:#ded1bf !important;
    background:#f8efe3 !important;
}

html[data-theme="light"] .lux-pack-service-line{
    border-left-color:#ad8436 !important;
}

html[data-theme="light"] .lux-pack-service-line span{
    color:#51493f !important;
}

html[data-theme="light"] .lux-pack-level-head span,
html[data-theme="light"] .lux-pack-remaining-head span,
html[data-theme="light"] .lux-pack-facts>div>span{
    color:#81766a !important;
}

html[data-theme="light"] .lux-pack-level-head strong,
html[data-theme="light"] .lux-pack-remaining-head strong,
html[data-theme="light"] .lux-pack-facts>div>strong,
html[data-theme="light"] .lux-pack-facts .duracion-dias{
    color:#38322b !important;
}

html[data-theme="light"] .lux-pack-progress{
    background:#dfd3c3 !important;
}

html[data-theme="light"] .lux-pack-remaining>small{
    color:#877c70 !important;
}

html[data-theme="light"] .lux-pack-card .lux-pack-action.btn-vip-action{
    border-color:#a77d2d !important;
    background:linear-gradient(135deg,#b78934,#936b24) !important;
    color:#fff9ee !important;
}

html[data-theme="light"] .lux-pack-card .lux-pack-action.btn-vip-action b{
    color:#fff9ee !important;
}

html[data-theme="light"] .lux-pack-card .lux-pack-action.btn-vip-action:disabled{
    border-color:#d5c8b6 !important;
    background:#e9dfd1 !important;
    color:#8a7f72 !important;
}

html[data-theme="light"] .lux-pack-card .lux-pack-action.active-pack:disabled{
    border-color:#c8dccf !important;
    background:#eaf4ec !important;
    color:#397454 !important;
}

html[data-theme="light"] .lux-pack-empty{
    border-color:#d2bd94;
    background:#f8efe2;
}

html[data-theme="light"] .lux-pack-empty strong{
    color:#3e372f !important;
}

html[data-theme="light"] .lux-pack-empty small{
    color:#7a7065 !important;
}

/* ---------- TABLET ---------- */
@media(max-width:980px){
    #packs_disponibles{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    #packs_activos{
        grid-template-columns:minmax(0,1fr) !important;
        max-width:520px;
    }
}

/* ---------- MOBILE APP ---------- */
@media(max-width:620px){
    #packs_activos,
    #packs_disponibles{
        grid-template-columns:1fr !important;
        gap:11px !important;
    }

    .lux-pack-card.pack-card.card{
        border-radius:15px !important;
    }

    .lux-pack-media{
        height:145px;
        min-height:145px;
    }

    .lux-pack-body.pack-body{
        padding:14px !important;
        gap:11px !important;
    }

    .lux-pack-media-copy strong{
        font-size:17px !important;
    }

    .lux-pack-price strong,
    .lux-pack-price .costo-precio{
        font-size:18px !important;
    }

    .lux-pack-description{
        min-height:0;
        font-size:9.5px !important;
    }

    .lux-pack-service-line{
        min-height:34px;
        padding:8px 9px;
    }

    .lux-pack-card .lux-pack-action.btn-vip-action{
        min-height:46px !important;
        font-size:10px !important;
    }

    .lux-pack-facts>div{
        padding:8px 9px;
    }
}


/* ==========================================================================
   LUX SAFE ICON CLEANUP
   Visual polish only. No IDs/classes/functions are changed.
   ========================================================================== */

.btn-copiar-codigo{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:30px !important;
    padding:0 9px !important;
    margin-left:7px !important;
    border:1px solid rgba(212,175,55,.22) !important;
    border-radius:7px !important;
    background:rgba(212,175,55,.06) !important;
    color:#d4af37 !important;
    font-size:8px !important;
    font-weight:800 !important;
    letter-spacing:.03em !important;
}

html[data-theme="light"] .btn-copiar-codigo{
    background:#f1e5d2 !important;
    border-color:#d7c5a8 !important;
    color:#7d5c1d !important;
}




/* ==========================================================================
   LUX BEGINNER GUIDE — FIX REAL SELECTORS
   ========================================================================== */

#lux-beginner-guide{
    width:100%;
    margin:28px 0 30px;
    padding:22px;
    position:relative;
    overflow:hidden;

    border:1px solid rgba(212,175,55,.12);
    border-radius:16px;

    background:
        radial-gradient(circle at 85% 5%,rgba(212,175,55,.055),transparent 28%),
        linear-gradient(145deg,#0f1216,#090b0e);

    box-shadow:0 16px 38px rgba(0,0,0,.20);
}

#lux-beginner-guide .lux-guide-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    margin-bottom:18px;
}

#lux-beginner-guide .lux-guide-kicker{
    display:block;
    margin-bottom:7px;

    color:#c9a64b !important;
    font-size:8px !important;
    font-weight:900 !important;
    letter-spacing:.17em !important;
    line-height:1 !important;
}

#lux-beginner-guide .lux-guide-head h2{
    margin:0 0 7px !important;

    color:#f0f1f2 !important;
    font-size:clamp(28px,3vw,40px) !important;
    line-height:1.03 !important;
    font-weight:800 !important;
    letter-spacing:-.045em !important;

    text-shadow:none !important;
}

#lux-beginner-guide .lux-guide-head p{
    max-width:720px;
    margin:0 !important;

    color:#8b929b !important;
    font-size:11px !important;
    line-height:1.65 !important;

    text-shadow:none !important;
}

#lux-beginner-guide .lux-guide-hide{
    flex:0 0 auto;
    min-height:38px;
    padding:0 12px;

    border:1px solid rgba(255,255,255,.08);
    border-radius:8px;

    background:#12151a;
    color:#8b929b;

    font-size:9px;
    font-weight:800;

    cursor:pointer;
    transition:.18s ease;
}

#lux-beginner-guide .lux-guide-hide:hover{
    color:#d8ba65;
    border-color:rgba(212,175,55,.24);
    background:#171a1f;
}

/* Steps */
#lux-beginner-guide .lux-guide-steps{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:8px;
    margin:0 0 14px;
}

#lux-beginner-guide .lux-guide-steps button{
    min-width:0;
    min-height:105px;
    padding:13px;

    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:5px;

    border:1px solid rgba(255,255,255,.065);
    border-radius:11px;

    background:
        linear-gradient(145deg,rgba(255,255,255,.02),transparent),
        #0c0f13;

    color:#e7e9eb;
    text-align:left;

    cursor:pointer;
    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease;
}

#lux-beginner-guide .lux-guide-steps button:hover{
    transform:translateY(-2px);
    border-color:rgba(212,175,55,.24);
    background:#12161b;
}

#lux-beginner-guide .lux-guide-steps button>span{
    min-width:28px;
    height:22px;
    padding:0 7px;

    display:inline-grid;
    place-items:center;

    border:1px solid rgba(212,175,55,.16);
    border-radius:999px;

    background:rgba(212,175,55,.055);
    color:#caa94e !important;

    font-size:7px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:.08em !important;
}

#lux-beginner-guide .lux-guide-steps button>strong{
    display:block;

    color:#eceef0 !important;
    font-size:10.5px !important;
    line-height:1.35 !important;
    font-weight:800 !important;

    text-shadow:none !important;
}

#lux-beginner-guide .lux-guide-steps button>small{
    display:block;

    color:#737b85 !important;
    font-size:8.5px !important;
    line-height:1.5 !important;

    text-shadow:none !important;
}

/* Bottom actions */
#lux-beginner-guide .lux-guide-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

#lux-beginner-guide .lux-guide-actions button{
    min-height:41px;
    padding:0 13px;

    border-radius:9px;

    font-size:9px;
    font-weight:850;

    cursor:pointer;
    transition:.18s ease;
}

#lux-beginner-guide .lux-guide-primary{
    border:1px solid rgba(229,198,105,.30);
    background:linear-gradient(135deg,#dbb955,#a98831);
    color:#08090a;
}

#lux-beginner-guide .lux-guide-primary span{
    color:#08090a !important;
}

#lux-beginner-guide .lux-guide-primary:hover{
    transform:translateY(-1px);
    filter:brightness(1.06);
}

#lux-beginner-guide .lux-guide-secondary{
    border:1px solid rgba(255,255,255,.08);
    background:#111419;
    color:#9da4ac;
}

#lux-beginner-guide .lux-guide-secondary:hover{
    color:#e0c56f;
    border-color:rgba(212,175,55,.22);
}

/* ---------- LIGHT THEME ---------- */

html[data-theme="light"] #lux-beginner-guide{
    border-color:#d8cbb8;
    background:
        radial-gradient(circle at 85% 5%,rgba(154,114,40,.07),transparent 28%),
        linear-gradient(145deg,#fffaf2,#f5ecdf);
    box-shadow:0 12px 30px rgba(84,64,39,.075);
}

html[data-theme="light"] #lux-beginner-guide .lux-guide-kicker{
    color:#8f6a25 !important;
}

html[data-theme="light"] #lux-beginner-guide .lux-guide-head h2{
    color:#302a24 !important;
}

html[data-theme="light"] #lux-beginner-guide .lux-guide-head p{
    color:#746b61 !important;
}

html[data-theme="light"] #lux-beginner-guide .lux-guide-hide{
    background:#f5ecdf;
    color:#6f665d;
    border-color:#d8cbb8;
}

html[data-theme="light"] #lux-beginner-guide .lux-guide-hide:hover{
    background:#eee1cf;
    color:#74551d;
    border-color:#b89658;
}

html[data-theme="light"] #lux-beginner-guide .lux-guide-steps button{
    border-color:#ddd0be;
    background:#fffaf2;
    color:#302a24;
}

html[data-theme="light"] #lux-beginner-guide .lux-guide-steps button:hover{
    background:#f4e8d8;
    border-color:#c3a36b;
}

html[data-theme="light"] #lux-beginner-guide .lux-guide-steps button>span{
    background:#f1e4ca;
    border-color:#d3bb88;
    color:#7f5d1e !important;
}

html[data-theme="light"] #lux-beginner-guide .lux-guide-steps button>strong{
    color:#342e27 !important;
}

html[data-theme="light"] #lux-beginner-guide .lux-guide-steps button>small{
    color:#796f64 !important;
}

html[data-theme="light"] #lux-beginner-guide .lux-guide-secondary{
    background:#f5ecdf;
    color:#6f665d;
    border-color:#d8cbb8;
}

/* ---------- TABLET ---------- */

@media(max-width:1050px){
    #lux-beginner-guide .lux-guide-steps{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    #lux-beginner-guide .lux-guide-steps button:last-child{
        grid-column:1 / -1;
    }
}

/* ---------- MOBILE ---------- */

@media(max-width:620px){
    #lux-beginner-guide{
        margin:18px 0 20px;
        padding:15px;
        border-radius:14px;
    }

    #lux-beginner-guide .lux-guide-head{
        display:block;
        margin-bottom:13px;
    }

    #lux-beginner-guide .lux-guide-head h2{
        font-size:27px !important;
    }

    #lux-beginner-guide .lux-guide-head p{
        font-size:10px !important;
    }

    #lux-beginner-guide .lux-guide-hide{
        width:100%;
        min-height:42px;
        margin-top:12px;
        font-size:10px;
    }

    #lux-beginner-guide .lux-guide-steps{
        grid-template-columns:1fr;
        gap:7px;
    }

    #lux-beginner-guide .lux-guide-steps button,
    #lux-beginner-guide .lux-guide-steps button:last-child{
        grid-column:auto;
        min-height:72px;
        padding:11px;
    }

    #lux-beginner-guide .lux-guide-steps button>strong{
        font-size:10.5px !important;
    }

    #lux-beginner-guide .lux-guide-steps button>small{
        font-size:9px !important;
    }

    #lux-beginner-guide .lux-guide-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    #lux-beginner-guide .lux-guide-actions button{
        width:100%;
        min-height:44px;
        font-size:10px;
    }
}


/* FIX NAV SIDEBAR DASHBOARD, sin iconos */
.lux-terminal-ui .navbar .nav-link {
    padding: 12px 14px !important;
}

.lux-terminal-ui .navbar .nav-link::before {
    content: none !important;
    display: none !important;
}

.lux-terminal-ui .navbar .nav-link i {
    display: none !important;
}



/* ===== MINI GRÁFICA TIPO INDEX EN COMMAND CENTER ===== */

.lux-core-trading-chart{
  position:relative !important;
  display:block !important;
  flex:1 !important;
  min-height:220px;
  padding:14px 72px 14px 10px !important;
  overflow:hidden;
}

.lux-core-trading-chart::before{
  display:none !important;
}

.lux-core-grid{
  position:absolute;
  inset:14px 60px 14px 0;
  background:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:30px 30px;
  pointer-events:none;
}

.lux-core-axis{
  position:absolute;
  top:14px;
  right:0;
  bottom:14px;
  width:54px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  color:#69727c;
  font-size:10px;
  text-align:right;
}

.lux-candle{
  position:absolute;
  left:var(--x);
  bottom:var(--y);
  width:12px;
  height:var(--h);
  border-radius:3px 3px 1px 1px;
  z-index:2;
}

.lux-candle::before{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:-9px;
  bottom:-9px;
  width:1px;
  background:currentColor;
  opacity:.85;
}

.lux-candle.green{
  color:#7ee2ab;
  background:linear-gradient(to top,#2f9f71,#7ee2ab);
  box-shadow:0 0 10px rgba(126,226,171,.12);
}

.lux-candle.red{
  color:#eb7c8a;
  background:linear-gradient(to top,#ab4e59,#eb7c8a);
  box-shadow:0 0 10px rgba(235,124,138,.10);
}

.lux-candle.break{
  box-shadow:0 0 0 1px rgba(212,175,55,.25), 0 0 14px rgba(212,175,55,.10);
}

.lux-core-trendline{
  position:absolute;
  left:99px;
  bottom:84px;
  width:155px;
  height:2px;
  background:#d4af37;
  transform:rotate(12deg);
  transform-origin:left center;
  z-index:2;
  box-shadow:0 0 12px rgba(212,175,55,.18);
}

.lux-core-breakout{
  position:absolute;
  left:57%;
  bottom:122px;
  padding:4px 8px;
  border-radius:7px;
  background:#d4af37;
  color:#101216;
  font-size:9px;
  font-weight:800;
  letter-spacing:.4px;
  z-index:3;
}

.lux-core-tradebox{
  position:absolute;
  right:66px;
  top:28px;
  width:34%;
  height:64%;
  z-index:1;
}

.lux-core-profit{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:56%;
  background:linear-gradient(to top, rgba(53,183,126,.08), rgba(53,183,126,.22));
  border:1px solid rgba(53,183,126,.22);
}

.lux-core-risk{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:26%;
  background:linear-gradient(to bottom, rgba(220,96,109,.05), rgba(220,96,109,.16));
  border:1px solid rgba(220,96,109,.18);
}

.lux-core-entry-line{
  position:absolute;
  left:0;
  right:0;
  bottom:26%;
  height:1px;
  background:#d4af37;
}

.lux-core-long{
  position:absolute;
  left:8px;
  bottom:calc(26% - 18px);
  color:#68e3aa;
  font-size:12px;
  font-weight:800;
  letter-spacing:.4px;
}

.lux-core-level{
  position:absolute;
  right:66px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.3px;
  z-index:3;
  display:flex;
  gap:5px;
  align-items:center;
}

.lux-core-level b{
  font-size:9px;
  color:inherit;
  font-weight:700;
}

.lux-core-tp2{
  top:34px;
  color:#68e3aa;
}

.lux-core-tp1{
  top:84px;
  color:#68e3aa;
}

.lux-core-entry{
  top:132px;
  color:#e2b84c;
}

.lux-core-sl{
  top:176px;
  color:#eb7c8a;
}

@media (max-width: 575.98px){
  .lux-core-trading-chart{
    min-height:190px;
    padding-right:56px !important;
  }

  .lux-core-axis{
    width:44px;
    font-size:8px;
  }

  .lux-core-level{
    right:50px;
    font-size:8px;
  }

  .lux-core-breakout{
    font-size:8px;
    padding:3px 6px;
  }
}

/* Usuario autenticado visible */
.lux-session-user {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 120px;
  padding: 7px 10px;
  margin-right: 8px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(12,15,19,.72);
}
.lux-session-user-dot {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: #47d79b;
  box-shadow: 0 0 9px rgba(71,215,155,.5);
}
.lux-session-user > div {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.lux-session-user small {
  color: #777f8b !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  line-height: 1 !important;
}
.lux-session-user strong {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #f0ede6 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
}
@media (max-width: 991px) {
  .lux-session-user {
    width: 100%;
    margin: 8px 0;
  }
}


/* =========================================================
   LUX REALTIME + NOTIFICACIONES v77
   ========================================================= */
#lux-realtime-toast-host {
    position: fixed;
    top: max(70px, calc(env(safe-area-inset-top) + 58px));
    right: 14px;
    z-index: 60000;
    width: min(360px, calc(100vw - 28px));
    display: flex;
    flex-direction: column;
    gap: 8px;
    pointer-events: none;
}

.lux-realtime-toast {
    display: grid;
    grid-template-columns: 10px 1fr 24px;
    gap: 10px;
    align-items: center;
    padding: 11px 12px;
    border: 1px solid rgba(212,175,55,.32);
    border-radius: 11px;
    background: rgba(12,15,22,.97);
    color: #f2f2f2;
    box-shadow: 0 12px 34px rgba(0,0,0,.35);
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity .18s ease, transform .18s ease;
    pointer-events: auto;
}

.lux-realtime-toast.show {
    opacity: 1;
    transform: translateY(0);
}

.lux-realtime-toast-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d4af37;
    box-shadow: 0 0 10px rgba(212,175,55,.55);
}

.lux-realtime-toast-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.lux-realtime-toast-copy strong {
    font-size: 11px;
    color: #fff;
}

.lux-realtime-toast-copy span {
    font-size: 10px;
    line-height: 1.35;
    color: #b8beca;
    overflow-wrap: anywhere;
}

.lux-realtime-toast > button {
    border: 0;
    background: transparent;
    color: #8e96a6;
    font-size: 18px;
    line-height: 1;
    padding: 0;
}

.lux-realtime-toast.chat .lux-realtime-toast-dot { background: #2e8cff; }
.lux-realtime-toast.success .lux-realtime-toast-dot { background: #26a69a; }
.lux-realtime-toast.error .lux-realtime-toast-dot { background: #ef5350; }
.lux-realtime-toast.warning .lux-realtime-toast-dot { background: #ffb74d; }

.lux-enable-notifications {
    position: fixed;
    right: 14px;
    bottom: calc(18px + env(safe-area-inset-bottom));
    z-index: 59000;
    border: 1px solid rgba(212,175,55,.42);
    border-radius: 999px;
    background: rgba(14,18,27,.96);
    color: #f0d681;
    padding: 8px 12px;
    font-size: 10px;
    font-weight: 750;
    box-shadow: 0 8px 24px rgba(0,0,0,.28);
}

.lux-enable-notifications.enabled {
    border-color: rgba(38,166,154,.42);
    color: #63d6c9;
}

.lux-chat-has-unread #chat-toggle,
.lux-chat-has-unread .chat-toggle {
    position: relative;
}

.lux-chat-has-unread #chat-toggle::after,
.lux-chat-has-unread .chat-toggle::after {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ff3b3b;
    box-shadow: 0 0 0 2px rgba(0,0,0,.35);
    pointer-events: none;
}

html.lux-realtime-connected::after {
    content: "";
    position: fixed;
    width: 5px;
    height: 5px;
    right: 7px;
    top: 7px;
    border-radius: 50%;
    background: #26a69a;
    z-index: 65000;
    pointer-events: none;
}

@media (max-width: 767.98px) {
    #lux-realtime-toast-host {
        top: max(58px, calc(env(safe-area-inset-top) + 48px));
        right: 8px;
        width: calc(100vw - 16px);
    }

    .lux-enable-notifications {
        right: 9px;
        bottom: calc(86px + env(safe-area-inset-bottom));
    }
}


/* =========================================================
   DASHBOARD MOBILE · SAFE AREAS v79
   SOLO HEADER + NAV INFERIOR
   ========================================================= */
@media (max-width: 767.98px) {

  /* ---------- ARRIBA ----------
     Evita que logo / tema / hamburguesa invadan la barra de estado iOS.
     No cambia tamaños ni contenido: sólo desplaza el bloque útil. */
  body,
  body.lux-terminal-ui {
    padding-top: calc(72px + env(safe-area-inset-top)) !important;
  }

  .navbar {
    top: 0 !important;
    height: calc(72px + env(safe-area-inset-top)) !important;
    min-height: calc(72px + env(safe-area-inset-top)) !important;

    padding:
      calc(7px + env(safe-area-inset-top))
      14px
      7px !important;
  }

  .navbar > .container-fluid {
    height: 58px !important;
    min-height: 58px !important;
    align-self: flex-end !important;
  }

  .navbar-collapse {
    top: calc(72px + env(safe-area-inset-top)) !important;
    max-height: calc(100dvh - 88px - env(safe-area-inset-top)) !important;
  }

  #lux-theme-toggle {
    top: calc(env(safe-area-inset-top) + 9px) !important;
  }

  /* ---------- ABAJO ----------
     Antes se sumaba casi todo el safe-area debajo de los botones.
     Conservamos una pequeña protección, pero ganamos altura útil. */
  :root {
    --lux-mobile-nav-h: 64px;
    --lux-mobile-nav-safe:
      max(3px, calc(env(safe-area-inset-bottom) - 24px));
    --lux-mobile-nav-total:
      calc(var(--lux-mobile-nav-h) + var(--lux-mobile-nav-safe));
  }

  body {
    padding-bottom: calc(var(--lux-mobile-nav-total) + 4px) !important;
  }

  .lux-mobile-nav {
    left: 6px !important;
    right: 6px !important;
    bottom: 0 !important;

    min-height: 0 !important;
    height: var(--lux-mobile-nav-total) !important;
    box-sizing: border-box !important;

    padding:
      3px
      5px
      var(--lux-mobile-nav-safe) !important;

    align-items: start !important;

    /* visualmente pegado al borde inferior, sin "caja vacía" */
    border-radius: 16px 16px 0 0 !important;
    border-bottom: 0 !important;
  }

  .lux-mobile-nav-item {
    height: 54px !important;
    min-height: 54px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    align-self: start !important;
  }

  .lux-mobile-nav-trading {
    transform: translateY(-4px) !important;
  }

  /* Elementos flotantes mantienen su distancia respecto al NUEVO nav. */
  #chat-widget-container,
  #chat-toggle-btn {
    bottom: calc(var(--lux-mobile-nav-total) + 10px) !important;
  }

  .lux-help-button {
    bottom: calc(var(--lux-mobile-nav-total) + 76px) !important;
  }

  .lux-help-panel {
    bottom: calc(var(--lux-mobile-nav-total) + 6px) !important;
    max-height: calc(100dvh - var(--lux-mobile-nav-total) - 24px) !important;
  }

  .lux-enable-notifications {
    bottom: calc(var(--lux-mobile-nav-total) + 8px) !important;
  }
}

/* iPhone instalada como PWA:
   el marco puede tocar el borde; la protección queda dentro. */
@media (max-width: 767.98px) and (display-mode: standalone) {
  .lux-mobile-nav {
    left: 0 !important;
    right: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}


/* =========================================================
   NOTIFICACIONES MOBILE · SIN SUPERPONER CHAT / AYUDA v84
   ========================================================= */
@media (max-width: 767.98px) {
  .lux-enable-notifications {
    left: 50% !important;
    right: auto !important;

    transform: translateX(-50%) !important;

    bottom: calc(
      var(--lux-native-nav-h, calc(62px + env(safe-area-inset-bottom)))
      + 10px
    ) !important;

    width: max-content !important;
    max-width: min(260px, calc(100vw - 150px)) !important;

    min-height: 34px !important;
    padding: 7px 11px !important;

    z-index: 58500 !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /*
   * Chat y Ayuda conservan el lateral derecho.
   * La notificación queda centrada, por lo tanto los tres controles
   * tienen zonas táctiles independientes.
   */
  #chat-widget-container,
  #chat-toggle-btn {
    right: 10px !important;
  }

  .lux-help-button {
    right: 10px !important;
  }
}


/* =========================================================
   MURO · EDICIÓN SIN BLOQUEOS v87
   ========================================================= */
.lux-edit-post-modal {
  z-index: 70050 !important;
}

.modal-backdrop {
  z-index: 70040 !important;
}

body.lux-wall-editing .lux-help-button,
body.lux-wall-editing #chat-widget-container,
body.lux-wall-editing #chat-toggle-btn,
body.lux-wall-editing .lux-enable-notifications {
  opacity: 0 !important;
  pointer-events: none !important;
}

body.lux-wall-editing .lux-edit-post-modal,
body.lux-wall-editing .lux-edit-post-modal * {
  pointer-events: auto;
}

@media (max-width: 767.98px) {
  .lux-edit-post-modal .modal-dialog {
    margin: max(10px, env(safe-area-inset-top)) 10px
      calc(72px + env(safe-area-inset-bottom)) !important;
    max-height: calc(
      100dvh -
      90px -
      env(safe-area-inset-top) -
      env(safe-area-inset-bottom)
    ) !important;
  }

  .lux-edit-post-modal .modal-content {
    max-height: inherit !important;
    overflow: hidden !important;
  }

  .lux-edit-post-modal .modal-body {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .lux-edit-post-modal textarea {
    font-size: 16px !important;
  }
}


/* =========================================================
   MURO · MODALES CREAR/EDITAR SIEMPRE INTERACTIVOS v89
   ========================================================= */
#modalCrearPost,
[id^="modalEditarPost"],
.lux-wall-post-modal {
  z-index: 70060 !important;
}

body.lux-wall-editing .modal-backdrop {
  z-index: 70050 !important;
}

body.lux-wall-editing #modalCrearPost,
body.lux-wall-editing [id^="modalEditarPost"] {
  pointer-events: auto !important;
}

body.lux-wall-editing #modalCrearPost *,
body.lux-wall-editing [id^="modalEditarPost"] * {
  pointer-events: auto !important;
}

@media (max-width: 767.98px) {
  #modalCrearPost .modal-dialog,
  [id^="modalEditarPost"] .modal-dialog {
    margin:
      max(10px, env(safe-area-inset-top))
      10px
      calc(72px + env(safe-area-inset-bottom)) !important;
  }

  #modalCrearPost textarea,
  [id^="modalEditarPost"] textarea,
  #modalCrearPost input,
  [id^="modalEditarPost"] input {
    font-size: 16px !important;
  }
}


/* =========================================================
   CONFIGURACIÓN DE NOTIFICACIONES v90
   ========================================================= */
.lux-notification-settings {
  position: fixed;
  right: 14px;
  bottom: 68px;
  z-index: 70020;
  width: min(390px, calc(100vw - 28px));
  max-height: min(680px, calc(100dvh - 90px));
  overflow-y: auto;
  display: none;
  padding: 14px;
  border: 1px solid rgba(212,175,55,.32);
  border-radius: 16px;
  background: rgba(12,15,22,.985);
  color: #f3f4f6;
  box-shadow: 0 24px 70px rgba(0,0,0,.52);
  backdrop-filter: blur(18px);
}

.lux-notification-settings.open {
  display: block;
}

.lux-notif-settings-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.lux-notif-settings-head > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.lux-notif-settings-head small {
  color: #d4af37 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  letter-spacing: .14em;
}

.lux-notif-settings-head strong {
  color: #fff !important;
  font-size: 16px !important;
}

.lux-notif-settings-head > button {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 9px;
  background: rgba(255,255,255,.04);
  color: #c6ccd5;
  font-size: 21px;
}

.lux-notif-settings-section {
  display: grid;
  gap: 7px;
  margin-top: 12px;
}

.lux-notif-section-title {
  padding: 0 2px 3px;
  color: #888f9b;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.lux-notif-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 58px;
  margin: 0;
  padding: 10px 11px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 11px;
  background: rgba(255,255,255,.025);
}

.lux-notif-row > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.lux-notif-row strong {
  color: #eceef2 !important;
  font-size: 11px !important;
}

.lux-notif-row small {
  color: #8f97a4 !important;
  font-size: 9px !important;
  line-height: 1.35;
}

.lux-notif-row input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 38px;
  height: 22px;
  position: relative;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: #252b35;
  cursor: pointer;
  transition: .18s ease;
}

.lux-notif-row input[type="checkbox"]::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #9299a5;
  transition: .18s ease;
}

.lux-notif-row input[type="checkbox"]:checked {
  border-color: rgba(212,175,55,.55);
  background: rgba(212,175,55,.22);
}

.lux-notif-row input[type="checkbox"]:checked::after {
  left: 18px;
  background: #d4af37;
}

.lux-notif-push-status {
  display: grid;
  grid-template-columns: 12px minmax(0,1fr);
  gap: 9px;
  align-items: center;
  margin-top: 13px;
  padding: 10px 11px;
  border-radius: 10px;
  background: rgba(255,255,255,.035);
  color: #8e96a4;
}

.lux-notif-push-status.on > span {
  color: #42d3a2;
}

.lux-notif-push-status > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.lux-notif-push-status strong {
  color: #d9dde4 !important;
  font-size: 9px !important;
}

.lux-notif-push-status small {
  color: #7f8795 !important;
  font-size: 8px !important;
}

.lux-notif-push-action {
  width: 100%;
  min-height: 40px;
  margin-top: 10px;
  border: 1px solid rgba(212,175,55,.38);
  border-radius: 10px;
  background: rgba(212,175,55,.12);
  color: #e5c76e;
  font-size: 10px;
  font-weight: 850;
}

.lux-notif-push-action.is-off {
  border-color: rgba(239,83,80,.28);
  background: rgba(239,83,80,.08);
  color: #ef8b89;
}

@media (max-width: 767.98px) {
  .lux-notification-settings {
    left: 8px;
    right: 8px;
    bottom: calc(
      var(--lux-mobile-nav-total, 70px) + 52px
    );
    width: auto;
    max-height: calc(
      100dvh -
      var(--lux-mobile-nav-total, 70px) -
      env(safe-area-inset-top) -
      76px
    );
  }
}


/* =========================================================
   NOTIFICACIONES MOBILE · CAMPANITA COMPACTA v91
   Ubicada sobre Chat/Ayuda, sin superponerse a ventanas.
   ========================================================= */
@media (max-width: 767.98px) {
  #lux-enable-notifications,
  .lux-enable-notifications {
    left: auto !important;
    right: 12px !important;
    bottom: calc(
      var(--lux-mobile-nav-total, 70px) + 138px
    ) !important;

    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;

    padding: 0 !important;
    border-radius: 50% !important;

    display: grid !important;
    place-items: center !important;

    transform: none !important;

    font-size: 0 !important;
    line-height: 1 !important;

    background: rgba(13,17,23,.96) !important;
    border: 1px solid rgba(212,175,55,.42) !important;
    color: #e0bf62 !important;

    box-shadow:
      0 8px 24px rgba(0,0,0,.34),
      0 0 0 1px rgba(212,175,55,.04) !important;

    transition:
      opacity .16s ease,
      transform .16s ease,
      visibility .16s ease !important;
  }

  #lux-enable-notifications::before,
  .lux-enable-notifications::before {
    content: "🔔";
    font-size: 19px !important;
    line-height: 1 !important;
  }

  #lux-enable-notifications.enabled,
  .lux-enable-notifications.enabled {
    border-color: rgba(38,166,154,.46) !important;
    color: #62d7c9 !important;
  }

  /* Cuando cualquier ventana importante está abierta,
     la campanita desaparece y no roba toques. */
  body.lux-chat-open #lux-enable-notifications,
  body.lux-help-open #lux-enable-notifications,
  body.lux-wall-editing #lux-enable-notifications,
  body:has(.modal.show) #lux-enable-notifications,
  body:has(.lux-notification-settings.open) #chat-widget-container,
  body:has(.lux-notification-settings.open) .lux-help-button {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* El panel de ajustes aparece por encima del nav, sin tapar todo. */
  .lux-notification-settings {
    right: 8px !important;
    left: 8px !important;
    bottom: calc(
      var(--lux-mobile-nav-total, 70px) + 12px
    ) !important;
    width: auto !important;
    z-index: 70080 !important;
  }
}


/* =========================================================
   BOTÓN ADMIN · SOLO SI user.es_admin=true · v92
   ========================================================= */
.lux-admin-access {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(212,175,55,.44);
  border-radius: 10px;
  background: rgba(12,15,20,.92);
  color: #f0d275;
  text-decoration: none;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 7px 20px rgba(0,0,0,.22);
  -webkit-tap-highlight-color: transparent;
}
.lux-admin-access:hover,
.lux-admin-access:focus-visible {
  color: #ffe599;
  border-color: rgba(212,175,55,.72);
}
.lux-admin-access-shield {
  font-size: 11px;
  color: #d4af37;
}

@media (max-width: 767.98px) {
  .lux-admin-access {
    position: fixed !important;
    top: calc(env(safe-area-inset-top) + 17px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 65010 !important;
    min-height: 34px !important;
    padding: 0 13px !important;
    border-radius: 10px !important;
    background:
      linear-gradient(145deg, rgba(27,24,17,.97), rgba(10,13,18,.97))
      !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
}


/* =========================================================
   ALERTAS MOBILE · ICONO PREMIUM v92
   ========================================================= */
@media (max-width: 767.98px) {
  #lux-enable-notifications,
  .lux-enable-notifications {
    right: 14px !important;
    bottom: calc(var(--lux-mobile-nav-total, 70px) + 142px) !important;

    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;

    padding: 0 !important;
    display: grid !important;
    place-items: center !important;

    border-radius: 12px !important;
    border: 1px solid rgba(212,175,55,.50) !important;
    background:
      linear-gradient(145deg, rgba(32,27,16,.98), rgba(9,12,17,.98))
      !important;

    color: #e8c760 !important;

    box-shadow:
      0 10px 26px rgba(0,0,0,.40),
      inset 0 1px 0 rgba(255,255,255,.06),
      0 0 16px rgba(212,175,55,.07) !important;

    font-size: 0 !important;
    overflow: hidden !important;
  }

  #lux-enable-notifications::before,
  .lux-enable-notifications::before {
    content: none !important;
  }

  #lux-enable-notifications .lux-notif-btn-text,
  .lux-enable-notifications .lux-notif-btn-text {
    display: none !important;
  }

  #lux-enable-notifications .lux-notif-btn-icon,
  .lux-enable-notifications .lux-notif-btn-icon {
    width: 25px !important;
    height: 25px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 0 !important;
  }

  #lux-enable-notifications .lux-notif-btn-icon svg,
  .lux-enable-notifications .lux-notif-btn-icon svg {
    width: 24px !important;
    height: 24px !important;
    display: block !important;
  }

  #lux-enable-notifications.enabled,
  .lux-enable-notifications.enabled {
    border-color: rgba(235,199,94,.72) !important;
    color: #f0cf68 !important;
  }

  #lux-enable-notifications:active,
  .lux-enable-notifications:active {
    transform: scale(.94) !important;
  }

  /* Conserva el comportamiento v91:
     no tapa chat, ayuda, modales ni el panel propio. */
  body.lux-chat-open #lux-enable-notifications,
  body.lux-help-open #lux-enable-notifications,
  body.lux-wall-editing #lux-enable-notifications,
  body:has(.modal.show) #lux-enable-notifications {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}


/* =========================================================
   NOTIFICACIONES DESKTOP · COMPACTO v102
   No tocar mobile. Evita tapar Chat / Ayuda.
   ========================================================= */
@media (min-width: 768px) {
  #lux-enable-notifications,
  .lux-enable-notifications {
    position: fixed !important;

    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;

    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;

    padding: 0 !important;
    margin: 0 !important;

    right: 18px !important;
    bottom: 118px !important;

    display: grid !important;
    place-items: center !important;

    border-radius: 10px !important;
    overflow: hidden !important;

    font-size: 0 !important;
    line-height: 0 !important;

    z-index: 65020 !important;
  }

  #lux-enable-notifications::before,
  .lux-enable-notifications::before {
    content: none !important;
  }

  #lux-enable-notifications .lux-notif-btn-text,
  .lux-enable-notifications .lux-notif-btn-text {
    display: none !important;
  }

  #lux-enable-notifications .lux-notif-btn-icon,
  .lux-enable-notifications .lux-notif-btn-icon {
    width: 22px !important;
    height: 22px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 0 !important;
  }

  #lux-enable-notifications .lux-notif-btn-icon svg,
  .lux-enable-notifications .lux-notif-btn-icon svg {
    width: 21px !important;
    height: 21px !important;
    display: block !important;
  }

  /* Mientras abre chat/ayuda/modales, desaparece igual que en mobile. */
  body.lux-chat-open #lux-enable-notifications,
  body.lux-help-open #lux-enable-notifications,
  body.lux-wall-editing #lux-enable-notifications,
  body:has(.modal.show) #lux-enable-notifications {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}


/* =========================================================
   DASHBOARD MOBILE · CHAT + TECLADO v133
   iOS mueve los elementos fixed al visual viewport cuando abre el teclado.
   Ocultamos solamente el nav inferior mientras se escribe para que nunca
   tape el input, adjuntos ni el botón enviar. Al cerrar teclado reaparece.
   ========================================================= */
@media (max-width: 767.98px) {
  body.lux-chat-open.lux-chat-keyboard-open .lux-mobile-nav {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(calc(100% + 18px)) !important;
    transition:
      opacity .14s ease,
      transform .14s ease,
      visibility .14s ease !important;
  }

  body.lux-chat-open.lux-chat-keyboard-open {
    padding-bottom: 0 !important;
  }

  body.lux-chat-open:not(.lux-chat-keyboard-open) .lux-mobile-nav {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}

/* =========================================================
   LUX · REGISTRO DE OPERACIONES UNIFICADO v230
   LUX AUTO / MANUALES / COMBINADO
   ========================================================= */
.lux-performance-hub{
    margin-top:26px;
    padding:22px;
    border:1px solid rgba(212,175,55,.18);
    border-radius:18px;
    background:linear-gradient(145deg,rgba(12,14,18,.97),rgba(7,8,11,.99));
    box-shadow:0 18px 45px rgba(0,0,0,.34);
}
.lux-performance-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin-bottom:18px;
}
.lux-performance-head h3{
    margin:4px 0 5px!important;
    color:#f4f5f7!important;
    font-size:1.35rem!important;
    text-shadow:none!important;
}
.lux-performance-head h3 i{color:#0dcaf0;margin-right:8px}
.lux-performance-head p{
    margin:0!important;
    color:#9298a4!important;
    font-size:.82rem!important;
}
.lux-performance-kicker{
    color:#d4af37!important;
    font-size:.68rem!important;
    font-weight:800;
    letter-spacing:.12em!important;
}
.lux-performance-badge{
    flex:0 0 auto;
    padding:7px 10px;
    border:1px solid rgba(212,175,55,.24);
    border-radius:999px;
    background:rgba(212,175,55,.07);
    color:#e2c66d!important;
    font-size:.7rem!important;
    font-weight:700;
}
.lux-performance-tabs{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    margin-bottom:15px;
}
.lux-performance-tab{
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:7px 10px;
    border:1px solid #2b3039;
    border-radius:10px;
    background:#11151d;
    color:#9aa1ad;
    font-size:.74rem!important;
    font-weight:800;
    letter-spacing:.025em;
}
.lux-performance-tab:hover{border-color:#3b4350;color:#fff;background:#161b24}
.lux-performance-tab.active{
    border-color:rgba(13,202,240,.55);
    background:rgba(13,202,240,.09);
    color:#edfaff;
    box-shadow:inset 0 0 0 1px rgba(13,202,240,.08);
}
.lux-performance-tab b{
    min-width:22px;
    padding:2px 6px;
    border-radius:999px;
    background:rgba(255,255,255,.06);
    color:#dce1e8;
    font-size:.66rem!important;
}
.lux-performance-tab-dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}
.lux-performance-tab-dot.auto{background:#2f7df6;box-shadow:0 0 8px rgba(47,125,246,.55)}
.lux-performance-tab-dot.manual{background:#d4af37;box-shadow:0 0 8px rgba(212,175,55,.38)}
.lux-performance-tab-dot.combined{background:#34d399;box-shadow:0 0 8px rgba(52,211,153,.38)}
.lux-performance-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:9px;
    margin-bottom:12px;
}
.lux-performance-stat{
    min-width:0;
    padding:13px 14px;
    border:1px solid #252b35;
    border-radius:11px;
    background:#10141b;
}
.lux-performance-stat>span{
    display:block;
    color:#737b88!important;
    font-size:.66rem!important;
    font-weight:700;
    letter-spacing:.04em!important;
    text-transform:uppercase;
}
.lux-performance-stat strong{
    display:block;
    margin-top:5px;
    overflow:hidden;
    color:#f4f6f8;
    font-size:1.18rem!important;
    line-height:1.2!important;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.lux-performance-stat strong.positive{color:#34d399!important}
.lux-performance-stat strong.negative{color:#f87171!important}
.lux-performance-stat small{
    display:block;
    margin-top:4px;
    color:#777f8c;
    font-size:.65rem!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.lux-performance-chart-card,
.lux-performance-form-card,
.lux-performance-history-card{
    border:1px solid #252b35;
    border-radius:12px;
    background:#0f131a;
    overflow:hidden;
}
.lux-performance-chart-card{padding:14px;margin-bottom:12px}
.lux-performance-card-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:11px;
}
.lux-performance-card-head small{
    display:block;
    color:#68717e;
    font-size:.61rem!important;
    font-weight:800;
    letter-spacing:.09em!important;
}
.lux-performance-card-head strong{
    display:block;
    margin-top:2px;
    color:#e9edf2;
    font-size:.86rem!important;
}
.lux-performance-card-head>span{
    color:#0dcaf0!important;
    font-size:.78rem!important;
    font-weight:800;
}
.lux-performance-chart-wrap{height:225px;position:relative}
.lux-performance-analysis{
    display:flex;
    align-items:flex-start;
    gap:11px;
    margin-bottom:12px;
    padding:12px 14px;
    border:1px solid rgba(13,202,240,.18);
    border-left:3px solid #0dcaf0;
    border-radius:10px;
    background:rgba(13,202,240,.045);
}
.lux-performance-analysis>i{margin-top:3px;color:#0dcaf0;font-size:16px}
.lux-performance-analysis small{color:#6d8991;font-size:.61rem!important;font-weight:800;letter-spacing:.08em!important}
.lux-performance-analysis p{margin:3px 0 0!important;color:#c7cdd5!important;font-size:.76rem!important;line-height:1.45!important}
.lux-performance-bottom{
    display:grid;
    grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);
    gap:12px;
    align-items:start;
}
.lux-performance-form-card,
.lux-performance-history-card{padding:15px}
.lux-performance-form-help{
    margin:-3px 0 14px!important;
    color:#777f8b!important;
    font-size:.69rem!important;
    line-height:1.45!important;
}
.lux-performance-hub .form-label{
    margin-bottom:5px!important;
    color:#aeb5bf!important;
    font-size:.72rem!important;
}
.lux-performance-hub .form-control{
    min-height:38px;
    border-color:#303743!important;
    border-radius:8px!important;
    background:#0a0e14!important;
    color:#eef1f5!important;
    font-size:.78rem!important;
}
.lux-performance-hub #btnRegistrarOp{
    min-height:40px;
    border:none!important;
    border-radius:8px!important;
    background:#0dcaf0!important;
    color:#061116!important;
    font-size:.76rem!important;
    font-weight:800!important;
}
.lux-performance-table-wrap{
    max-height:520px;
    overflow:auto;
    border:1px solid #202630;
    border-radius:9px;
}
.lux-performance-table{
    width:100%;
    min-width:900px;
    border-collapse:collapse;
    color:#cbd1d9;
}
.lux-performance-table thead th{
    position:sticky;
    top:0;
    z-index:2;
    padding:9px 8px;
    border-bottom:1px solid #2b323d;
    background:#121720;
    color:#747d8b;
    font-size:.61rem!important;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
    white-space:nowrap;
}
.lux-performance-table td{
    padding:9px 8px;
    border-bottom:1px solid rgba(43,50,61,.62);
    color:#b9c0c9;
    font-size:.69rem!important;
    white-space:nowrap;
    vertical-align:middle;
}
.lux-performance-table tbody tr:hover{background:rgba(255,255,255,.022)}
.lux-performance-table td strong{color:#f0f2f5;font-size:.72rem!important}
.lux-source-wrap{display:flex;align-items:flex-start;flex-direction:column;gap:3px}
.lux-source-pill{
    display:inline-flex;
    align-items:center;
    width:max-content;
    padding:3px 6px;
    border-radius:5px;
    font-size:.57rem!important;
    font-weight:850;
    line-height:1!important;
    letter-spacing:.035em!important;
    white-space:nowrap;
}
.lux-source-pill.auto{border:1px solid rgba(47,125,246,.42);background:rgba(47,125,246,.13);color:#75a7ff!important}
.lux-source-pill.trading{border:1px solid rgba(212,175,55,.34);background:rgba(212,175,55,.09);color:#dfc56d!important}
.lux-source-pill.external{border:1px solid rgba(164,171,184,.24);background:rgba(164,171,184,.07);color:#aeb5bf!important}
.lux-source-meta{color:#626c79!important;font-size:.56rem!important;line-height:1.1!important}
.lux-direction,.lux-result-pill{
    display:inline-block;
    padding:3px 6px;
    border-radius:5px;
    font-size:.59rem!important;
    font-weight:800;
}
.lux-direction.long{background:rgba(52,211,153,.09);color:#56ddb0!important}
.lux-direction.short{background:rgba(248,113,113,.09);color:#fb8585!important}
.lux-result-pill.win{background:rgba(52,211,153,.09);color:#56ddb0!important}
.lux-result-pill.loss{background:rgba(248,113,113,.09);color:#fb8585!important}
.lux-result-pill.be{background:rgba(255,255,255,.06);color:#aeb5bf!important}
.lux-pnl{font-weight:850}.lux-pnl.win{color:#34d399!important}.lux-pnl.loss{color:#f87171!important}.lux-pnl.be{color:#aeb5bf!important}
.lux-performance-delete-form{margin:0}
.lux-performance-delete-form button{
    width:28px;height:28px;padding:0;border:1px solid rgba(248,113,113,.18);border-radius:6px;background:transparent;color:#9f6265;font-size:.65rem!important
}
.lux-performance-delete-form button:hover{background:rgba(248,113,113,.08);color:#f87171}
.lux-performance-empty{padding:34px 12px!important;text-align:center;color:#626b77!important}

@media (max-width: 991px){
    .lux-performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .lux-performance-bottom{grid-template-columns:1fr}
    .lux-performance-table-wrap{max-height:430px}
}
@media (max-width: 600px){
    .lux-performance-hub{margin-top:16px;padding:12px;border-radius:13px}
    .lux-performance-head{gap:8px;margin-bottom:13px}
    .lux-performance-head h3{font-size:1rem!important;line-height:1.25!important}
    .lux-performance-head p{font-size:.67rem!important}
    .lux-performance-badge{display:none}
    .lux-performance-tabs{gap:4px}
    .lux-performance-tab{min-height:40px;padding:6px 4px;gap:4px;font-size:.62rem!important}
    .lux-performance-tab b{min-width:19px;padding:2px 4px;font-size:.57rem!important}
    .lux-performance-tab-dot{width:6px;height:6px}
    .lux-performance-grid{gap:6px}
    .lux-performance-stat{padding:10px}
    .lux-performance-stat>span{font-size:.56rem!important}
    .lux-performance-stat strong{font-size:.96rem!important}
    .lux-performance-stat small{font-size:.55rem!important}
    .lux-performance-chart-card,.lux-performance-form-card,.lux-performance-history-card{padding:11px}
    .lux-performance-chart-wrap{height:185px}
    .lux-performance-card-head strong{font-size:.75rem!important}
    .lux-performance-card-head>span{font-size:.68rem!important}
    .lux-performance-analysis{padding:10px}
    .lux-performance-analysis p{font-size:.65rem!important}
    .lux-performance-table-wrap{max-height:390px}
    .lux-performance-table{min-width:820px}
}


/* =========================================================
   LUX DASHBOARD · OPERACIONES ACTIVAS v234
   Bloque aislado. No modifica tarjetas ni secciones existentes.
   ========================================================= */
.lux-active-ops-v234{
  width:100%;
  margin:0 0 30px;
  padding:22px;
  border:1px solid rgba(212,175,55,.20);
  border-radius:16px;
  background:
    radial-gradient(circle at 100% 0%,rgba(212,175,55,.055),transparent 34%),
    linear-gradient(145deg,rgba(14,17,21,.98),rgba(8,10,13,.99));
  box-shadow:0 18px 46px rgba(0,0,0,.28);
  overflow:hidden;
}
.lux-active-ops-v234 *{box-sizing:border-box;}
.lux-active-ops-head-v234{
  display:grid;
  grid-template-columns:minmax(300px,1fr) minmax(620px,1.45fr);
  gap:22px;
  align-items:center;
  padding:0 2px 20px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.lux-active-ops-title-v234{
  display:flex;
  align-items:flex-start;
  gap:13px;
  min-width:0;
}
.lux-active-ops-live-v234{
  flex:0 0 13px;
  width:13px;
  height:13px;
  margin-top:11px;
  border-radius:50%;
  background:#f2c94c;
  box-shadow:0 0 0 5px rgba(242,201,76,.10),0 0 16px rgba(242,201,76,.36);
}
.lux-active-ops-kicker-v234{
  display:block;
  margin:0 0 4px;
  color:#d4af37!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:1.7px!important;
}
.lux-active-ops-title-v234 h3{
  margin:0!important;
  color:#f3f4f6!important;
  font-size:25px!important;
  line-height:1.15!important;
  letter-spacing:-.5px!important;
  text-shadow:none!important;
}
.lux-active-ops-title-v234 h3 strong{
  color:#f2c94c!important;
  font-size:inherit!important;
  line-height:inherit!important;
}
.lux-active-ops-title-v234 p{
  margin:7px 0 0!important;
  color:#929aa6!important;
  font-size:12px!important;
  line-height:1.45!important;
  text-shadow:none!important;
}
.lux-active-ops-metrics-v234{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.lux-active-ops-metric-v234{
  min-width:0;
  min-height:78px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  padding:12px 9px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(21,25,31,.96),rgba(13,16,20,.98));
}
.lux-active-ops-metric-v234 strong{
  max-width:100%;
  color:#f4f6f8!important;
  font-size:19px!important;
  line-height:1.15!important;
  font-weight:800!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.lux-active-ops-metric-v234 strong.is-positive{color:#32d6a0!important;}
.lux-active-ops-metric-v234 strong.is-negative{color:#ff6767!important;}
.lux-active-ops-metric-v234 span{
  color:#8f98a5!important;
  font-size:9px!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:.5px!important;
  text-transform:uppercase;
  text-align:center;
}
.lux-active-ops-list-v234{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:16px 0 0;
}
.lux-active-op-card-v234{
  display:grid;
  grid-template-columns:minmax(245px,1.15fr) minmax(135px,.7fr) repeat(4,minmax(145px,.82fr));
  align-items:stretch;
  min-width:0;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(15,18,22,.98),rgba(9,12,15,.99));
  overflow:hidden;
  box-shadow:0 8px 22px rgba(0,0,0,.18);
}
.lux-active-op-card-v234 > div{
  min-width:0;
  padding:13px 15px;
  border-right:1px solid rgba(255,255,255,.075);
}
.lux-active-op-card-v234 > div:last-child{border-right:0;}
.lux-active-op-identity-v234{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
}
.lux-active-op-top-v234{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.lux-active-op-side-v234{
  flex:0 0 auto;
  padding:5px 8px;
  border-radius:5px;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.25px!important;
}
.lux-active-op-side-v234.long{
  color:#58e2ae!important;
  background:rgba(38,166,154,.17);
  border:1px solid rgba(38,166,154,.24);
}
.lux-active-op-side-v234.short{
  color:#ff8585!important;
  background:rgba(239,83,80,.17);
  border:1px solid rgba(239,83,80,.22);
}
.lux-active-op-symbol-v234{
  min-width:0;
  color:#f3f4f6!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:850!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.lux-active-op-badges-v234{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}
.lux-active-op-badge-v234{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:2px 7px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:5px;
  background:rgba(255,255,255,.055);
  color:#b5bdc8!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.25px!important;
  white-space:nowrap;
}
.lux-active-op-badge-v234.auto{
  color:#68a9ff!important;
  border-color:rgba(50,127,255,.38);
  background:rgba(33,92,190,.16);
}
.lux-active-op-badge-v234.vip2{
  color:#f1d368!important;
  border-color:rgba(212,175,55,.48);
  background:rgba(212,175,55,.12);
}
.lux-active-op-pnl-v234,
.lux-active-op-cell-v234{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
}
.lux-active-op-pnl-v234 span,
.lux-active-op-cell-v234 span{
  color:#87919d!important;
  font-size:10px!important;
  line-height:1.15!important;
  font-weight:600!important;
}
.lux-active-op-pnl-v234 strong,
.lux-active-op-cell-v234 strong{
  color:#f0f2f5!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:800!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.lux-active-op-pnl-v234 strong.is-positive{color:#32d6a0!important;}
.lux-active-op-pnl-v234 strong.is-negative{color:#ff6767!important;}
.lux-active-op-pnl-v234 small{
  color:#8d96a1!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:700!important;
}
.lux-active-op-pnl-v234 small.is-positive{color:#32d6a0!important;}
.lux-active-op-pnl-v234 small.is-negative{color:#ff6767!important;}
.lux-active-op-cell-v234.stop strong{color:#ff7070!important;}
.lux-active-op-cell-v234.take strong{color:#47d8aa!important;}
.lux-active-ops-empty-v234{
  min-height:105px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:24px;
  border:1px dashed rgba(255,255,255,.10);
  border-radius:12px;
  color:#8f98a5;
  background:rgba(255,255,255,.018);
  text-align:center;
}
.lux-active-ops-empty-v234 i{
  color:#d4af37;
  font-size:17px!important;
}
.lux-active-ops-empty-v234 strong{
  color:#aab1bb!important;
  font-size:12px!important;
  line-height:1.3!important;
}
.lux-active-ops-cta-v234{
  margin-top:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 16px;
  border:1px solid rgba(212,175,55,.45);
  border-radius:11px;
  background:linear-gradient(90deg,rgba(212,175,55,.075),rgba(212,175,55,.025));
}
.lux-active-ops-cta-v234 > div{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
}
.lux-active-ops-cta-v234 > div > i{
  color:#e5bd42;
  font-size:21px!important;
}
.lux-active-ops-cta-v234 strong{
  display:block;
  color:#efc94f!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:850!important;
}
.lux-active-ops-cta-v234 span{
  display:block;
  margin-top:3px;
  color:#9ba3ae!important;
  font-size:10px!important;
  line-height:1.35!important;
}
.lux-active-ops-trading-btn-v234{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:8px 14px;
  border:1px solid rgba(212,175,55,.30);
  border-radius:8px;
  background:rgba(212,175,55,.09);
  color:#efc94f!important;
  text-decoration:none!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
}
.lux-active-ops-trading-btn-v234:hover{
  color:#16120a!important;
  background:#d4af37;
  border-color:#d4af37;
}
.lux-active-ops-trading-btn-v234 i{font-size:10px!important;}
.lux-active-ops-foot-v234{
  display:flex;
  align-items:center;
  gap:8px;
  padding:12px 2px 0;
  color:#747d89;
}
.lux-active-ops-foot-v234 i{font-size:10px!important;}
.lux-active-ops-foot-v234 span{
  color:#747d89!important;
  font-size:9px!important;
  line-height:1.35!important;
}

@media (max-width:1199px){
  .lux-active-ops-head-v234{grid-template-columns:1fr;}
  .lux-active-op-card-v234{
    grid-template-columns:minmax(220px,1.15fr) minmax(125px,.7fr) repeat(2,minmax(145px,.85fr));
  }
  .lux-active-op-card-v234 > div:nth-child(4){border-right:0;}
  .lux-active-op-card-v234 > div:nth-child(n+5){border-top:1px solid rgba(255,255,255,.075);}
}
@media (max-width:767px){
  .lux-active-ops-v234{
    margin:0 0 20px;
    padding:14px;
    border-radius:14px;
  }
  .lux-active-ops-head-v234{gap:15px;padding-bottom:15px;}
  .lux-active-ops-title-v234 h3{font-size:20px!important;}
  .lux-active-ops-title-v234 p{font-size:10px!important;}
  .lux-active-ops-metrics-v234{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }
  .lux-active-ops-metric-v234{min-height:67px;padding:9px 6px;}
  .lux-active-ops-metric-v234 strong{font-size:15px!important;}
  .lux-active-ops-metric-v234 span{font-size:8px!important;}
  .lux-active-op-card-v234{
    grid-template-columns:repeat(2,minmax(0,1fr));
    border-radius:10px;
  }
  .lux-active-op-card-v234 > div{
    padding:11px 12px;
    border-right:1px solid rgba(255,255,255,.075);
    border-top:1px solid rgba(255,255,255,.075);
  }
  .lux-active-op-card-v234 > div:nth-child(odd){border-right:1px solid rgba(255,255,255,.075);}
  .lux-active-op-card-v234 > div:nth-child(even){border-right:0;}
  .lux-active-op-card-v234 .lux-active-op-identity-v234{
    grid-column:1 / -1;
    border-top:0;
    border-right:0;
  }
  .lux-active-op-card-v234 .lux-active-op-pnl-v234{
    grid-column:1 / -1;
    border-right:0;
  }
  .lux-active-op-symbol-v234{font-size:13px!important;}
  .lux-active-op-pnl-v234 strong,
  .lux-active-op-cell-v234 strong{font-size:12px!important;}
  .lux-active-ops-cta-v234{
    flex-direction:column;
    align-items:stretch;
    padding:13px;
  }
  .lux-active-ops-trading-btn-v234{width:100%;min-height:41px;}
  .lux-active-ops-foot-v234{align-items:flex-start;}
}


/* =========================================================
   LUX DASHBOARD · OPERACIONES ACTIVAS v235
   Desplegable. Resumen visible, detalle oculto por defecto.
   ========================================================= */
.lux-active-ops-title-v234{
  width:100%;
  appearance:none;
  -webkit-appearance:none;
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  text-align:left;
  cursor:pointer;
  color:inherit;
  font:inherit;
}
.lux-active-ops-title-v234:hover .lux-active-ops-heading-v235,
.lux-active-ops-title-v234:focus-visible .lux-active-ops-heading-v235{
  color:#f2c94c!important;
}
.lux-active-ops-title-v234:focus-visible{
  outline:1px solid rgba(212,175,55,.55);
  outline-offset:7px;
  border-radius:8px;
}
.lux-active-ops-title-copy-v235{
  display:block;
  min-width:0;
  flex:1 1 auto;
}
.lux-active-ops-heading-v235{
  display:block;
  margin:0!important;
  color:#f3f4f6!important;
  font-size:25px!important;
  line-height:1.15!important;
  font-weight:700!important;
  letter-spacing:-.5px!important;
  text-shadow:none!important;
  transition:color .18s ease;
}
.lux-active-ops-heading-v235 strong{
  color:#f2c94c!important;
  font-size:inherit!important;
  line-height:inherit!important;
}
.lux-active-ops-subtitle-v235{
  display:block;
  margin-top:7px;
  color:#929aa6!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:500!important;
  text-shadow:none!important;
}
.lux-active-ops-toggle-icon-v235{
  flex:0 0 34px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  margin-left:auto;
  border:1px solid rgba(212,175,55,.24);
  border-radius:9px;
  background:rgba(212,175,55,.055);
  color:#d4af37!important;
}
.lux-active-ops-toggle-icon-v235 i{
  font-size:11px!important;
  transition:transform .2s ease;
}
.lux-active-ops-v234:not(.is-collapsed) .lux-active-ops-toggle-icon-v235 i{
  transform:rotate(180deg);
}
.lux-active-ops-v234.is-collapsed .lux-active-ops-list-v234,
.lux-active-ops-v234.is-collapsed .lux-active-ops-cta-v234,
.lux-active-ops-v234.is-collapsed .lux-active-ops-foot-v234{
  display:none!important;
}
.lux-active-ops-v234.is-collapsed .lux-active-ops-head-v234{
  padding-bottom:0;
  border-bottom:0;
}
@media (max-width:767px){
  .lux-active-ops-heading-v235{font-size:20px!important;}
  .lux-active-ops-subtitle-v235{font-size:10px!important;}
  .lux-active-ops-toggle-icon-v235{flex-basis:30px;width:30px;height:30px;}
}

/* VIP 2 · rendimiento verificable de operativas manuales */
.lux-vip2-performance{margin:0 0 20px;padding:15px;border:1px solid rgba(212,175,55,.24);border-radius:14px;background:linear-gradient(145deg,rgba(15,18,25,.96),rgba(9,12,18,.96));box-shadow:0 12px 32px rgba(0,0,0,.18)}
.lux-vip2-performance-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.lux-vip2-performance-head>div{display:flex;flex-direction:column;gap:2px}.lux-vip2-performance-head small{color:#d4af37;font-size:9px;font-weight:800;letter-spacing:.1em}.lux-vip2-performance-head strong{color:#f3f5f8;font-size:16px}.lux-vip2-performance-head>span{color:#747c89;font-size:10px}
.lux-vip2-performance-grid{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:8px}.lux-vip2-performance-grid>div{min-height:74px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;justify-content:center;gap:5px}.lux-vip2-performance-grid>div.primary{border-color:rgba(212,175,55,.35);background:rgba(212,175,55,.07)}.lux-vip2-performance-grid span{font-size:9px;font-weight:700;color:#7f8793;letter-spacing:.05em}.lux-vip2-performance-grid b{font-size:17px;color:#e8ebf0}.lux-vip2-performance-grid .primary b{font-size:26px;color:#e5c75c}.lux-vip2-performance-grid b.positive{color:#4dcbbd}.lux-vip2-performance-grid b.negative{color:#ff7f7a}.lux-vip2-performance>p{margin:10px 2px 0;color:#737b87;font-size:10px;line-height:1.4}
@media(max-width:768px){.lux-vip2-performance{padding:12px;margin-bottom:15px}.lux-vip2-performance-grid{grid-template-columns:1fr 1fr}.lux-vip2-performance-grid>div.primary{grid-column:1/-1}.lux-vip2-performance-grid .primary b{font-size:24px}.lux-vip2-performance-head{align-items:center}.lux-vip2-performance-head>span{max-width:95px;text-align:right}}


/* ==========================================================
   LUX VIP 2 · PRECIO EN VIVO EN TARJETA
   Visual solamente. Responsive y sin alterar Entry/TP/SL.
   ========================================================== */
:is(#lista-operaciones-activas-vip2, #lmo-activas) .lux-vip2-live-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid rgba(52, 211, 153, .20);
    border-radius: 11px;
    background: rgba(6, 16, 18, .42);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

:is(#lista-operaciones-activas-vip2, #lmo-activas) .lux-vip2-live-main {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

:is(#lista-operaciones-activas-vip2, #lmo-activas) .lux-vip2-live-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #7b8490;
    box-shadow: 0 0 0 3px rgba(123,132,144,.10);
}

:is(#lista-operaciones-activas-vip2, #lmo-activas) .lux-vip2-live-price.is-live .lux-vip2-live-dot {
    background: #34d399;
    box-shadow: 0 0 0 3px rgba(52,211,153,.12), 0 0 10px rgba(52,211,153,.35);
}

:is(#lista-operaciones-activas-vip2, #lmo-activas) .lux-vip2-live-label {
    color: #aeb8c4 !important;
    font-size: .66rem !important;
    font-weight: 750 !important;
    letter-spacing: .08em !important;
    line-height: 1.2 !important;
    white-space: nowrap;
}

:is(#lista-operaciones-activas-vip2, #lmo-activas) .lux-vip2-live-value {
    color: #f5f7fa;
    font-size: .92rem !important;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

:is(#lista-operaciones-activas-vip2, #lmo-activas) .lux-vip2-live-move {
    flex: 0 0 auto;
    color: #aeb8c4 !important;
    font-size: .72rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

:is(#lista-operaciones-activas-vip2, #lmo-activas) .lux-vip2-live-move.is-positive { color: #45e6a5 !important; }
:is(#lista-operaciones-activas-vip2, #lmo-activas) .lux-vip2-live-move.is-negative { color: #ff7c83 !important; }

@media (max-width: 575px) {
    :is(#lista-operaciones-activas-vip2, #lmo-activas) .lux-vip2-live-price {
        align-items: flex-start;
        padding: 9px 10px;
        gap: 6px 10px;
        flex-wrap: wrap;
    }
    :is(#lista-operaciones-activas-vip2, #lmo-activas) .lux-vip2-live-main {
        flex: 1 1 auto;
    }
    :is(#lista-operaciones-activas-vip2, #lmo-activas) .lux-vip2-live-label {
        font-size: .60rem !important;
    }
    :is(#lista-operaciones-activas-vip2, #lmo-activas) .lux-vip2-live-value {
        font-size: .84rem !important;
    }
    :is(#lista-operaciones-activas-vip2, #lmo-activas) .lux-vip2-live-move {
        flex: 1 0 100%;
        padding-left: 14px;
        font-size: .66rem !important;
    }
}