.character{position:relative;isolation:isolate;overflow:hidden;padding:clamp(3rem,6vw,5.5rem) 0;background:linear-gradient(180deg,#f5f7faf5,#e5eefafa)}.character__backdrop{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 20% 18%,rgba(0,51,160,.16),transparent 28%),radial-gradient(circle at 84% 22%,rgba(200,16,46,.18),transparent 24%),radial-gradient(circle at 50% 76%,rgba(255,255,255,.86),transparent 34%)}.character:before{content:"";position:absolute;inset:auto -18% -14%;height:44%;z-index:-1;background:linear-gradient(90deg,#0033a014,#c8102e14);filter:blur(22px);pointer-events:none}.character__inner{width:min(100%,1400px);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem);display:grid;gap:1.2rem}.character__header{display:grid;gap:.55rem;max-width:62rem}.character__eyebrow{width:fit-content;padding:.34rem .72rem;border-radius:999px;background:#0033a014;border:1px solid rgba(0,51,160,.12);color:var(--brand-navy);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.character__headline{display:grid;gap:.55rem}.character__headline h2{font-size:clamp(1.9rem,4vw,3.2rem);line-height:.95;letter-spacing:-.06em;color:var(--text)}.character__headline p{max-width:58ch;color:var(--muted);line-height:1.6}.character__shell{display:grid;gap:.45rem;padding:.2rem;border-radius:18px;background:linear-gradient(180deg,#ffffffb3,#ffffff94);border:1px solid rgba(17,17,17,.04);box-shadow:0 18px 40px #11111114,inset 0 1px #ffffff73;backdrop-filter:blur(14px)}.character__controls{display:grid;gap:.6rem}.character__radio{position:absolute;opacity:0;pointer-events:none}.character__stage{position:relative;min-height:34rem}.character__panel{position:absolute;inset:0;isolation:isolate;opacity:0;transform:translateY(12px) scale(.985);pointer-events:none;display:block;padding:.2rem;border-radius:14px;background:linear-gradient(140deg,#002b7f14,#ffffff0a 30%,#c8102e0f);transition:opacity .24s ease,transform .24s ease}.character__panel:before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:var(--character-background-image);background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:.92;filter:saturate(1.08) contrast(1.02);z-index:0;pointer-events:none}.character__panel:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#050a14b8,#050a147a 42%,#050a149e),radial-gradient(circle at 50% 45%,rgba(255,255,255,.08),transparent 52%);z-index:1;pointer-events:none}.character__watermark{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(3.2rem,11vw,8.5rem);font-weight:900;letter-spacing:-.08em;line-height:.92;text-align:center;text-transform:uppercase;color:#ffffff14;user-select:none;pointer-events:none;z-index:2}.character__panel-copy{position:relative;z-index:4;display:grid;gap:.6rem;max-width:min(25rem,36vw);padding:.55rem .75rem}.character__label{width:fit-content;padding:.3rem .68rem;border-radius:999px;background:#00000052;border:1px solid rgba(255,255,255,.14);color:#fffffff5;font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.character__name{font-size:clamp(1.9rem,3.8vw,3.7rem);line-height:.96;letter-spacing:-.06em;color:#fffffffa;max-width:10ch}.character__role{font-size:1rem;font-weight:700;color:#ffffffe0}.character__description{max-width:20rem;color:#ffffffc7;line-height:1.45}.character__stats{display:grid;gap:.55rem;max-width:24rem}.character__stat{display:grid;gap:.3rem}.character__stat-row{width:62%;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.84rem}.character__stat-row span{color:#ffffffc7;font-weight:700}.character__stat-row strong{color:#fffffff5}.character__bar{width:62%;height:.48rem;border-radius:999px;overflow:hidden;background:#11111114}.character__bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-navy) 0%,var(--brand-red) 100%);box-shadow:0 0 18px #0033a038}.character__panel-visual{position:absolute;inset:50% 14% auto;transform:translateY(-52%);min-height:28rem;display:grid;place-items:center;isolation:isolate;z-index:2}.character__halo{position:absolute;inset:12% 18%;border-radius:999px;background:radial-gradient(circle at 50% 50%,#ffffffeb,#ffffffb8 32%,#0033a01f 62%,#c8102e1a);filter:blur(2px);box-shadow:0 30px 70px #11111129,inset 0 1px #fff9}.character__figure{position:relative;z-index:1;width:min(100%,20rem);padding-inline:.25rem;filter:drop-shadow(0 26px 38px rgba(17,17,17,.2));animation:character-float 6s ease-in-out infinite}.character__figure img{display:block;width:100%;height:auto;object-fit:contain}.character__rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;padding-inline:.35rem}.character__chip{display:grid;place-items:center;width:3.6rem;height:3.6rem;padding:0;border-radius:999px;border:1px solid rgba(17,17,17,.08);background:#ffffffd9;box-shadow:0 14px 28px #11111114;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.character__chip:hover{transform:translateY(-2px);box-shadow:0 18px 34px #1111111f}.character__chip-image{width:72%;height:72%;border-radius:999px;overflow:hidden;flex:0 0 auto;background:linear-gradient(180deg,#0033a01f,#c8102e1f);border:1px solid rgba(17,17,17,.08)}.character__chip-image img{width:100%;height:100%;object-fit:cover}.character__chip:focus-visible{outline:3px solid rgba(0,51,160,.28);outline-offset:3px}#character-alexis:checked~.character__stage .character__panel--alexis,#character-vidal:checked~.character__stage .character__panel--vidal,#character-bravo:checked~.character__stage .character__panel--bravo,#character-matias:checked~.character__stage .character__panel--matias,#character-jean:checked~.character__stage .character__panel--jean,#character-gary:checked~.character__stage .character__panel--gary{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;z-index:1}#character-alexis:checked~.character__rail label[for=character-alexis],#character-vidal:checked~.character__rail label[for=character-vidal],#character-bravo:checked~.character__rail label[for=character-bravo],#character-matias:checked~.character__rail label[for=character-matias],#character-jean:checked~.character__rail label[for=character-jean],#character-gary:checked~.character__stage .character__panel--gary{border-color:#0033a038;background:linear-gradient(180deg,#fffffffa,#f0f5fffa);box-shadow:0 18px 32px #1111111f,0 0 0 3px #0033a014}@keyframes character-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:1024px){.character__panel,.character__stage{min-height:52rem}.character__rail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.character{padding:2.5rem 0}.character__shell{padding:.85rem;border-radius:24px}.character__stage{min-height:48rem}.character__panel{padding:.45rem}.character__panel-copy{max-width:100%;padding:.9rem .35rem 0}.character__panel-visual{inset:48% 4% auto}.character__chip{width:3.6rem;height:3.6rem;padding:0}.character__chip-image{width:74%;height:74%}}.floating-home{position:fixed;right:1rem;bottom:1rem;width:48px;height:48px;border-radius:999px;background:var(--brand-navy);color:#fff;display:grid;place-items:center;box-shadow:0 10px 20px #0000002e;z-index:9999;text-decoration:none;font-size:1.25rem}.floating-home:focus-visible{outline:3px solid rgba(255,255,255,.12);outline-offset:3px}