.personaje{--accent:#c7a56b;--surface:#201c16;--ink:#f4e4c6;background:radial-gradient(ellipse at top,#493527,#100f0e 70%);color:var(--ink)}
.personaje.ganster{--accent:#cbb575;--surface:#142427;background:linear-gradient(135deg,#142b30,#0b1014 65%)}
.personaje.pirata{--accent:#d2b67c;--surface:#12353c;background:radial-gradient(ellipse at top,#214d55,#07191f 70%)}
.character-nav{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 32px}.character-nav a,.music-buttons button,#playlist button{border:1px solid var(--accent);border-radius:4px;background:var(--surface);color:var(--ink);padding:12px 18px;font:inherit;cursor:pointer}.character-nav [aria-current],#playlist [aria-current]{background:var(--accent);color:#111}.music-panel,.character-story{border:1px solid var(--accent);background:var(--surface);border-radius:8px;padding:clamp(20px,4vw,36px);margin:24px 0}.music-panel h2{font-size:1.6rem;margin:8px 0}.music-panel audio{width:100%;margin:12px 0}.music-buttons{display:flex;gap:10px;flex-wrap:wrap}#playlist{padding:0;list-style:none;display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}#playlist li{flex:1;min-width:220px}#playlist button{width:100%;text-align:left}.music-note{font-size:.85rem;opacity:.75;line-height:1.6}.character-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,5vw,64px);align-items:center;padding:40px 0}.character-art{background:radial-gradient(ellipse,#ffffff15,transparent 68%)}.character-art img{width:100%;height:auto;max-height:650px;object-fit:contain}.character-hero h1{font-size:clamp(3rem,8vw,6rem);margin:8px 0;font-family:Georgia,serif}.character-hero h2{font-size:clamp(1.3rem,3vw,2rem)}.intro,.character-story p{line-height:1.8;font-size:1.1rem}.personaje .button-primary{background:var(--accent);color:#151713;border-color:var(--accent)}.personaje .eyebrow{color:var(--accent)}.character-story{max-width:900px;margin:0 auto 48px}button:focus-visible,a:focus-visible,audio:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:700px){.character-hero{grid-template-columns:1fr}.character-art img{max-height:390px}.music-buttons button{flex:1}.character-hero{padding-top:12px}}.vaquero .music-panel,.vaquero .character-story{border:3px double #96764b}.vaquero .music-buttons button,.vaquero #playlist button{box-shadow:inset 0 0 0 2px #2d2117;border-radius:7px}.ganster .music-panel,.ganster .character-story{border-radius:0;border-top:3px double var(--accent)}.ganster .music-buttons button,.ganster #playlist button,.ganster .button{border-radius:0;letter-spacing:.06em}.pirata .music-panel,.pirata .character-story{border:2px solid #896a42;box-shadow:inset 0 0 0 3px #08282e}.pirata .music-buttons button,.pirata #playlist button{border-color:#bc9b61;box-shadow:inset 0 -3px 0 #0a262c}