.sidebar-right{display:none !important}
.page-layout{grid-template-columns:1fr !important}
.breadcrumb-bar{display:none!important}
.page-layout{max-width:none!important;min-height:100vh!important;padding:var(--nav-h,52px) 0 0!important;background:transparent!important}
.main-content{min-height:calc(100vh - 52px)!important}
.auth-wrap{min-height:calc(100vh - 52px)!important;padding:3rem 1rem!important;position:relative!important;isolation:isolate!important}
.auth-wrap::before{content:''!important;position:absolute!important;inset:0!important;z-index:-1!important;background:radial-gradient(42% 38% at 50% 45%,var(--c-bg-glow-1),transparent 72%)!important}
.auth-card{width:min(440px,calc(100vw - 2rem))!important;max-width:440px!important;padding:0!important;overflow:hidden!important;border-radius:18px!important;border:1px solid rgba(158,109,32,.7)!important;background:var(--c-surface-hi)!important;box-shadow:0 22px 60px rgba(87,60,23,.2),0 2px 0 rgba(255,255,255,.8) inset!important}
.auth-wrap .auth-card::before{content:none!important;display:none!important}
.auth-wrap .login-card-hero{min-height:112px!important;margin:0!important;width:100%!important;overflow:hidden!important;display:flex!important;align-items:center!important;border-radius:18px 18px 0 0!important;border:0!important;border-bottom:1px solid var(--border-gold)!important;background:linear-gradient(90deg,rgba(22,17,12,.88) 0%,rgba(22,17,12,.68) 34%,rgba(22,17,12,.25) 62%,rgba(22,17,12,.03) 100%),
    url("../../img/login-hero.c456c3881a9c.png"),
    linear-gradient(135deg,#66513b 0%,#9c7f50 45%,#5c793c 100%)!important;background-size:auto,cover,cover!important;background-position:center,center 42%,center!important;box-shadow:0 1px 0 rgba(255,255,255,.34) inset!important;position:relative!important}
.auth-wrap .login-card-hero::before{content:''!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.30)),radial-gradient(ellipse at 88% 10%,rgba(255,255,255,.35),transparent 32%),
    linear-gradient(180deg,rgba(255,236,120,.18),rgba(96,80,16,.08))!important;mix-blend-mode:soft-light!important}
.auth-wrap .login-hero-copy{position:relative!important;z-index:1!important;padding:1.45rem 1.65rem!important}
.auth-wrap .login-hero-copy h2{font-family:'Cinzel Decorative','Cinzel',serif!important;font-size:1.34rem!important;font-weight:700!important;line-height:1.1!important;color:#ffe88f!important;text-shadow:0 2px 10px rgba(0,0,0,.58),0 0 18px rgba(246,217,119,.26)!important;margin:0!important;letter-spacing:.035em!important;text-transform:none!important}
.auth-wrap .auth-card > h1{margin:2rem 2rem .35rem!important;color:var(--c-accent-ink)!important;font-family:'Cinzel',serif!important;font-size:1.45rem!important;font-weight:800!important;text-shadow:none!important}
.auth-wrap .auth-card > p{margin:0 2rem 1.35rem!important;color:var(--c-text-2)!important;font-size:.95rem!important}
.auth-card .error-box{margin:0 2rem 1rem!important;background:var(--c-tint-red)!important;border-color:#d56a57!important;color:#a53a28!important}
.auth-actions{display:flex;flex-direction:column;gap:.55rem;margin-top:1.1rem}
.auth-provider{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.6rem 1rem;border-radius:5px;text-decoration:none;font-family:var(--font-ui);font-size:.85rem;font-weight:700;letter-spacing:.04em;transition:all .2s}
.auth-card > div:last-child{margin:0 2rem 2rem!important;gap:.75rem!important}
.auth-card a{min-height:46px!important;border-radius:10px!important;font-size:.9rem!important;box-shadow:0 8px 18px rgba(80,54,18,.08)!important;transform:translateY(0)!important}
.auth-card a:hover{transform:translateY(-1px)!important;box-shadow:0 12px 24px rgba(80,54,18,.14)!important}
.auth-card a[href*="discord"]{background:linear-gradient(180deg,#6f7cf7 0%,#5865f2 100%)!important;border:1px solid #4c57d9!important;color:#fff!important}
.auth-card a[href*="discord"]:hover{background:linear-gradient(180deg,#7d89ff 0%,#6370ff 100%)!important;border-color:#5865f2!important}
.auth-card a[href*="google"]{background:linear-gradient(180deg,var(--c-surface-hi) 0%,var(--c-inset) 100%)!important;border:1px solid rgba(177,124,43,.35)!important;color:var(--c-text)!important}
.auth-card a[href*="google"]:hover{background:linear-gradient(180deg,var(--c-surface-hi) 0%,var(--c-inset) 100%)!important;border-color:color-mix(in srgb,var(--c-line-accent) 70%,transparent)!important}
@media(max-width:560px){.page-layout{padding-top:52px!important}
.auth-wrap{padding:1.25rem!important}
.login-card-hero{min-height:92px!important;margin:0!important;border-radius:18px 18px 0 0!important}
.login-hero-copy{padding:1.1rem 1.25rem!important}
.login-hero-copy h2{font-size:1.12rem!important}
.auth-card h1{font-size:1.25rem!important;margin-top:1.5rem!important}
.auth-card > div:last-child, .auth-card h1, .auth-card p, .auth-card .error-box{margin-left:1.35rem!important;margin-right:1.35rem!important}}

/* --------------------------------------------------------------------------
   Tema moderno (tokens en theme/tokens.css)
   -------------------------------------------------------------------------- */
/* El botón de Discord no lleva la clase .discord: se distingue por el enlace (conserva su borde de marca) */
html[data-theme] .auth-card a.auth-provider:not([href*="discord"]) {
  background: var(--c-inset) !important;
  border: 1px solid var(--c-line-strong) !important;
  color: var(--c-text) !important;
}
html[data-theme] .auth-card a.auth-provider:not([href*="discord"]):hover {
  background: var(--c-inset-2) !important;
  border-color: var(--c-line-hover) !important;
}
html[data-theme] .auth-card a.auth-provider { box-shadow: none !important; }
html[data-theme] .auth-wrap .auth-card { border-color: var(--c-line-strong) !important; box-shadow: var(--c-shadow-float) !important; }
/* Brillo detrás de la tarjeta: --c-bg-glow-1 no existe en tokens.css, se usa el acento */
html[data-theme] .auth-wrap::before {
  background: radial-gradient(42% 38% at 50% 45%, var(--c-accent-soft), transparent 72%) !important;
}
/* Título bajo el banner: Geist como el resto de títulos (la serif queda solo en el banner) */
html[data-theme] .auth-wrap .auth-card > h1 {
  font-family: var(--font-ui) !important;
  font-weight: 600 !important;
  font-variant: normal !important;
  text-transform: none !important;
  letter-spacing: -.02em !important;
  color: var(--c-text) !important;
}
html[data-theme] .auth-wrap .login-card-hero { border-bottom-color: var(--c-line-strong) !important; }
/* Error: el rojo oscuro #a53a28 no se leía sobre el tinte rojo */
html[data-theme] .auth-card .error-box {
  background: var(--c-tint-red) !important;
  border-color: color-mix(in srgb, var(--c-red) 45%, transparent) !important;
  color: var(--c-red) !important;
  border-radius: var(--r-inner) !important;
}