/*
 * MYRION — capa visual bloqueada a la referencia aprobada.
 * Sólo presentación: no altera autenticación, sesiones, Web Push ni datos dinámicos.
 */
:root{
  --my-id-red:#ff2635;
  --my-id-hot:#ff4451;
  --my-id-dark:#050405;
  --my-id-metal:#171619;
  --my-id-silver:#d7d3d6;
  --my-id-header:96px;
  --my-id-footer:140px;
  --my-id-max:1680px;
}

/* ===== HEADER: geometría y proporciones de la referencia ===== */
html body .header.myrion-header{height:var(--my-id-header)!important;min-height:var(--my-id-header)!important;background:linear-gradient(180deg,#171417 0%,#0c0a0c 48%,#030304 100%)!important;border-top:1px solid rgba(255,255,255,.055)!important;border-bottom:1px solid #7f111b!important;box-shadow:inset 0 -1px rgba(255,38,53,.35),0 4px 18px rgba(255,20,36,.18),0 14px 36px rgba(0,0,0,.5)!important;overflow:visible!important}
html body .myrion-header .header-wrapper{height:var(--my-id-header)!important;min-height:var(--my-id-header)!important;background:transparent!important}
html body .myrion-header .header-container.myrion-header__inner{position:relative;width:min(var(--my-id-max),calc(100% - 36px))!important;height:var(--my-id-header)!important;min-height:var(--my-id-header)!important;margin:0 auto!important;padding:6px 24px!important;display:grid!important;grid-template-columns:minmax(360px,420px) minmax(480px,1fr) minmax(385px,440px)!important;align-items:center!important;gap:10px!important}
html body .myrion-header .header-container.myrion-header__inner:before,html body .myrion-header .header-container.myrion-header__inner:after{content:"";position:absolute;top:0;bottom:0;width:72px;pointer-events:none;opacity:.78}
html body .myrion-header .header-container.myrion-header__inner:before{left:-18px;background:linear-gradient(135deg,transparent 0 35%,rgba(87,18,24,.65) 36% 38%,rgba(16,14,16,.94) 39% 72%,transparent 73%)}
html body .myrion-header .header-container.myrion-header__inner:after{right:-18px;background:linear-gradient(225deg,transparent 0 35%,rgba(87,18,24,.65) 36% 38%,rgba(16,14,16,.94) 39% 72%,transparent 73%)}
html body .myrion-header .logo.myrion-brand{height:82px!important;min-width:0!important;display:flex!important;align-items:center!important;gap:13px!important;padding:0 14px 0 2px!important;border-right:1px solid rgba(255,255,255,.08)!important;text-decoration:none!important}
html body .myrion-header .myrion-brand__sigil{width:74px!important;height:82px!important;flex:0 0 74px!important;display:grid!important;place-items:center!important}
html body .myrion-header .myrion-brand__sigil img{width:70px!important;height:78px!important;object-fit:contain!important;filter:drop-shadow(0 0 8px rgba(255,38,53,.58)) drop-shadow(0 0 18px rgba(255,38,53,.22))!important}
html body .myrion-header .myrion-brand__copy{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;line-height:1!important}
html body .myrion-header .myrion-brand__copy strong{font-family:"Cinzel","Trajan Pro",Georgia,serif!important;font-size:clamp(34px,2.35vw,43px)!important;font-weight:600!important;letter-spacing:.09em!important;color:transparent!important;background:linear-gradient(180deg,#fff 0,#e7e1e4 35%,#817b80 53%,#f3eef0 72%,#a19ba0 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;filter:drop-shadow(0 2px 1px #000)!important;white-space:nowrap!important}
html body .myrion-header .myrion-brand__copy small{margin-top:8px!important;color:#d7d1d3!important;font-size:9px!important;font-weight:700!important;letter-spacing:.34em!important;white-space:nowrap!important}
html body .myrion-header .navigation.nav-left.myrion-nav{height:66px!important;display:flex!important;justify-content:center!important;align-items:stretch!important;border-left:1px solid rgba(255,255,255,.06)!important;border-right:1px solid rgba(255,255,255,.06)!important;background:linear-gradient(180deg,rgba(10,9,10,.25),rgba(0,0,0,.08))!important}
html body .myrion-header .myrion-nav__item.nav-item{position:relative!important;min-width:145px!important;height:66px!important;padding:0 22px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;color:#ece8ea!important;font-size:14px!important;font-weight:700!important;border-left:1px solid rgba(255,255,255,.055)!important;background:transparent!important}
html body .myrion-header .myrion-nav__item.nav-item:first-child{border-left:0!important}
html body .myrion-header .myrion-nav__item i{font-size:17px!important;color:#ddd7da!important}
html body .myrion-header .myrion-nav__item.active{color:#fff!important;background:linear-gradient(180deg,rgba(255,38,53,.16),rgba(83,4,11,.05))!important;box-shadow:inset 0 -3px var(--my-id-red),inset 0 0 20px rgba(255,38,53,.07)!important}
html body .myrion-header .myrion-nav__item.active i{color:var(--my-id-hot)!important;filter:drop-shadow(0 0 7px rgba(255,38,53,.65))!important}
html body .myrion-header .myrion-nav__item.active:after{content:""!important;position:absolute!important;left:22%!important;right:22%!important;bottom:-1px!important;height:2px!important;background:#ff5360!important;box-shadow:0 0 10px #ff2635,0 0 20px rgba(255,38,53,.45)!important}
html body .myrion-header .navigation.nav-right.myrion-actions{height:66px!important;display:flex!important;justify-content:flex-end!important;align-items:stretch!important;background:transparent!important}
html body .myrion-header .myrion-actions>.nav-item,html body .myrion-header .myrion-language,html body .myrion-header .myrion-balance,html body .myrion-header .myrion-account-link,html body .myrion-header .myrion-notifications{height:66px!important;min-height:66px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-left:1px solid rgba(255,255,255,.075)!important;background:rgba(0,0,0,.055)!important;color:#f0edef!important}
html body .myrion-header .myrion-language{min-width:104px!important;gap:9px!important}
html body .myrion-header .myrion-balance{min-width:104px!important;gap:8px!important}
html body .myrion-header .myrion-account-link{min-width:132px!important;gap:10px!important}
html body .myrion-header .myrion-notifications{width:66px!important;min-width:66px!important;font-size:18px!important}
html body .myrion-header .notification-counter{top:10px!important;right:10px!important;min-width:19px!important;height:19px!important;line-height:19px!important;border:2px solid #150609!important;box-shadow:0 0 8px rgba(255,38,53,.55)!important}

/* ===== CANVAS / SCENE ===== */
html body .xz-infernal.myrion-reference{position:relative!important;min-height:710px!important;padding:0 0 52px!important;overflow:hidden!important;background:#030203!important}
html body .myrion-reference .xz-infernal__scene{inset:0!important;background-position:50% 31%!important;background-size:cover!important;background-repeat:no-repeat!important;filter:brightness(1.2) contrast(1.12) saturate(1.2)!important;transform:translate3d(var(--parallax-x,0),var(--parallax-y,0),0) scale(1.025)!important}
html body .myrion-reference .xz-infernal__ambient{background:radial-gradient(circle at 50% 23%,rgba(0,0,0,.88) 0 18.3vw,transparent 18.7vw),radial-gradient(circle at 50% 23%,transparent 0 18.4vw,rgba(255,61,72,.67) 18.9vw,rgba(255,28,44,.18) 20vw,transparent 21.5vw),linear-gradient(180deg,rgba(0,0,0,.015),rgba(0,0,0,.02) 68%,rgba(0,0,0,.16))!important}

/* ===== HERO ===== */
html body .myrion-reference .xz-hero{width:min(1140px,calc(100% - 290px))!important;min-height:314px!important;margin:0 auto!important;padding:43px 0 0!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}
html body .myrion-reference .xz-hero__reference-emblem{width:48px!important;height:56px!important;margin:0 0 8px!important;object-fit:contain!important;filter:drop-shadow(0 0 9px rgba(255,38,53,.55))!important}
html body .myrion-reference .xz-hero__eyebrow{margin:0!important;color:#ff4a56!important;font-size:11px!important;font-weight:800!important;letter-spacing:.31em!important;line-height:1.3!important}
html body .myrion-reference .xz-hero__meta{margin:8px 0 0!important;color:#ebe7e9!important;font-size:10px!important;font-weight:700!important;letter-spacing:.29em!important}
html body .myrion-reference .xz-hero h1{margin:23px 0 9px!important;font-family:"Cinzel","Trajan Pro",Georgia,serif!important;font-size:clamp(51px,4.5vw,74px)!important;font-weight:600!important;line-height:.98!important;letter-spacing:-.018em!important;white-space:nowrap!important;color:transparent!important;background:linear-gradient(180deg,#fff 0%,#f8f6f7 25%,#aba6aa 48%,#fbf8f9 67%,#777176 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;filter:drop-shadow(0 3px 1px #030203) drop-shadow(0 0 2px rgba(255,255,255,.2))!important}
html body .myrion-reference .xz-hero__divider{width:min(570px,61vw)!important;height:34px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
html body .myrion-reference .xz-hero__divider:before,html body .myrion-reference .xz-hero__divider:after{content:""!important;height:1px!important;flex:1!important;background:linear-gradient(90deg,transparent,#7e1019,#ff2635)!important;box-shadow:0 0 7px rgba(255,38,53,.55)!important}
html body .myrion-reference .xz-hero__divider:after{background:linear-gradient(90deg,#ff2635,#7e1019,transparent)!important}
html body .myrion-reference .xz-hero__divider span{width:46px!important;height:46px!important;margin:0 8px!important;display:grid!important;place-items:center!important}
html body .myrion-reference .xz-hero__divider img{width:38px!important;height:43px!important;object-fit:contain!important;filter:drop-shadow(0 0 8px rgba(255,38,53,.55))!important}
html body .myrion-reference .xz-hero__subtitle{margin:7px 0 0!important;color:#f1edef!important;font-size:12px!important;font-weight:700!important;letter-spacing:.48em!important}
html body .myrion-reference .xz-side-message{top:105px!important;width:145px!important;color:#d8d2d5!important;font-size:8px!important;font-weight:700!important;line-height:1.65!important;letter-spacing:.255em!important}
html body .myrion-reference .xz-side-message--left{left:max(34px,calc(50% - 735px))!important;text-align:left!important}
html body .myrion-reference .xz-side-message--right{right:max(34px,calc(50% - 735px))!important;text-align:right!important}
html body .myrion-reference .xz-reference-message{right:max(34px,calc(50% - 735px))!important;bottom:73px!important;width:165px!important;color:#ff4c58!important;font-size:9px!important;font-weight:800!important;line-height:1.72!important;letter-spacing:.24em!important;text-align:right!important}

/* ===== UNIVERSE CARDS ===== */
html body .myrion-reference .xz-universes{width:min(1140px,calc(100% - 250px))!important;margin:7px auto 0!important;position:relative!important;z-index:8!important}
html body .myrion-reference .xz-universe-grid{display:grid!important;grid-template-columns:repeat(3,306px)!important;justify-content:center!important;align-items:start!important;gap:22px!important;margin:0 auto!important}
html body .myrion-reference .xz-universe-card{position:relative!important;width:306px!important;min-height:306px!important;border:1px solid rgba(203,193,197,.5)!important;border-radius:0!important;clip-path:polygon(8% 0,92% 0,100% 9%,100% 91%,92% 100%,8% 100%,0 91%,0 9%)!important;background:linear-gradient(180deg,rgba(22,19,22,.98),rgba(4,4,5,.99))!important;box-shadow:inset 0 0 0 2px rgba(92,20,28,.78),inset 0 1px rgba(255,255,255,.09),0 12px 25px rgba(0,0,0,.48),0 0 12px rgba(255,38,53,.13)!important;overflow:visible!important}
html body .myrion-reference .xz-universe-card:before{content:""!important;position:absolute!important;inset:5px!important;z-index:8!important;pointer-events:none!important;clip-path:inherit!important;border:1px solid rgba(255,38,53,.36)!important;box-shadow:inset 0 0 13px rgba(255,38,53,.08)!important}
html body .myrion-reference .xz-universe-card:after{content:""!important;position:absolute!important;left:24%!important;right:24%!important;top:-2px!important;height:3px!important;background:#ff2b39!important;box-shadow:0 0 9px rgba(255,38,53,.76),0 0 18px rgba(255,38,53,.28)!important;z-index:9!important}
html body .myrion-reference .xz-universe-card__image{height:205px!important;min-height:205px!important;margin:8px 8px 0!important;background-position:center!important;background-size:cover!important;clip-path:polygon(5% 0,95% 0,100% 7%,100% 100%,0 100%,0 7%)!important;border-bottom:1px solid rgba(255,38,53,.29)!important}
html body .myrion-reference .xz-universe-card__shade{background:linear-gradient(180deg,rgba(0,0,0,.02) 30%,rgba(0,0,0,.16) 61%,rgba(2,2,3,.91) 100%)!important}
html body .myrion-reference .xz-universe-card__identity{left:14px!important;right:14px!important;bottom:13px!important;text-align:center!important}
html body .myrion-reference .xz-universe-card__name{margin:0!important;font-family:"Cinzel","Trajan Pro",Georgia,serif!important;font-size:29px!important;font-weight:600!important;line-height:1!important;letter-spacing:.07em!important;color:#f6f2f4!important;text-shadow:0 2px 2px #000,0 0 2px rgba(255,255,255,.24)!important}
html body .myrion-reference .xz-universe-card__subtitle{margin-top:8px!important;color:#f1dde0!important;font-size:8px!important;font-weight:800!important;letter-spacing:.23em!important}
html body .myrion-reference .xz-universe-card__body{min-height:89px!important;padding:10px 21px 13px!important;display:flex!important;align-items:flex-end!important;justify-content:center!important}
html body .myrion-reference .xz-enter{width:100%!important;min-height:43px!important;padding:0 0 0 18px!important;display:grid!important;grid-template-columns:1fr 44px!important;align-items:center!important;border:1px solid rgba(255,38,53,.8)!important;clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%)!important;background:linear-gradient(180deg,rgba(92,7,14,.55),rgba(12,4,6,.8))!important;color:#fff!important;font-size:10px!important;font-weight:900!important;letter-spacing:.015em!important;text-align:center!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 0 9px rgba(255,38,53,.15)!important}
html body .myrion-reference .xz-enter__arrow{height:100%!important;display:grid!important;place-items:center!important;border-left:1px solid rgba(255,38,53,.42)!important;font-size:27px!important;line-height:1!important}
html body .myrion-reference .xz-enter:hover{background:linear-gradient(180deg,rgba(145,9,20,.72),rgba(28,4,8,.88))!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 13px rgba(255,38,53,.28)!important}
html body .myrion-reference .xz-universe-card__sigil{position:absolute!important;left:50%!important;bottom:-13px!important;width:26px!important;height:29px!important;transform:translateX(-50%)!important;object-fit:contain!important;z-index:12!important;filter:drop-shadow(0 0 7px rgba(255,38,53,.62))!important}

/* ===== FOOTER: cuatro zonas como la referencia ===== */
html body .footer{position:relative!important;min-height:var(--my-id-footer)!important;height:auto!important;padding:22px 0 18px!important;border-top:1px solid rgba(212,205,209,.24)!important;background:linear-gradient(180deg,rgba(15,14,16,.99),rgba(4,4,5,.999))!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 -8px 28px rgba(0,0,0,.44)!important;color:#aaa2a6!important}
html body .footer .footer-container{width:min(1480px,calc(100% - 120px))!important;min-height:96px!important;margin:0 auto!important;display:grid!important;grid-template-columns:1.15fr 1.15fr 1.55fr 1.25fr!important;align-items:start!important;gap:0!important}
html body .footer .footer-column{position:relative!important;min-height:78px!important;padding:0 34px!important;border-right:1px solid rgba(255,255,255,.095)!important}
html body .footer .footer-column:first-child{padding-left:0!important}
html body .footer .footer-column:last-child{border-right:0!important}
html body .footer .footer-column-header{display:block!important;margin:0 0 8px!important;color:#f0ecee!important;font-size:15px!important;font-weight:700!important}
html body .footer .footer-column-item{display:block!important;margin:2px 0!important;color:#a8a1a5!important;font-size:12px!important;line-height:1.35!important;text-decoration:none!important}
html body .footer .footer-column-item:hover{color:#fff!important}
html body .footer .footer-column:nth-child(3):before{content:"© 2024 - 2026  MYRION Universe Deployment";display:block;margin-top:14px;color:#c8c2c5;font-size:12px;line-height:1.5}
html body .footer .footer-column:nth-child(3):after{content:"Reservados todos los derechos.";display:block;margin-top:5px;color:#8f888c;font-size:11px}
html body .footer .footer-corp{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;text-align:right!important}
html body .footer .footer-corp #copyright_content{display:none!important}
html body .footer .footer-corp:before{content:"Powered by";display:block;color:#8d8589;font-size:11px;letter-spacing:.04em}
html body .footer .footer-corp:after{content:"XERZIO";display:block;margin-top:8px;color:#ddd7da;font-family:"Cinzel",Georgia,serif;font-size:18px;letter-spacing:.18em;text-shadow:0 0 12px rgba(255,38,53,.12)}

/* ===== RESPONSIVE VISUAL ===== */
@media(max-width:1366px){html body .myrion-header .header-container.myrion-header__inner{width:calc(100% - 16px)!important;padding-left:12px!important;padding-right:12px!important;grid-template-columns:minmax(290px,350px) minmax(420px,1fr) minmax(330px,390px)!important}html body .myrion-header .myrion-brand__copy strong{font-size:32px!important}html body .myrion-header .myrion-nav__item.nav-item{min-width:128px!important;padding:0 15px!important}html body .myrion-reference .xz-side-message--left{left:22px!important}html body .myrion-reference .xz-side-message--right,html body .myrion-reference .xz-reference-message{right:22px!important}}
@media(max-width:1100px){html body .myrion-header .header-container.myrion-header__inner{grid-template-columns:300px 1fr auto!important}html body .myrion-header .myrion-brand__sigil{width:60px!important;flex-basis:60px!important}html body .myrion-header .myrion-brand__sigil img{width:58px!important}html body .myrion-header .myrion-brand__copy strong{font-size:28px!important}html body .myrion-header .myrion-brand__copy small{font-size:8px!important;letter-spacing:.24em!important}html body .myrion-header .myrion-nav__item.nav-item{min-width:108px!important;padding:0 11px!important;font-size:12px!important}html body .myrion-header .myrion-language{min-width:82px!important}html body .myrion-header .myrion-balance{min-width:84px!important}html body .myrion-header .myrion-account-link{min-width:108px!important}html body .myrion-reference .xz-universe-grid{grid-template-columns:repeat(2,306px)!important}html body .myrion-reference .xz-side-message,html body .myrion-reference .xz-reference-message{display:none!important}html body .footer .footer-container{width:calc(100% - 50px)!important;grid-template-columns:1fr 1fr!important;row-gap:18px!important}html body .footer .footer-column:nth-child(2){border-right:0!important}}
@media(max-width:820px){html body .header.myrion-header{height:82px!important;min-height:82px!important}html body .myrion-header .header-wrapper,html body .myrion-header .header-container.myrion-header__inner{height:82px!important;min-height:82px!important}html body .myrion-header .header-container.myrion-header__inner{grid-template-columns:1fr auto!important;padding:5px 14px!important}html body .myrion-header .navigation.nav-left.myrion-nav{justify-self:end!important;border:0!important;background:transparent!important}html body .myrion-header .myrion-nav__item:not(.myrion-mobile-trigger){display:none!important}html body .myrion-header .navigation.nav-right.myrion-actions{display:none!important}html body .myrion-header .logo.myrion-brand{border-right:0!important}html body .myrion-reference .xz-hero{width:calc(100% - 40px)!important;min-height:286px!important;padding-top:32px!important}html body .myrion-reference .xz-hero h1{font-size:clamp(42px,8vw,58px)!important;white-space:normal!important}html body .myrion-reference .xz-universes{width:calc(100% - 30px)!important}html body .myrion-reference .xz-universe-grid{grid-template-columns:repeat(2,minmax(0,306px))!important;gap:16px!important}html body .footer .footer-container{width:calc(100% - 32px)!important}}
@media(max-width:640px){html body .myrion-header .myrion-brand__sigil{width:54px!important;height:68px!important;flex-basis:54px!important}html body .myrion-header .myrion-brand__sigil img{width:52px!important;height:62px!important}html body .myrion-header .myrion-brand__copy strong{font-size:25px!important}html body .myrion-header .myrion-brand__copy small{font-size:7px!important;letter-spacing:.18em!important}html body .myrion-reference .xz-hero{min-height:255px!important;padding-top:26px!important}html body .myrion-reference .xz-hero__reference-emblem{width:40px!important;height:46px!important}html body .myrion-reference .xz-hero__eyebrow{font-size:9px!important;letter-spacing:.22em!important}html body .myrion-reference .xz-hero__meta{font-size:8px!important;letter-spacing:.18em!important}html body .myrion-reference .xz-hero h1{margin-top:17px!important;font-size:clamp(36px,11.5vw,50px)!important}html body .myrion-reference .xz-hero__subtitle{font-size:9px!important;letter-spacing:.28em!important}html body .myrion-reference .xz-universe-grid{grid-template-columns:1fr!important;max-width:340px!important}html body .myrion-reference .xz-universe-card{width:min(306px,calc(100vw - 40px))!important;margin:0 auto!important}html body .footer{padding-top:18px!important}html body .footer .footer-container{grid-template-columns:1fr!important}html body .footer .footer-column{padding:0 0 14px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important}html body .footer .footer-corp{align-items:flex-start!important;text-align:left!important;border-bottom:0!important}}