@font-face{font-family:Cinzel;src:url('fuentes/cinzel-latin-v26.woff2') format('woff2');font-display:swap}
@font-face{font-family:Alegreya;src:url('fuentes/alegreya-latin-v41.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box}
html{background:#24130e;scrollbar-width:none}
html::-webkit-scrollbar{display:none}
body{margin:0;color:var(--reino-marfil);font-family:Alegreya,Georgia,serif}
button,a{-webkit-tap-highlight-color:transparent}
.portal{position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;min-height:760px;min-height:max(760px,100svh);overflow:hidden;background:#24130e}
.escena{position:absolute;inset:0;z-index:-2;background:#24130e url('arte/rey-trono.webp') 48% top/auto 100% no-repeat}
.escena::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#160c09b3 0%,#160c0900 23%,#160c0900 37%,#24130e80 51%,#24130ef2 72%,#24130e 90%)}
.cabecera{display:flex;align-items:flex-start;justify-content:space-between;padding:32px 30px 0;gap:20px}
.marca{margin:0;width:164px;text-align:center;font-family:Cinzel,Georgia,serif;font-weight:700;text-transform:uppercase;color:var(--reino-oro-claro);text-shadow:0 2px 0 #35200c,0 3px 8px #130a07}
.marca-principal{display:block;font-size:47px;line-height:.95;letter-spacing:.075em}
.marca-reino{display:block;margin-top:5px;padding-top:5px;border-top:1px solid #bd9451;font-size:19px;line-height:1.1;letter-spacing:.055em}
.idiomas{display:flex;align-items:center;gap:3px;margin-top:0;color:var(--reino-oro);font:600 12px Cinzel,serif}
.idiomas button{appearance:none;padding:10px 5px;border:0;border-bottom:1px solid transparent;background:none;color:var(--reino-marfil);font:inherit;cursor:pointer}
.idiomas button[aria-pressed="true"]{border-bottom-color:var(--reino-oro);color:var(--reino-oro-claro)}
.idiomas button:hover{background:#691f25;color:var(--reino-marfil)}
.idiomas button:active{transform:translateY(1px)}
.idiomas button:disabled{color:#bd9451;cursor:default}
:is(a,button):focus-visible{outline:2px solid var(--reino-oro-claro);outline-offset:4px}
.invitacion{align-self:end;padding:280px 30px 25px;max-width:560px}
.genero{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:var(--reino-oro-claro);font:600 10px/1.4 Cinzel,serif;letter-spacing:.14em;text-transform:uppercase}
.genero::before{content:"";width:24px;height:2px;background:var(--reino-oro);flex-shrink:0}
.invitacion h2{margin:0;color:var(--reino-marfil);font:500 clamp(35px,10vw,46px)/1.06 Cinzel,Georgia,serif;letter-spacing:-.045em;text-shadow:0 2px 5px #180c08}
.invitacion h2 span,.invitacion h2 em{display:block}
.invitacion h2 em{margin-top:3px;color:var(--reino-oro-claro);font-family:Alegreya,Georgia,serif;font-size:1.26em;font-weight:500;letter-spacing:-.025em}
.promesa{max-width:310px;margin:17px 0 0;font-size:19px;line-height:1.4;color:var(--reino-marfil)}
.acceso{position:relative;display:grid;gap:15px;margin:0 30px;padding:18px 0 30px;border-top:1px solid #bd945180}
.edicion{display:flex;align-items:center;justify-content:space-between;gap:14px;font-family:Cinzel,serif}
.edicion-plataforma{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.descarga{position:relative;display:flex;align-items:center;justify-content:center;min-height:61px;padding:15px 12px;border:1px solid var(--reino-oro);background:linear-gradient(180deg,#307753,var(--reino-verde) 50%,#1a4c32);box-shadow:inset 0 0 0 3px #183a27,inset 0 4px 0 #629061,0 4px 0 #122b1d;color:var(--reino-marfil);font:700 16px/1.25 Cinzel,serif;letter-spacing:.07em;text-align:center;text-decoration:none;text-transform:uppercase;transition:transform .08s,background .08s}
.descarga::before,.descarga::after{content:"";position:absolute;top:8px;bottom:8px;width:2px;background:var(--reino-oro)}
.descarga::before{left:8px}.descarga::after{right:8px}
.descarga:hover{background:linear-gradient(180deg,#39865e,#2d754e 50%,#215d3e)}
.descarga:active{transform:translateY(3px);box-shadow:inset 0 2px 5px #112e1c}
.descarga[aria-disabled="true"]{background:#32291f;color:var(--reino-oro);box-shadow:inset 0 0 0 3px #24130e;pointer-events:none}
.detalle{margin:12px 0 0;text-align:center;color:var(--reino-oro-claro);font-size:13px;line-height:1.3}
.firma{display:none}
@media(max-width:359px){
  .cabecera{padding:28px 24px 0}.marca{width:140px}.marca-principal{font-size:40px}.marca-reino{font-size:16px}
  .invitacion{padding:265px 24px 23px}.acceso{margin:0 24px}.genero{font-size:9px;letter-spacing:.08em}
  .descarga{font-size:14px}.promesa{font-size:18px}
}
@media(min-width:700px){
  .portal{min-height:max(800px,100svh)}
  .escena{left:20%;background-position:70% 10%;background-size:cover}
  .escena::after{background:linear-gradient(90deg,#24130e 0%,#24130eeb 9%,#24130e3b 40%,#24130e00 65%),linear-gradient(0deg,#24130e 0%,#24130e00 32%)}
  .cabecera{padding:50px 6% 0}.marca{width:185px}.marca-principal{font-size:53px}.marca-reino{font-size:22px}
  .idiomas{gap:7px;font-size:13px;padding:0 8px;background:#24130e;border:1px solid #bd945180}
  .invitacion{padding:90px 0 60px;margin-left:7%;max-width:54%}
  .genero{font-size:12px;margin-bottom:23px;letter-spacing:.15em}
  .invitacion h2{font-size:clamp(45px,5.2vw,80px)}
  .promesa{max-width:340px;font-size:23px;margin-top:26px}
  .acceso{grid-template-columns:1fr minmax(280px,360px) 1fr;align-items:center;gap:35px;margin:0 7%;padding:25px 0 40px}
  .edicion{flex-direction:column;align-items:flex-start;gap:7px}.edicion-plataforma{font-size:15px}
  .firma{display:block;text-align:right;color:var(--reino-oro);font:600 11px/1.5 Cinzel,serif;text-transform:uppercase;letter-spacing:.12em}
}
@media(min-width:1400px){.escena{background-position:60% 10%}.invitacion{max-width:610px}}
@media(prefers-reduced-motion:reduce){.descarga{transition:none}}