:root{--bg:#0d0714;--bg-2:#170b26;--bg-deep:#080410;--card:#180e26bd;--card-border:#ffffff17;--text:#f5f0fc;--muted:#a795c2;--accent:#c95bff;--accent-2:#ff5bd0;--ember:#ff9a3c;--ember-hot:#ffd08a;--forge:#ff5a2b;--sy:0;--radio-retrato:50% 50% 46% 46% / 56% 56% 44% 44%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{color:var(--text);background:var(--bg);margin:0;font-family:Outfit,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}.escena{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fondo{transform:translate3d(0, calc(var(--sy) * .02px), 0);background:radial-gradient(120% 85% at 50% 16%,#2e1246 0%,#170b26 46%,#0d0714 76%),linear-gradient(#0d0714,#080410);position:absolute;inset:-10% -10% 0}.capa{width:100%;height:100%;position:absolute;inset:0}.rocas{transform:translate3d(0, calc(var(--sy) * .1px), 0);opacity:.9}.silueta{transform:translate3d(0, calc(var(--sy) * .2px), 0) scale(1.05);opacity:.3;filter:blur(1px)}.barrido{mix-blend-mode:screen;background:radial-gradient(38% 46%,#ff9a3c24,#c95bff0f 45%,#0000 70%);animation:26s ease-in-out infinite barrer;position:absolute;inset:-20% -60%}@keyframes barrer{0%,to{transform:translate(-22%,6%)}50%{transform:translate(24%,-4%)}}.ojo{opacity:.13;filter:blur(.4px);width:112px;height:65px;transform:translate3d(0, calc(var(--sy) * .3px), 0);position:absolute;top:7%;left:auto;right:-18px}.ojo .iris{transform-origin:60px 35px;animation:11s step-end infinite parpadeo}@keyframes parpadeo{0%,96.5%,to{transform:scaleY(1)}97.6%{transform:scaleY(.06)}98.7%{transform:scaleY(1)}}.embers{width:100%;height:100%;position:absolute;inset:0}.vineta{background:radial-gradient(120% 80% at 50% 40%,#0000 40%,#0804108c 78%,#080410e6 100%);position:absolute;inset:0}.pagina{z-index:1;position:relative}.contenido{z-index:1;max-width:480px;padding:0 18px calc(96px + env(safe-area-inset-bottom));margin:0 auto;position:relative}.seccion{flex-direction:column;gap:14px;display:flex}.membrana{opacity:.7;width:100%;height:24px;margin:26px 0;display:block}[data-reveal]{opacity:0;transition:opacity .55s ease var(--retardo,0s), transform .55s cubic-bezier(.2, .7, .2, 1) var(--retardo,0s);transform:translateY(16px)}[data-reveal].visible{opacity:1;transform:none}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 150px);padding:28px 0 24px;display:flex}.retrato-envoltorio{aspect-ratio:1;width:min(78vw,320px,42svh);margin-bottom:22px;animation:1.1s cubic-bezier(.2,.7,.2,1) both emerger;position:relative}.bloom{filter:blur(14px);background:radial-gradient(50% 50% at 50% 52%,#ff7a3c66,#c95bff38 45%,#0000 72%);animation:7s ease-in-out infinite respirar;position:absolute;inset:-18%}.retrato{object-fit:cover;border-radius:var(--radio-retrato);filter:contrast(1.06)saturate(1.02);width:100%;height:100%;position:relative;-webkit-mask-image:radial-gradient(68% 68% at 50% 44%,#000 52%,#0009 76%,#0000 100%);mask-image:radial-gradient(68% 68% at 50% 44%,#000 52%,#0009 76%,#0000 100%)}.retrato-tinte{border-radius:var(--radio-retrato);mix-blend-mode:soft-light;pointer-events:none;background:linear-gradient(200deg,#c95bff47,#0000 45%,#ff5bd033);position:absolute;inset:0;-webkit-mask-image:radial-gradient(68% 68% at 50% 44%,#000 52%,#0009 76%,#0000 100%);mask-image:radial-gradient(68% 68% at 50% 44%,#000 52%,#0009 76%,#0000 100%)}.nombre{letter-spacing:.16em;text-indent:.16em;background:linear-gradient(100deg, var(--ember-hot), var(--accent-2) 55%, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.6rem,15vw,4rem);font-weight:800;animation:1s ease-out .35s both encender;position:relative}.nombre:before{content:attr(data-texto);z-index:-1;color:var(--ember);filter:blur(16px);opacity:.4;position:absolute;inset:0}.lema{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin:10px 0 0;font-size:.72rem;animation:.9s ease-out .55s both encender}.bio{color:#d9cdea;max-width:22em;margin:14px 0 0;font-size:.98rem;line-height:1.5;animation:.9s ease-out .7s both encender}.flecha{place-items:center;width:34px;height:34px;margin-top:26px;animation:.9s ease-out .9s both encender;display:grid}.flecha span{border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:11px;height:11px;animation:2.2s ease-in-out infinite bajar;transform:rotate(45deg)}@keyframes bajar{0%,to{opacity:.5;transform:rotate(45deg)translate(0)}50%{opacity:1;transform:rotate(45deg)translate(3px,3px)}}@keyframes emerger{0%{opacity:0;filter:brightness(.4);transform:scale(.92)translateY(14px)}to{opacity:1;filter:none;transform:none}}@keyframes encender{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes respirar{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.portal{isolation:isolate;background:linear-gradient(#180b28, #140920) padding-box, conic-gradient(from var(--ang), var(--ember), var(--accent-2), var(--accent), var(--ember)) border-box;border:1.6px solid #0000;border-radius:30px 22px 22px;grid-template-columns:auto 1fr;grid-template-areas:"glifo texto""glifo estado";align-items:center;gap:2px 16px;min-height:128px;padding:20px 22px;transition:transform .18s;animation:8s linear infinite girar;display:grid;position:relative;overflow:hidden;box-shadow:0 0 26px #ff7a3c4d,0 0 62px #c95bff33}@keyframes girar{to{--ang:360deg}}.portal:active{transform:scale(.985)}.portal-glifo{grid-area:glifo;width:46px;height:46px;position:relative}.portal-glifo svg{width:100%;height:100%;position:absolute;inset:0}.glifo-rosa{color:var(--accent-2);opacity:.55;transform:translate(2px,2px)}.glifo-violeta{color:var(--accent);opacity:.55;transform:translate(-2px,-2px)}.glifo-base{color:#fff}.portal-texto{flex-direction:column;grid-area:texto;min-width:0;display:flex}.portal-texto strong{letter-spacing:.02em;font-size:clamp(1.02rem,4.6vw,1.24rem);font-weight:800}.portal-sub{color:var(--muted);font-size:.84rem}.portal-estado{letter-spacing:.1em;color:#e7b98f;grid-area:estado;align-items:center;gap:7px;margin-top:6px;font-size:clamp(.58rem,2.6vw,.65rem);display:inline-flex}.portal-estado i{background:var(--forge);width:7px;height:7px;box-shadow:0 0 10px var(--forge);border-radius:50%;animation:2.4s ease-in-out infinite latir}@keyframes latir{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.portal-shimmer{filter:blur(5px);background:linear-gradient(90deg,#0000,#ff9a3c8c,#ffd08abf,#ff5bd080,#0000) 0 0/220% 100%;height:14px;animation:4.5s ease-in-out infinite brillar;position:absolute;bottom:0;left:0;right:0}@keyframes brillar{0%,to{background-position:120% 0}50%{background-position:-20% 0}}.rejilla{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tarjeta{background:var(--card);border:1px solid var(--card-border);border-radius:20px 14px 14px;align-items:center;gap:12px;min-height:92px;padding:16px 14px;transition:transform .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.tarjeta:before{content:"";background:radial-gradient(70% 70% at 0% 0%, var(--glow), transparent 70%);opacity:.14;pointer-events:none;position:absolute;inset:0}.tarjeta:active{border-color:#ffffff2e;transform:scale(.975)}.rejilla{margin:0;padding:0;list-style:none}.rejilla li{min-width:0;display:flex}.rejilla li>.tarjeta{width:100%}.rejilla li.ancha{grid-column:1/-1}.rejilla li.ancha .tarjeta{min-height:84px}.tarjeta-icono{color:#fff;width:26px;height:26px;filter:drop-shadow(0 0 9px var(--glow));flex-shrink:0}.tarjeta-icono svg{width:100%;height:100%;display:block}.tarjeta-texto{flex-direction:column;gap:1px;min-width:0;display:flex}.tarjeta-texto strong{white-space:nowrap;text-overflow:ellipsis;font-size:.94rem;font-weight:600;overflow:hidden}.tarjeta-detalle{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.tarjeta-flecha{color:var(--muted);opacity:.55;font-size:.8rem;position:absolute;top:12px;right:13px}.eq{align-items:flex-end;gap:3px;height:20px;margin-left:auto;margin-right:12px;display:inline-flex}.eq i{background:linear-gradient(180deg, var(--accent-2), var(--accent));border-radius:2px;width:3px;animation:1.05s ease-in-out infinite eq}.eq i:first-child{animation-delay:0s}.eq i:nth-child(2){animation-delay:.18s}.eq i:nth-child(3){animation-delay:.36s}.eq i:nth-child(4){animation-delay:.1s}.eq i:nth-child(5){animation-delay:.28s}@keyframes eq{0%,to{height:5px}50%{height:18px}}.pie{text-align:center;margin-top:30px;padding:40px 0 20px;position:relative}.escamas{opacity:.16;pointer-events:none;background-image:radial-gradient(circle at 50% 0,#0000 62%,#c95bff80 63%,#0000 66%),radial-gradient(circle at 0 0,#0000 62%,#ff5bd066 63%,#0000 66%);background-position:0 0,15px 18px;background-size:30px 36px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 70%);mask-image:linear-gradient(#0000,#000 70%)}.pie-marca{letter-spacing:.4em;color:var(--muted);opacity:.8;margin:0;font-size:.78rem;position:relative}.pie-nota{color:var(--muted);margin:6px 0 0;font-size:.72rem;position:relative}.cta-fija{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:20;color:#1a0b29;background:linear-gradient(100deg, var(--ember-hot), var(--accent-2));opacity:0;visibility:hidden;pointer-events:none;border-radius:999px;align-items:center;gap:9px;padding:14px 22px;font-size:.95rem;font-weight:700;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .25s,visibility 0s .35s;display:inline-flex;position:fixed;transform:translate(-50%,200%);box-shadow:0 10px 30px #ff5bd059,inset 0 0 0 1px #ffffff1f}.cta-fija.visible{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(-50%)}.cta-fija svg{width:19px;height:19px}a:focus-visible{outline:3px solid var(--ember-hot);outline-offset:3px}.tarjeta:focus-visible,.portal:focus-visible{border-color:#ffffff47}.solo-lectores{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=620px){.contenido{max-width:560px}.tarjeta{-webkit-backdrop-filter:blur(12px)}.tarjeta:hover{border-color:#fff3;transform:translateY(-3px)}.portal:hover{transform:translateY(-3px)}.cta-fija:hover{filter:brightness(1.06)}}@media (width<=380px){.retrato-envoltorio{width:min(70vw,42svh)}.tarjeta{min-height:84px;padding:14px 12px}}@media (height<=560px){.hero{padding:24px 0 76px}.bio{margin-top:8px;font-size:.86rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.barrido,.bloom,.portal,.portal-shimmer,.portal-estado i,.eq i,.flecha span,.ojo .iris,.retrato-envoltorio,.nombre,.lema,.bio,.flecha{animation:none!important}[data-reveal]{opacity:1;transition:none;transform:none}.tarjeta,.portal{transition:none}.cta-fija{transition:opacity .2s,visibility;transform:translate(-50%)}}