:root{
  --lmu-bg0:#050507;
  --lmu-bg1:#08080c;
  --lmu-bg2:#0D0D12;
  --lmu-side:#0A0A0D;
  --lmu-top:#0B0B0F;

  --lmu-panel: rgba(14,14,18,.72);
  --lmu-panel2: rgba(10,10,14,.60);

  --lmu-txt:#F2F2F3;
  --lmu-muted:#A1A1AA;

  --lmu-gold:#EBCA28;
  --lmu-gold2:#F4D21F;

  --lmu-line: rgba(255,255,255,.06);
  --lmu-line2: rgba(255,255,255,.04);
  --lmu-goldLine: rgba(235,202,40,.18);

  --lmu-r:18px;
  --lmu-r2:22px;

  --lmu-shadow: 0 0 0 1px rgba(255,255,255,.05), 0 24px 90px rgba(0,0,0,.72);
  --lmu-shadow-soft: 0 14px 60px rgba(0,0,0,.55);
  --lmu-shadow-gold: 0 0 0 1px rgba(235,202,40,.10), 0 18px 70px rgba(0,0,0,.70);

  --lmu-sidebar-w: 280px;
  --lmu-topbar-h: 78px;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

html,
body{
  min-height:100%;
}

body{
  margin:0;
  color:var(--lmu-txt);
  background:linear-gradient(180deg, var(--lmu-bg0), var(--lmu-bg1));
  overflow-x:hidden;
}

/* quita la textura global para evitar el “cuadro/gris” visual */
body::before{
  display:none;
}

img{
  max-width:100%;
  height:auto;
}

a{
  color:inherit;
  text-decoration:none;
}

button,
input,
select,
textarea{
  font:inherit;
}

/* contenedor maestro */
.lmu-app{
  position:relative;
  z-index:1;
  min-height:100vh;
}

/* zona de contenido */
.lmu-page{
  position:relative;
  z-index:1;
  width:100%;
}

.lmu-page-inner{
  width:100%;
  max-width:1280px;
  margin:0 auto;
}

/* para la home, no limitar ancho interno */
body.home-page .lmu-page-inner{
  max-width:none !important;
  margin:0 !important;
}

body.home-page .lmu-page{
  padding:0 !important;
}

/* utilidades */
.lmu-hide{
  display:none !important;
}

.lmu-text-muted{
  color:var(--lmu-muted) !important;
}

.lmu-text-gold{
  color:var(--lmu-gold) !important;
}

.lmu-glass{
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), transparent 45%),
    rgba(10,10,14,.55);
  border:1px solid var(--lmu-line);
  border-radius:var(--lmu-r);
  box-shadow:var(--lmu-shadow);
  backdrop-filter:blur(10px);
}

.lmu-shell{
  width:100%;
  max-width:1280px;
  margin:0 auto;
}

@media (max-width: 991.98px){
  .lmu-page{
    padding:18px;
  }

  body.home-page .lmu-page{
    padding:0 !important;
  }
}

@media (max-width: 575.98px){
  .lmu-page{
    padding:14px;
  }

  body.home-page .lmu-page{
    padding:0 !important;
  }
}