/* Nexo RP 1.0 · membresías, prueba gratuita y agradecimiento a servidores aliados. */
.trial-card{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:16px 0;padding:22px 24px;border-radius:18px;border:1px solid rgba(245,198,107,.42);background:linear-gradient(115deg,rgba(245,198,107,.13),rgba(104,222,198,.06) 70%)}
.trial-card h2{margin:0 0 6px;font:800 20px Manrope,Arial}.trial-card p{margin:0;color:var(--muted);max-width:60ch}
.lock-panel .panel-body{display:flex;gap:18px;align-items:flex-start}.lock-panel h2{margin:0 0 6px;font:800 18px Manrope,Arial}.lock-panel p{margin:0 0 12px;color:var(--muted);max-width:62ch}
.lock-glyph{flex:none;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#f5c66b;background:rgba(245,198,107,.13);font-size:20px}
.config-row{display:grid;grid-template-columns:90px minmax(120px,1fr) 100px 110px 80px 42px;gap:8px;margin-top:8px}
.spark{width:110px;height:30px;display:block}.spark polyline{stroke-width:2;stroke:#68dec6}.spark.down polyline{stroke:#ff7a8a}
.notice-style{border-top:1px solid var(--line);padding:10px 0}.notice-style summary{cursor:pointer;font-weight:600}.notice-style .form-grid{margin-top:10px}
.form-grid .wide{grid-column:1/-1}

#alliance-intro{--ai-light:#fff6dc;--ai-mid:#f5c66b;--ai-deep:#e08a2c;--ai-crest:conic-gradient(from 210deg,#ffe2a0,#f5a53d,#c8254e,#f5a53d,#ffe2a0);--ai-glow:rgba(245,165,61,.6);--ai-ink:#2a1502;position:fixed;inset:0;z-index:1000;background:#04060c;color:#f7efe0;overflow:hidden auto;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:24px}
#alliance-intro canvas{position:fixed;inset:0;width:100%;height:100%}
#alliance-intro .ai-stage{position:relative;width:min(760px,100%);text-align:center;display:grid;justify-items:center;gap:14px}
/* El tema va con prefijo: sin él, «ai-elite» chocaba con la tarjeta .ai-elite (opacity:0) y volvía invisible toda la pantalla. */
#alliance-intro.ai-theme-plus{--ai-light:#e3fbff;--ai-mid:#7fe3f2;--ai-deep:#2aa7c9;--ai-crest:conic-gradient(from 210deg,#d6fbff,#58cfe6,#1e7fb0,#58cfe6,#d6fbff);--ai-glow:rgba(88,207,230,.6);--ai-ink:#04222e}
#alliance-intro.ai-theme-pro{--ai-light:#f1e9ff;--ai-mid:#c3a4ff;--ai-deep:#8c5cf5;--ai-crest:conic-gradient(from 210deg,#efe6ff,#a57dff,#5a2fd0,#a57dff,#efe6ff);--ai-glow:rgba(165,125,255,.65);--ai-ink:#190a3a}
#alliance-intro.ai-theme-elite{--ai-crest:conic-gradient(from 210deg,#fff0c2,#f2b53f,#a4631a,#f2b53f,#fff0c2)}
.ai-seal{position:relative;width:min(280px,70vw);height:112px;display:flex;align-items:center;justify-content:center;gap:40px;opacity:0;transform:scale(.72)}
.ai-seal img,.ai-crest{width:96px;height:96px;border-radius:50%;flex:none;box-shadow:0 0 0 2px rgba(255,255,255,.14),0 0 44px rgba(104,222,198,.5)}
.ai-seal img{object-fit:cover;background:#0a0e18}
.ai-crest{display:grid;place-items:center;font:800 34px Manrope,Arial;color:var(--ai-ink);background:var(--ai-crest);box-shadow:0 0 0 2px rgba(255,255,255,.3),0 0 44px var(--ai-glow)}
.ai-crest svg{width:56%;fill:var(--ai-ink)}
.ai-spark{position:absolute;left:50%;top:50%;width:42px;height:4px;margin:-2px 0 0 -21px;border-radius:9px;background:linear-gradient(90deg,#68dec6,var(--ai-light),var(--ai-mid));box-shadow:0 0 18px var(--ai-mid)}
.ai-title{margin:6px 0 0;font:800 clamp(38px,8.4vw,84px)/1.04 Manrope,Arial;letter-spacing:-.025em}
.ai-word{display:inline-block;white-space:nowrap;font-weight:inherit}
.ai-title span{display:inline-block;opacity:0;transform:translateY(.5em) rotate(4deg);background:linear-gradient(180deg,var(--ai-light) 25%,var(--ai-mid) 72%,var(--ai-deep));-webkit-background-clip:text;background-clip:text;color:transparent}
.ai-thanks{margin:0;font:500 clamp(17px,2.4vw,22px)/1.4 'DM Sans',Arial;max-width:32em;opacity:0;transform:translateY(12px)}
.ai-elite{display:flex;align-items:center;gap:14px;margin-top:8px;padding:12px 22px 12px 14px;border-radius:999px;border:1px solid var(--ai-mid);background:rgba(255,255,255,.06);backdrop-filter:blur(8px);opacity:0;transform:scale(1.5)}
.ai-elite p{margin:0;font:500 clamp(15px,2.1vw,19px) 'DM Sans',Arial;text-align:left}.ai-elite strong{color:var(--ai-mid)}
.ai-crown{width:46px;flex:none}.ai-crown svg{display:block;fill:var(--ai-mid);filter:drop-shadow(0 0 10px var(--ai-glow))}
.ai-perks{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:7px}
.ai-perks li{padding:6px 12px;border-radius:999px;font:500 13px 'DM Sans',Arial;background:rgba(247,239,224,.08);border:1px solid rgba(247,239,224,.16);opacity:0;transform:translateY(10px)}
.ai-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;opacity:0;pointer-events:none}
.ai-skip{position:fixed;top:18px;right:20px;background:none;border:0;color:rgba(247,239,224,.7);font:500 14px 'DM Sans',Arial;cursor:pointer;padding:8px}
.ai-skip:hover,.ai-skip:focus-visible{color:#fff;text-decoration:underline}

#alliance-intro.play .ai-seal{animation:ai-forge .8s 1.55s cubic-bezier(.2,1.4,.4,1) forwards}
#alliance-intro.play .ai-spark{animation:ai-link 1.6s 1.9s ease-in-out infinite alternate}
#alliance-intro.play .ai-title span{animation:ai-letter .55s calc(2.3s + var(--i)*48ms) cubic-bezier(.2,.9,.3,1.1) forwards}
#alliance-intro.play .ai-thanks{animation:ai-rise .7s 3.9s ease-out forwards}
#alliance-intro.play .ai-elite{animation:ai-stamp .55s 5s cubic-bezier(.3,1.5,.5,1) forwards}
#alliance-intro.play .ai-perks li{animation:ai-rise .45s calc(5.7s + var(--p)*90ms) ease-out forwards}
#alliance-intro.play .ai-actions{animation:ai-show .5s 7.3s forwards}
@keyframes ai-forge{to{opacity:1;transform:scale(1)}}
@keyframes ai-link{from{opacity:.45;transform:scaleX(.7)}to{opacity:1;transform:scaleX(1.25)}}
@keyframes ai-letter{to{opacity:1;transform:none}}
@keyframes ai-rise{to{opacity:1;transform:none}}
@keyframes ai-stamp{to{opacity:1;transform:none}}
@keyframes ai-show{to{opacity:1;pointer-events:auto}}
#alliance-intro.still .ai-seal,#alliance-intro.still .ai-title span,#alliance-intro.still .ai-thanks,#alliance-intro.still .ai-elite,#alliance-intro.still .ai-perks li{opacity:1;transform:none;animation:none}
#alliance-intro.still .ai-actions{opacity:1;pointer-events:auto;animation:none}

#alliance-tutorial{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(4,6,12,.74);backdrop-filter:blur(7px)}
.at-card{position:relative;width:min(540px,100%);padding:26px 28px;border-radius:22px;background:#0d1320;border:1px solid rgba(245,198,107,.3);box-shadow:0 30px 80px rgba(0,0,0,.6);max-height:92vh;overflow:auto}
.at-count{margin:0 0 8px;color:var(--muted);font-size:13px}
.at-progress{height:4px;border-radius:9px;background:rgba(148,163,184,.18);overflow:hidden;margin-bottom:18px}.at-progress i{display:block;height:100%;background:linear-gradient(90deg,#68dec6,#f5c66b);transition:width .25s}
.at-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;font-size:27px;color:#ffd98a;background:rgba(245,198,107,.13);margin-bottom:12px}
.at-card h2{margin:0 0 12px;font:800 26px/1.15 Manrope,Arial}
.at-card h3{margin:14px 0 3px;font:700 14px 'DM Sans',Arial;color:#ffd98a}.at-card p{margin:0;line-height:1.5}
.at-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:20px}
@media(max-width:640px){.trial-card{flex-direction:column;align-items:flex-start}.config-row{grid-template-columns:1fr 1fr}.ai-seal{gap:18px}.ai-seal img,.ai-crest{width:76px;height:76px}.ai-elite{border-radius:22px}.at-card{padding:22px 20px}.at-actions .btn{flex:1 1 auto}}
@media(max-width:640px){.topbar{flex-wrap:wrap;gap:8px}.top-right{flex-wrap:wrap;justify-content:flex-end;min-width:0;max-width:100%}}