:root{color-scheme:dark;--bg: #0f0f12;--surface: #121218;--border: #2a2a34;--text: #f4f4f8;--muted: #a4a4b5;--accent: #e8a598;font-family:system-ui,Segoe UI,Roboto,Ubuntu,sans-serif;line-height:1.5}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100dvh;background:radial-gradient(1200px 600px at 20% -10%,#2a1f2e,var(--bg));color:var(--text)}.page{margin:0;min-height:100dvh;display:flex;flex-direction:column}.page-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1.5rem,4vw,2.25rem);padding:clamp(1.25rem,5vw,2.5rem);padding-bottom:max(1.5rem,env(safe-area-inset-bottom,0px));background:#050508;transition:opacity .5s ease}.page-splash--exit{opacity:0;pointer-events:none}.page-splash__steps{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.55rem;margin:0;padding:0;list-style:none}.page-splash__step{width:2.1rem;height:2.1rem;flex-shrink:0;display:grid;place-items:center;border-radius:50%;border:2px solid rgba(255,255,255,.18);font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums;color:#f4f4f861;transition:border-color .4s ease,background .4s ease,color .4s ease,transform .35s ease}.page-splash__step--upcoming{opacity:.85}.page-splash__step--active{border-color:#d62828;background:#d6282838;color:#fff;transform:scale(1.08);box-shadow:0 0 0 1px #d6282859}.page-splash__step--done{border-color:#d628288c;background:#d6282859;color:#fffffff2}.page-splash__step-num{line-height:1}.page-splash__content{display:flex;flex-direction:column;align-items:center;gap:1.35rem;width:100%;max-width:22rem;transition:opacity .45s ease}.page-splash__msg{margin:0;width:100%;text-align:center;font-size:clamp(1rem,3.8vw,1.2rem);line-height:1.55;color:#f4f4f8f2}.page-splash__cta{flex-shrink:0;margin:0;padding:.65rem 1.35rem;border:none;border-radius:999px;cursor:pointer;font:inherit;font-size:.95rem;font-weight:600;color:#fff;background:linear-gradient(165deg,#d62828f2,#a01c28);box-shadow:0 4px 20px #d6282859,0 0 0 1px #ffffff14 inset;transition:transform .15s ease,filter .15s ease}.page-splash__cta:hover{filter:brightness(1.06)}.page-splash__cta:active{transform:scale(.98)}.page-splash__cta:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.page-splash__cta:disabled{opacity:.65;cursor:wait;transform:none;pointer-events:none}.page-splash__cta--secondary{background:#ffffff14;color:#f4f4f8f2;border:1px solid rgba(255,255,255,.22);box-shadow:0 2px 12px #00000040}.page-splash__cta--secondary:hover{filter:brightness(1.12);background:#ffffff1f}.audio-float{position:fixed;z-index:300;top:max(5.85rem,calc(env(safe-area-inset-top,0px) + 5.35rem));right:max(.5rem,env(safe-area-inset-right,0px));transform:translateY(-6px);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.35rem;padding:.3rem .45rem;max-width:min(calc(100vw - 1rem),22rem);width:max-content;border-radius:999px;background:#121218c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(232,165,152,.28);box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0a inset}.audio-float__time{flex-shrink:0;font-size:.68rem;font-variant-numeric:tabular-nums;color:var(--text);opacity:.92;min-width:2.1rem}.audio-float__time--end{text-align:right}.audio-float__vol-label{flex-shrink:0;display:flex;align-items:center;margin:0;padding:0}.audio-float__vol-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.audio-float__volume{width:3.25rem;height:1.1rem;margin:0;padding:0;cursor:pointer;accent-color:rgba(232,165,152,.95);background:transparent}.audio-float__volume:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.audio-float__bar-wrap{position:relative;flex:1 1 auto;min-width:2.5rem;max-width:6.25rem;height:7px;border-radius:999px;border:1px solid rgba(232,165,152,.28);cursor:pointer;overflow:hidden;box-shadow:inset 0 1px 2px #00000059}.audio-float__bar-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.audio-float__bar-rail{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#ffffff1a;z-index:0}.audio-float__bar-fill{position:relative;z-index:1;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e8a5988c,#e8a598);pointer-events:none;box-shadow:0 0 8px #e8a59840}.audio-float__btn{width:1.35rem;height:1.35rem;padding:0;margin:0;display:grid;place-items:center;border:none;border-radius:50%;cursor:pointer;font:inherit;color:var(--text);background:#e8a59824;transition:background .15s ease,opacity .15s ease,transform .12s ease}.audio-float__btn:hover:not(:disabled){background:#e8a59847}.audio-float__btn:active:not(:disabled){transform:scale(.94)}.audio-float__btn:disabled{opacity:.35;cursor:not-allowed}.audio-float__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.audio-float__svg{width:.92rem;height:.92rem;display:block}@media(min-width:960px){.audio-float{top:max(.85rem,env(safe-area-inset-top,0px));right:max(1rem,env(safe-area-inset-right,0px));transform:translate(-8px,-6px);max-width:min(calc(100vw - 2rem),22rem)}.audio-float__bar-wrap{max-width:9rem}.audio-float__volume{width:4rem}}.shell-header{flex-shrink:0;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid var(--border);background:#0f0f12d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shell-brand{margin-bottom:1rem}.shell-title{margin:0;font-size:clamp(1.35rem,4vw,1.85rem);font-weight:650;letter-spacing:-.02em}.tabs{display:flex;flex-wrap:wrap;gap:.45rem}.tabs__btn{margin:0;padding:.5rem .85rem;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;color:var(--muted);font:inherit;font-size:.88rem;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.tabs__btn:hover{color:var(--text);border-color:#e8a59866}.tabs__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tabs__btn--active{color:var(--text);background:#e8a59829;border-color:#e8a59880}.tab-panel{flex:1;min-height:0;display:flex;flex-direction:column}.layout-historia{flex:1;min-height:0;display:grid;grid-template-columns:1fr;align-items:stretch}.layout-canciones{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.25rem 1.25rem 2rem;width:100%}.canciones-intro{width:100%;max-width:28rem}.layout-nosotros{flex:1;padding:1.25rem 1.25rem 2.5rem;max-width:960px;margin:0 auto;width:100%}.layout-nosotros .nosotros-lede{margin-inline:auto;margin-bottom:1.25rem!important;text-align:center}.lede--tab{max-width:36rem;margin-bottom:0}.layout-historia .main>.lede--tab{margin-bottom:1.5rem}.main{padding:2.5rem 1.25rem 3rem}.eyebrow{margin:0 0 .35rem;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.lede{margin:0;color:var(--muted);font-size:1.05rem;max-width:36rem}.panel{background:#18181fd9;border:1px solid var(--border);border-radius:16px;padding:1.25rem 1.35rem 1.4rem;max-width:36rem}.panel h2{margin:0 0 .65rem;font-size:1.05rem;font-weight:600}.panel p{margin:0;color:var(--muted)}.narrative-intro{margin-bottom:1rem!important}.cartas-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.cartas-list li{margin:0}.cartas-link{width:100%;display:block;padding:.65rem .85rem;border-radius:10px;border:1px solid var(--border);background:#ffffff08;color:var(--text);text-decoration:none;font:inherit;font-weight:500;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease}.cartas-link:hover{background:#e8a5981f;border-color:#e8a59873}.cartas-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cartas-link--selected{background:#e8a5982e;border-color:#e8a5988c}.viewer{display:flex;flex-direction:column;min-height:62vh;background:#121218a6;border-top:1px solid var(--border)}.pdf-viewer{flex:1;display:flex;flex-direction:column;min-height:0;padding:.75rem .85rem .9rem}.pdf-viewer-toolbar{margin-bottom:.55rem;flex-shrink:0}.pdf-viewer-label{font-size:.9rem;font-weight:600;color:var(--text)}.pdf-frame-wrap{flex:1;min-height:0;border-radius:12px;overflow:hidden;border:1px solid var(--border);box-shadow:0 10px 36px #00000059;background:#1a1a1f}.pdf-frame{display:block;width:100%;height:100%;min-height:52vh;border:0}.aside{display:flex;flex-direction:column;min-height:280px;background:var(--surface);border-top:1px solid var(--border)}.embed-shell{flex:1;min-height:0;display:flex;flex-direction:column;padding:.75rem}.embed-wrap{flex:1;min-height:0;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #00000059}.playlist-iframe{display:block;width:100%;flex:1;min-height:320px;border:0;background:#121212}.layout-canciones .aside{width:60%;max-width:360px;min-width:220px;margin-left:auto;margin-right:auto;flex:1;min-height:52vh;display:flex;flex-direction:column;border-top:none;border-radius:16px;overflow:hidden;border:1px solid var(--border)}.layout-canciones .embed-shell{flex:1;min-height:0}.embed-shell--spotify{padding:1rem 1.15rem 1.15rem}.spotify-native{flex:1;display:flex;flex-direction:column;gap:.85rem;min-height:0;text-align:left}.spotify-native--missing{max-width:28rem;margin:0 auto;padding:1.25rem 1rem 2rem}.spotify-native--login{padding:.25rem 0 .5rem}.spotify-native__lead{margin:0;color:var(--muted);font-size:.92rem;line-height:1.55}.spotify-native__muted{margin:.5rem 0 0;font-size:.82rem;color:#a4a4b5bf}.spotify-native__pre{margin:.75rem 0 0;padding:.85rem 1rem;border-radius:12px;background:#00000059;border:1px solid var(--border);font-size:.78rem;line-height:1.45;overflow-x:auto;color:var(--text)}.spotify-native__toolbar{display:flex;justify-content:flex-end}.spotify-native__linkish{margin:0;padding:0;border:none;background:none;color:var(--accent);font-size:.82rem;cursor:pointer;text-decoration:underline;font:inherit}.spotify-native__linkish:hover{color:var(--text)}.spotify-native__error{margin:0;padding:.65rem .75rem;border-radius:10px;background:#b43c3c26;border:1px solid rgba(220,100,100,.35);color:#f0c0c0;font-size:.85rem}.spotify-native__now{flex:1;min-height:4rem}.spotify-native__track{margin:0 0 .25rem;font-size:1.05rem;font-weight:600;color:var(--text)}.spotify-native__artist{margin:0;font-size:.88rem;color:var(--muted)}.spotify-native__controls{display:flex;align-items:center;justify-content:center;gap:.65rem;padding-top:.25rem}.spotify-native__ctrl{width:2.65rem;height:2.65rem;border-radius:50%;border:1px solid var(--border);background:#ffffff0f;color:var(--text);font-size:1rem;cursor:pointer;display:grid;place-items:center;padding:0;font-family:inherit}.spotify-native__ctrl:disabled{opacity:.35;cursor:not-allowed}.spotify-native__ctrl--main{width:3.15rem;height:3.15rem;font-size:1.15rem;border-color:#e8a59873;background:#e8a5981f}.spotify-native__connect{margin-top:.75rem;padding:.65rem 1.25rem;border-radius:999px;border:1px solid rgba(232,165,152,.45);background:#e8a59829;color:var(--text);font:inherit;font-weight:600;cursor:pointer}.spotify-native__connect:hover{background:#e8a59842}.galeria{position:relative;max-width:720px;margin:0 auto;padding:1.25rem .5rem 1.5rem;outline:none}.galeria:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:20px}.galeria-glow{pointer-events:none;position:absolute;right:0;bottom:0;left:0;top:10%;background:radial-gradient(ellipse 85% 55% at 50% 35%,rgba(232,165,152,.14),transparent 68%);z-index:0}.galeria-main{position:relative;z-index:1;display:flex;align-items:center;gap:.35rem}.galeria-nav-spacer{flex:0 0 2.25rem;width:2.25rem}.galeria-nav{flex-shrink:0;width:2.35rem;height:2.35rem;border-radius:50%;border:1px solid rgba(232,165,152,.35);background:#18181fbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--accent);font-size:1.35rem;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.galeria-nav:hover{background:#e8a59824;box-shadow:0 0 20px #e8a59833}.galeria-nav:active{transform:scale(.94)}.galeria-nav:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.galeria-stage-outer{flex:1;min-width:0;text-align:center}.galeria-stage-drag{position:relative;width:100%;border-radius:20px;cursor:grab;user-select:none;-webkit-user-select:none}.galeria-stage-drag--active{cursor:grabbing}.galeria-stage-drag .galeria-stage{will-change:transform}.galeria-stage{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(232,165,152,.28);box-shadow:0 4px 24px #00000059,0 0 0 1px #ffffff0a inset,0 0 48px #e8a59814;background:#14141a}.galeria-hero{display:block;width:100%;height:auto;max-height:min(52vh,420px);object-fit:contain;animation:galeriaEnter .8s cubic-bezier(.22,1,.36,1) forwards}.galeria-vignette{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 80px #0f0c1273;border-radius:inherit}.galeria-caption{margin:.85rem 0 .35rem;font-size:1rem;font-style:italic;color:var(--text);letter-spacing:.01em}.galeria-caption--muted{color:var(--muted)}.galeria-count{margin:0;font-size:.82rem;letter-spacing:.2em;color:#a4a4b5d9;font-variant-numeric:tabular-nums}.galeria-count-sep{margin:0 .35rem;opacity:.7;color:var(--accent)}.galeria-thumbs-wrap{position:relative;z-index:1;margin-top:1.25rem}.galeria-thumbs-hint{margin:0 0 .65rem;text-align:center;font-size:.78rem;color:#a4a4b5bf;letter-spacing:.04em}.galeria-thumbs{display:flex;gap:.55rem;overflow-x:auto;padding:.35rem .25rem .5rem;margin:0;list-style:none;scroll-snap-type:x mandatory;justify-content:safe center;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.galeria-thumbs__li{flex:0 0 auto;scroll-snap-align:center}.galeria-thumb{width:4.25rem;height:4.25rem;padding:0;border:none;border-radius:14px;overflow:hidden;cursor:pointer;opacity:.55;transform:scale(.96);transition:opacity .35s ease,transform .35s ease,box-shadow .35s ease;box-shadow:0 4px 14px #00000040;outline:2px solid transparent;outline-offset:2px}.galeria-thumb:hover{opacity:.88;transform:scale(1)}.galeria-thumb--active{opacity:1;transform:scale(1.04);outline-color:#e8a598a6;box-shadow:0 0 0 2px #e8a59859,0 8px 28px #00000059}.galeria-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.galeria-thumb-img{width:100%;height:100%;object-fit:cover;display:block}@keyframes galeriaEnter{0%{opacity:0;transform:scale(1.05);filter:blur(8px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@media(prefers-reduced-motion:reduce){.galeria-hero{animation:none}.galeria-thumb{transition:none}}.fotos-empty{margin:0;color:var(--muted);font-size:.95rem;max-width:32rem}.fotos-empty-code{font-size:.82em;color:var(--accent)}@media(min-width:960px){.shell-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.25rem 2rem 1rem}.shell-brand{margin-bottom:0}.layout-historia{grid-template-columns:minmax(200px,280px) minmax(0,1fr);min-height:0;flex:1}.layout-historia .main{padding:2.5rem 1.25rem 3rem 2.25rem;align-self:stretch;max-height:100dvh;overflow-y:auto}.layout-historia .viewer{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;height:100dvh;min-height:100dvh;border-top:none;border-left:1px solid var(--border)}.layout-historia .pdf-viewer{flex:1;min-height:0;padding:.85rem 1rem 1rem}.layout-historia .pdf-frame-wrap{flex:1;min-height:0}.layout-historia .pdf-frame{min-height:0;height:100%}.layout-canciones{padding:1.5rem 2rem 2rem}.layout-canciones .aside{min-height:calc(100dvh - 11rem);max-height:calc(100dvh - 11rem)}.layout-canciones .embed-shell{padding:.85rem}.layout-canciones .embed-wrap{flex:1;min-height:0}}