/* =========================================================
   MU DEMON - DISEÑO NEGRO (04/11)
   Se carga ULTIMO: pisa los colores de theme.css y mudemon-fix.css.
   Negro profundo, tipografia blanca, acento azul hielo (como el logo).
   ========================================================= */
:root{
  --bg:#050608; --bg-2:#08090d; --surface:#0d0f14; --surface-2:#13161d;
  --line:#22262f; --line-soft:#181b22;
  --blue:#3d8bff; --blue-bright:#7db7ff; --blue-deep:#1a2d4d; --blue-glow:rgba(77,155,255,.28);
  --gold:#e9edf5; --gold-bright:#ffffff; --gold-glow:rgba(255,255,255,.12);
  --text:#e6e9ef; --muted:#9aa3b2; --white:#ffffff;
  --fd:"Cinzel",Georgia,serif;
  --fb:"Inter",-apple-system,"Segoe UI",Roboto,sans-serif;
  --fu:"Inter",-apple-system,"Segoe UI",sans-serif;
}
html{font-size:17px !important;}
body.md-negro{background:#050608 !important;background-image:none !important;color:var(--text) !important;
  font-family:var(--fb) !important;line-height:1.65;letter-spacing:.005em}
.md-negro a{color:var(--blue-bright)}
.md-negro a:hover{color:#fff}

/* ---------- MENU ---------- */
.md-negro .md-nav{background:rgba(5,6,8,.92);border-bottom:1px solid #1b1e25;backdrop-filter:blur(10px)}
.md-negro .md-nav-inner{max-width:1380px;gap:18px;padding:8px 22px;flex-wrap:nowrap}
.md-negro .md-brand-img{display:flex;align-items:center;background:none !important;padding:0;flex:0 0 auto}
.md-negro .md-brand-img img{height:46px;width:auto;display:block;filter:drop-shadow(0 0 10px rgba(77,155,255,.25))}
.md-negro .md-links-es{display:flex;align-items:center;gap:2px;flex:1;min-width:0;margin-left:6px}
.md-negro .md-links-es > a,.md-negro .md-dd-toggle{font-family:var(--fu);font-weight:600;font-size:.84rem;letter-spacing:.06em;
  text-transform:uppercase;color:#d7dbe3 !important;padding:9px 13px;border-radius:6px;white-space:nowrap;transition:.15s}
.md-negro .md-links-es > a:hover,.md-negro .md-dd:hover .md-dd-toggle{color:#fff !important;background:#14171e}
.md-negro .md-links-es > a.on{color:#fff !important;box-shadow:inset 0 -2px 0 var(--blue)}
.md-negro .md-dd-menu{background:#0d0f14;border:1px solid #262a33;border-radius:10px}
.md-negro .md-dd-menu a{color:#e6e9ef !important;text-transform:none;font-size:.92rem;letter-spacing:.01em}
.md-negro .md-dd-menu a:hover{background:#1a1e27;color:#fff !important}
.md-negro .md-nav-cta{margin-left:auto;flex:0 0 auto}

/* iconos de redes (SVG en linea, blancos) */
.md-negro .ic{display:inline-block;width:18px;height:18px;background:#fff;flex:0 0 18px;
  -webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.md-negro .ic-wa{background:#25d366;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm5.5 14.2c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .2-3.3-.7-2.8-1.1-4.5-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.9s.7-2.1 1-2.4c.3-.3.6-.3.8-.3h.6c.2 0 .4 0 .6.5l.9 2.1c.1.2.1.4 0 .5l-.4.6-.4.4c-.1.1-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.4 2.4 1.5.3.1.5.1.6-.1l.8-1c.2-.3.4-.2.6-.1l2 .9c.3.1.5.2.5.3.1.1.1.6-.1 1.2z'/%3E%3C/svg%3E")}
.md-negro .ic-tt{background:#fff;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.6 2h-3.4v13.3a2.9 2.9 0 1 1-2.1-2.8V9a6.3 6.3 0 1 0 5.5 6.3V8.6a7.7 7.7 0 0 0 4.4 1.4V6.6a4.4 4.4 0 0 1-4.4-4.6z'/%3E%3C/svg%3E")}
.md-negro .ic-dc{background:#7c8cff;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.3 5.3A17 17 0 0 0 15 4l-.5 1a15.7 15.7 0 0 0-5 0L9 4a17 17 0 0 0-4.3 1.3C2 9.3 1.3 13.2 1.6 17a17.3 17.3 0 0 0 5.3 2.7l1.1-1.8a11 11 0 0 1-1.7-.8l.4-.3a12.2 12.2 0 0 0 10.6 0l.4.3-1.7.8 1.1 1.8a17.2 17.2 0 0 0 5.3-2.7c.4-4.4-.7-8.3-3.1-11.7zM8.7 14.6c-1 0-1.9-1-1.9-2.1s.8-2.1 1.9-2.1 1.9 1 1.9 2.1-.8 2.1-1.9 2.1zm6.6 0c-1 0-1.9-1-1.9-2.1s.8-2.1 1.9-2.1 1.9 1 1.9 2.1-.8 2.1-1.9 2.1z'/%3E%3C/svg%3E")}

/* menu en celular */
.md-burger-cb,.md-burger{display:none}
@media(max-width:1100px){
  .md-negro .md-nav-inner{flex-wrap:wrap}
  .md-burger{display:flex;flex-direction:column;gap:5px;cursor:pointer;margin-left:auto;padding:8px}
  .md-burger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px}
  .md-negro .md-links-es{display:none;order:4;flex-basis:100%;flex-direction:column;align-items:stretch;margin:6px 0 4px}
  .md-burger-cb:checked ~ .md-links-es{display:flex}
  .md-negro .md-dd-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:transparent;padding:0 0 0 14px}
  .md-negro .md-nav-cta{order:3;margin-left:0}
}

/* ---------- BOTONES ---------- */
.md-negro .md-btn{font-family:var(--fu);font-weight:700;letter-spacing:.06em;border-radius:7px}
.md-negro .md-btn.gold{color:#050608 !important;background:#ffffff;box-shadow:0 6px 22px rgba(255,255,255,.10)}
.md-negro .md-btn.gold:hover{background:#dfe9ff;color:#050608 !important}
.md-negro .md-btn.blue{color:#fff !important;background:linear-gradient(180deg,#3d8bff,#2a63c4);box-shadow:0 6px 22px rgba(61,139,255,.25)}
.md-negro .md-btn.ghost{color:#e6e9ef !important;background:transparent;border:1px solid #30353f}
.md-negro .md-btn.ghost:hover{border-color:#fff;color:#fff !important}

/* ---------- PORTADA ---------- */
.md-negro .md-hero-negro{position:relative;background:#050608 url("../img/md-hero-bg.jpg") center 30%/cover no-repeat}
.md-negro .md-hero-negro::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(5,6,8,.15) 0%,rgba(5,6,8,0) 45%,rgba(5,6,8,.85) 88%,#050608 100%)}
.md-negro .md-hero{padding:0;text-align:center;overflow:hidden}
.md-negro .md-hero-in{position:relative;z-index:1;padding:46px 22px 54px}
.md-negro .md-hero-logo{max-width:440px;width:68%;mix-blend-mode:normal;filter:drop-shadow(0 10px 40px rgba(0,0,0,.7))}
.md-negro .md-hero-tag{color:#e6e9ef;font-style:normal;letter-spacing:.18em;text-transform:uppercase;font-size:.82rem;
  font-weight:600;margin-top:8px;text-shadow:0 2px 12px #000}
.md-negro .md-live-item{background:rgba(10,12,16,.78);border:1px solid #2a2f39;backdrop-filter:blur(6px)}
.md-negro .md-live-item .lbl{color:#aab2c0}
.md-negro .md-live-item .val,.md-negro .md-live-item .val b{color:#fff}
.md-negro .md-page-head{padding:22px 0 26px;text-align:center;position:relative;max-width:none;margin:0}
.md-negro .md-page-head a{position:relative;z-index:1;display:inline-block}
.md-negro .md-page-head img{max-height:120px;max-width:70%;filter:drop-shadow(0 8px 30px rgba(0,0,0,.7))}

/* ---------- SECCIONES Y RECUADROS ---------- */
.md-negro .md-block-h h2{font-family:var(--fd);color:#fff;font-size:1.45rem;letter-spacing:.04em}
.md-negro .md-block-h h2 b{color:var(--blue-bright)}
.md-negro .md-block-h .line{background:linear-gradient(90deg,#2a2f39,transparent)}
.md-negro .md-content{background:#0b0d11;border:1px solid #1d2028;box-shadow:0 10px 40px rgba(0,0,0,.45);border-radius:10px;color:var(--text)}
.md-negro .md-panel,.md-negro .md-side .panel{background:#0b0d11 !important;border:1px solid #1d2028 !important;border-radius:10px;box-shadow:none}
.md-negro .md-panel-h,.md-negro .md-side .panel-heading{background:#11141a !important;border-bottom:1px solid #1d2028 !important;
  color:#fff !important;font-family:var(--fu);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:700}
.md-negro .md-side .panel-title{color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.md-negro .md-side .panel-title .btn{text-transform:none;letter-spacing:0}
.md-negro .md-side .table td,.md-negro .md-side .table th{border-color:#1a1d24 !important;color:#e6e9ef}
.md-negro .md-feat{background:#0b0d11;border:1px solid #1d2028;border-radius:10px}
.md-negro .md-feat:hover{border-color:#3d8bff}
.md-negro .md-feat h4{color:#fff}
.md-negro .md-feat p{color:var(--muted)}
.md-negro .md-social-3{display:grid;grid-template-columns:1fr;gap:8px}
.md-negro .md-social-3 a{display:flex;align-items:center;gap:10px;justify-content:flex-start;padding:11px 14px;background:#11141a;
  border:1px solid #22262f;border-radius:8px;color:#fff !important;font-weight:600}
.md-negro .md-social-3 a:hover{border-color:#3d8bff;background:#151923}

/* tablas, formularios y titulos de los modulos de WebEngine */
.md-negro .page-title{border:0 !important;margin:0 0 18px}
.md-negro .page-title span{font-family:var(--fd) !important;color:#fff !important;font-size:1.5rem;letter-spacing:.05em}
.md-negro .table{color:#e6e9ef;background:transparent}
.md-negro .table > thead > tr > th{background:#11141a;color:#fff;border-color:#22262f !important;font-weight:700}
.md-negro .table > tbody > tr > td{border-color:#1a1d24 !important}
.md-negro .table-striped > tbody > tr:nth-of-type(odd){background:#0e1015}
.md-negro .table-hover > tbody > tr:hover{background:#151923}
.md-negro .form-control{background:#0e1015 !important;border:1px solid #2a2f39 !important;color:#fff !important;border-radius:7px}
.md-negro .form-control:focus{border-color:#3d8bff !important;box-shadow:0 0 0 3px rgba(61,139,255,.18) !important}
.md-negro .btn-primary{background:#ffffff !important;border-color:#ffffff !important;color:#050608 !important;font-weight:700}
.md-negro .btn-primary:hover{background:#dfe9ff !important}
.md-negro .alert-warning,.md-negro .alert-info{background:#11141a;border:1px solid #2a2f39;color:#e6e9ef}

/* ---------- PIE ---------- */
.md-negro .md-footer{background:#030405;border-top:1px solid #15181e;color:#9aa3b2}
.md-negro .md-footer p{color:#9aa3b2}
.md-negro .md-footer .footer-time,.md-negro .md-footer .footer-time-title{color:#fff}

/* margen a los costados (el contenido no queda pegado al borde) */
.md-negro .md-wrap{padding-left:22px !important;padding-right:22px !important;box-sizing:border-box}
.md-negro .md-layout{max-width:1380px;margin-left:auto;margin-right:auto}
@media(max-width:600px){.md-negro .md-wrap{padding-left:14px !important;padding-right:14px !important}}

/* sidebar: tablas con aire y sin los banners viejos en ingles */
.md-negro .md-side .table td,.md-negro .md-side .table th{padding:7px 10px !important}
.md-negro .md-side .table td:last-child{text-align:right}
.md-negro .md-side .sidebar-banner{display:none}

/* ===== 04/11 (2): menu en una sola linea, mas chico; logos mas grandes y nitidos ===== */
.md-negro .md-nav-inner{flex-wrap:nowrap !important;gap:14px;padding:6px 20px}
.md-negro .md-links-es{flex-wrap:nowrap !important;gap:0;margin-left:2px}
.md-negro .md-links-es > a,.md-negro .md-dd-toggle{font-size:.74rem;letter-spacing:.05em;padding:8px 9px}
.md-negro .md-nav-cta .md-btn{font-size:.72rem;padding:8px 13px}
.md-negro .md-brand-img img{height:50px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.9))}
.md-negro .md-hero-logo{max-width:560px;width:78%;filter:drop-shadow(0 2px 3px rgba(0,0,0,.95)) drop-shadow(0 10px 34px rgba(0,0,0,.7))}
.md-negro .md-page-head img{max-height:150px}
@media(max-width:1100px){
  .md-negro .md-nav-inner{flex-wrap:nowrap !important}
  .md-burger{display:none}
  .md-negro .md-links-es{display:flex}
}
@media(max-width:960px){
  .md-negro .md-nav-inner{flex-wrap:wrap !important}
  .md-burger{display:flex}
  .md-negro .md-links-es{display:none;flex-wrap:wrap !important}
  .md-burger-cb:checked ~ .md-links-es{display:flex}
  .md-negro .md-links-es > a,.md-negro .md-dd-toggle{font-size:.9rem;padding:10px 12px}
}