@font-face{font-family:Cinzel;src:url('../cliente/assets/fuentes/cinzel-latin-v26.woff2') format('woff2');font-display:swap}
@font-face{font-family:Alegreya;src:url('../cliente/assets/fuentes/alegreya-latin-v41.woff2') format('woff2');font-display:swap}
:root{--carbon:#242321;--granate:#691f25;--oro:#bd9451;--oro-claro:#f1d49a;--marfil:#efe3c7;--verde:#286747}
*{box-sizing:border-box}
html{background:#17100f;overflow-x:hidden}
body{margin:0;color:var(--marfil);background:#17100f;font-family:Alegreya,Georgia,serif;overflow-x:hidden}
button,a{-webkit-tap-highlight-color:transparent}
.portal{width:min(100%,1440px);margin:auto;overflow:hidden;background:#120f0e;box-shadow:0 0 0 1px #553c24}
.portada{height:clamp(400px,103vw,680px);position:relative;isolation:isolate;background:#211713}
.portada::before{content:"";position:absolute;inset:0;background:url('arte/rey-trono.webp') center 21%/cover no-repeat;z-index:-2}
.portada::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 17%,#120c0b0d 40%,#110b0bd9 79%,#110b0bfd 100%);z-index:-1}
.selector-idioma{position:absolute;top:13px;right:15px;display:flex;align-items:center;gap:6px;padding:3px 8px;border:1px solid #bd945178;background:#1b1413d9;color:var(--oro);z-index:2;font:700 11px Cinzel,serif;box-shadow:0 2px 7px #0a0605}
.selector-idioma button{border:0;padding:3px 1px;background:none;color:var(--marfil);font:inherit;cursor:pointer;opacity:.66}
.selector-idioma button[aria-pressed="true"]{color:var(--oro-claro);opacity:1;text-shadow:0 1px 5px #000}
.selector-idioma button:hover,.selector-idioma button:focus-visible{opacity:1;outline:1px solid var(--oro)}
.selector-idioma button:active{transform:translateY(1px)}
.portada-contenido{position:absolute;bottom:20px;left:0;width:100%;padding:0 7%;text-align:center}
.marca{position:relative;display:inline-block;width:100%;filter:drop-shadow(0 4px 2px #090505)}
.marca h1{margin:0;font:700 clamp(48px,12.5vw,80px)/.88 Cinzel,Georgia,serif;letter-spacing:-.075em;text-transform:uppercase}
.marca-plata,.marca-oro,.marca-de{display:block}
.marca-plata{background:linear-gradient(#fffaf0 8%,#c5b6a0 30%,#61574e 53%,#fff4d8 71%,#483d36 94%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:.55px #392b25;text-shadow:0 4px 8px #14090780}
.marca-oro{font-size:.88em;background:linear-gradient(#fff2cb 10%,#e2b96b 33%,#754018 57%,#f8d485 72%,#6c371b 94%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:.7px #4d2114;text-shadow:0 5px 8px #1006059c}
.marca-de{font-size:.3em;line-height:1.04;letter-spacing:.06em;color:#f7e5bd;text-shadow:0 2px 4px #000}
.marca-corona{display:block;width:40px;height:23px;margin:0 auto 1px;fill:#b8792c;stroke:#f8dfa0;stroke-width:2;filter:drop-shadow(0 1px 3px #000)}
.promesa{margin:12px auto 14px;max-width:560px;color:#fff3d3;font-size:clamp(12px,3.35vw,19px);line-height:1.12;text-shadow:0 2px 4px #000,0 0 8px #000}
.descarga{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:min(92%,480px);min-height:61px;margin:auto;padding:7px 16px;color:#fff2cf;text-decoration:none;text-transform:uppercase;font:700 clamp(19px,5.7vw,31px)/1 Cinzel,serif;background:linear-gradient(180deg,#a52525 0%,#8b1119 22%,#681015 76%,#4c0a0e 100%);border:3px solid #d6af69;outline:1px solid #6a2c1b;box-shadow:inset 0 2px #f5d898,inset 0 -4px #380709,0 5px 0 #321810,0 8px 18px #000a;text-shadow:0 2px 2px #270504;transition:filter .12s,transform .08s,box-shadow .08s}
.descarga::before,.descarga::after{content:"";position:absolute;top:50%;width:12px;height:12px;border:2px solid var(--oro-claro);background:#9e1020;transform:translateY(-50%) rotate(45deg);box-shadow:0 0 0 2px #53111a}
.descarga::before{left:-8px}.descarga::after{right:-8px}
.descarga svg{width:28px;height:28px;flex:none;fill:var(--oro-claro);stroke:var(--oro-claro);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.descarga:hover,.descarga:focus-visible{filter:brightness(1.18);outline:2px solid var(--oro-claro);outline-offset:4px}
.descarga:active{transform:translateY(3px);box-shadow:inset 0 3px 8px #300606,0 2px 0 #321810}
.solo-android{display:flex;justify-content:center;align-items:center;gap:6px;margin:12px 0 0;font-size:clamp(13px,3.6vw,17px);text-shadow:0 2px 4px #000}
.solo-android svg{height:20px;width:20px;fill:none;stroke:#83bf49;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.solo-android circle{fill:#83bf49;stroke:none}
.campanas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;border-top:3px solid var(--oro);border-bottom:3px solid #7e5c33;background:#171413}
.campanas::before,.campanas::after{content:"";position:absolute;left:0;right:0;height:1px;background:#efd094;z-index:2}
.campanas::before{top:2px}.campanas::after{bottom:2px}
.campana{min-width:0;position:relative;border-right:2px solid #8a663c;box-shadow:inset 1px 0 #d0a362}
.campana:last-child{border-right:0}
.campana-arte{height:clamp(100px,28vw,300px);border-bottom:2px solid #85633d;background-image:url('arte/tres-campanas.webp');background-size:300% auto;background-repeat:no-repeat}
.campana-reino{background-position:left center}.campana-alianza{background-position:center center}.campana-batalla{background-position:right center}
.campana-sello{position:absolute;top:calc(clamp(100px,28vw,300px) - 23px);left:50%;display:grid;place-items:center;width:46px;height:46px;border:2px solid #d7af69;border-radius:50%;background:radial-gradient(circle at 35% 25%,#6c471e,#24140c 72%);box-shadow:0 0 0 3px #1d120b,0 3px 5px #000;transform:translateX(-50%);z-index:1}
.campana-sello svg{width:27px;height:27px;fill:none;stroke:#f3ce81;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.campana-texto{min-height:118px;padding:28px 5px 8px;text-align:center;background:linear-gradient(180deg,#24201c,#100e0d 80%)}
.campana h2{margin:0 auto 6px;max-width:170px;color:#f6ddb0;font:700 clamp(10px,2.85vw,23px)/1.08 Cinzel,serif;text-transform:uppercase;text-shadow:0 2px 2px #000}
.campana p{margin:0 auto;max-width:280px;font-size:clamp(10px,2.65vw,17px);line-height:1.12;color:#ede1ca;text-shadow:0 1px 2px #000}
.cierre{height:clamp(235px,56vw,530px);position:relative;display:flex;align-items:flex-end;justify-content:center;padding:0 12px 42px;text-align:center;background:url('arte/asedio-final.webp') center 49%/cover no-repeat;isolation:isolate}
.cierre::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#160d0d24 0%,#1309073d 46%,#090706e8 100%);z-index:-1}
.cierre::after{content:"";position:absolute;inset:7px;border:1px solid #a67c44a6;pointer-events:none}
.cierre-leyenda{display:flex;flex-direction:column;align-items:center;text-transform:uppercase;font:700 clamp(19px,5.5vw,52px)/1.1 Cinzel,serif;text-shadow:0 3px 3px #000,0 0 12px #000}
.cierre-leyenda span{color:#f8ebd5}.cierre-leyenda strong{color:#e9bb74;font-weight:700}
.cierre-joya{position:absolute;bottom:17px;left:50%;width:11px;height:11px;border:2px solid #efc97e;background:#9d1930;transform:translateX(-50%) rotate(45deg);box-shadow:0 0 0 3px #3a1b0e}
@media(max-width:350px){.campana-texto{min-height:145px}.campana h2{font-size:10px}.campana p{font-size:10px}.portada-contenido{padding:0 5%}.descarga{min-height:57px}}