:root{color-scheme:dark;--bg:#101116;--panel:#17191e;--panel2:#1d1d20;--cream:#f6efe2;--muted:#b1aaa3;--line:#37322f;--accent:#d8b77d;--accent-soft:#e7cda1;--danger:#edaf98;--r:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:inherit}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.papergrain{pointer-events:none;position:fixed;inset:0;z-index:6;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.shell{max-width:1240px;margin:0 auto;padding:0 clamp(18px,4vw,54px)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;height:92px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}.brandmark{font-size:25px;letter-spacing:.18em;font-weight:850}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:12px;transform:translateY(-2px)}.branddesc{color:var(--muted);font-size:10px;letter-spacing:.21em}.header-actions{display:flex;align-items:center;gap:20px}.demo-mark{font-size:10px;color:var(--accent);letter-spacing:.14em}.header-share{border:1px solid #65553e;border-radius:100px;padding:10px 18px;background:transparent;color:var(--cream);font-size:11px;letter-spacing:.06em}.header-share span{font-size:16px;margin-right:7px}.header-share:hover{background:#29241e}.hero{display:grid;grid-template-columns:1.04fr .96fr;min-height:525px;position:relative;border-bottom:1px solid var(--line)}.hero-main{position:relative;padding:70px 35px 54px 0;z-index:1}.overline,.section-index{font-size:10px;letter-spacing:.20em;font-weight:750;color:var(--accent);margin:0}.eyebrowline{display:inline-block;height:1px;width:24px;background:var(--accent);vertical-align:middle;margin-right:13px}.hero-titleblock{padding-top:62px}.overhead{font-size:16px;color:var(--muted);margin:0 0 7px;font-family:Georgia,serif;font-style:italic}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(68px,8vw,118px);line-height:1.06;letter-spacing:-.062em;font-weight:400;margin:0 0 25px;max-width:700px;white-space:nowrap}.hero h1 em{font-weight:400;color:var(--accent);font-style:italic}.period{color:var(--accent)}.hero-headline{font-size:clamp(20px,2.7vw,33px);font-family:Georgia,serif;line-height:1.24;max-width:555px;margin:0 0 16px}.hero-intro{color:var(--muted);font-size:13px;max-width:490px;margin:0 0 28px;line-height:1.8}.hero-footer{font-size:10px;color:var(--muted);letter-spacing:.13em;text-transform:uppercase;display:flex;align-items:center;gap:16px}.line-pair{width:30px;height:6px;border-top:1px solid var(--accent);border-bottom:1px solid var(--accent)}.vinyl-stage{position:relative;overflow:hidden;min-height:450px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 50%,#38302a 0,#25201e 27%,#171619 58%,#101116 76%)}.vinyl-stage:before,.vinyl-stage:after{content:'';position:absolute;inset:13%;border:1px solid #78624330;border-radius:50%}.vinyl-stage:after{inset:4%;border-color:#78624320}.vinyl-disc{width:min(80%,408px);aspect-ratio:1;border-radius:50%;position:relative;background:repeating-radial-gradient(circle at 50% 50%,#242428 0px,#111216 2px,#1b1b1e 3px,#101114 5px);box-shadow:10px 12px 54px #000c,0 0 0 1px #80664461;display:grid;place-items:center;animation:spin 12s linear infinite;animation-play-state:paused}.vinyl-disc.spinning{animation-play-state:running}.vinyl-disc:after{content:'';position:absolute;left:15%;top:15%;width:16%;height:16%;border-radius:50%;background:linear-gradient(145deg,#ffffff19,#ffffff00);filter:blur(4px)}.vinyl-label{width:57%;aspect-ratio:1;border-radius:50%;border:6px solid #3c332c;background:radial-gradient(circle,#be9e6c 0 6%,#171719 7% 12%,#876d4d 13%,#b39162 100%);display:grid;place-items:center;box-shadow:0 0 0 2px #171719,inset 0 0 15px #0007;color:#171512;position:relative;z-index:2;animation:vinylCounterspin 12s linear infinite;animation-play-state:paused}.vinyl-disc.spinning .vinyl-label{animation-play-state:running}.vinyl-art{display:block;width:100%;height:100%;overflow:visible}.vinyl-straight{fill:#1a1511;letter-spacing:.025em;paint-order:stroke;stroke:#d2b181;stroke-width:.22px;font-weight:800}.vinyl-straight-primary{font:800 17px Georgia,"Times New Roman",serif}.vinyl-straight-secondary{font:800 13.8px system-ui,Arial,sans-serif;letter-spacing:.045em}.vinyl-arc{font:850 13.7px system-ui,Arial,sans-serif;fill:#221912;letter-spacing:.063em;paint-order:stroke;stroke:#ceaa78;stroke-width:.13px}@keyframes vinylCounterspin{to{transform:rotate(-360deg)}}.vinyl-corner{position:absolute;right:20px;bottom:24px;color:#bea880;font-size:9px;letter-spacing:.19em}@keyframes spin{to{transform:rotate(360deg)}}.gift-content{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:30px 0 0;align-items:stretch}.letter,.player{border:1px solid var(--line);background:linear-gradient(150deg,#191a1e,#14151a);padding:clamp(24px,3.2vw,40px);border-radius:var(--r)}.dividerline{display:inline-block;vertical-align:middle;width:23px;height:1px;background:var(--accent);margin:0 8px}.letter{display:flex;flex-direction:column;position:relative;min-height:540px;background:radial-gradient(ellipse at 70% 20%,#322a22 0%,transparent 56%),linear-gradient(140deg,#201e1d,#17171a)}.letter-mark{font-family:Georgia,serif;font-size:106px;height:104px;line-height:1.1;color:var(--accent);opacity:.65;margin:37px 0 -12px}.letter blockquote{margin:0;font:clamp(20px,2.25vw,27px)/1.7 Georgia,serif;letter-spacing:-.01em;max-width:570px;white-space:pre-line}.letter-end{margin-top:auto;padding-top:35px}.signature-rule{display:block;width:32px;border-top:1px solid var(--accent)}.letter-end p{font:italic 18px Georgia,serif;color:var(--accent);margin:14px 0 0}.player{padding:clamp(22px,2.6vw,33px)}.player-upper{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.player-dots{font-size:8px;letter-spacing:.7em;color:var(--accent);opacity:.65}.nowplaying{display:flex;align-items:center;gap:20px}.coverbox{width:128px;aspect-ratio:1;flex-shrink:0;border-radius:10px;background:linear-gradient(135deg,#40342b,#171717);position:relative;overflow:hidden;box-shadow:0 8px 30px #0007;border:1px solid #60503e}.coverbox img{width:100%;height:100%;object-fit:cover;position:absolute;z-index:2;inset:0;opacity:0;transition:opacity .35s}.coverbox img.loaded{opacity:1}.cover-placeholder{display:grid;place-items:center;height:100%;font-size:56px;color:var(--accent)}.nowcopy{min-width:0}.mini-label{font-size:9px;letter-spacing:.2em;color:var(--accent);font-weight:750}.nowcopy h2{font-size:clamp(19px,2.1vw,26px);line-height:1.15;letter-spacing:-.015em;margin:8px 0 4px;overflow-wrap:anywhere}.nowcopy p{margin:0;color:var(--muted);font-size:12px}.nowcopy .tracknote{margin-top:10px;font-size:10px;letter-spacing:.07em;text-transform:uppercase}.visual{display:block;width:100%;height:90px;margin:24px 0 4px;border:1px solid #4b3d2c;border-radius:9px;background:#151519}.visual-row{display:flex;justify-content:space-between;gap:8px;align-items:center;color:var(--muted);font-size:10px;margin-bottom:20px}.visual-row button{border:1px solid #534531;background:#28231e;border-radius:100px;color:var(--accent);font-size:9px;letter-spacing:.06em;padding:6px 10px}.seek{width:100%;accent-color:var(--accent);margin:0;cursor:pointer}.times{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.controls{display:flex;align-items:center;justify-content:center;gap:30px;margin:13px 0 14px}.controls button{border:1px solid #5c4b37;color:var(--cream);background:#28241f;border-radius:50%;display:grid;place-items:center}.controls .smallbtn{width:43px;height:43px;font-size:30px;padding-bottom:6px}.controls .playbtn{background:var(--accent);border:none;color:#151314;width:66px;height:66px;font-size:23px;padding-left:3px;box-shadow:0 0 30px #d8b77d30}.controls button:hover{filter:brightness(1.15)}.control-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:19px}.control-bottom button{border:0;background:transparent;color:var(--cream);display:flex;align-items:center;gap:8px;font-size:18px}.control-bottom button span{font-size:10px;letter-spacing:.07em;color:var(--muted)}.volumewrap{flex:1;max-width:90px}.volumewrap input{width:100%;accent-color:var(--accent)}.audio-status{color:var(--muted);font-size:11px;min-height:17px;margin:14px 0 0}.audio-status.error{color:var(--danger)}.playlist{margin-top:26px;padding:30px clamp(23px,3.3vw,42px) 18px;border:1px solid var(--line);border-radius:var(--r);background:#16171b}.section-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:21px}.section-header h2{font:clamp(24px,3vw,36px)/1.2 Georgia,serif;font-weight:400;margin:12px 0 7px}.section-header p:last-child{color:var(--muted);margin:0;font-size:13px}.section-header>span{font-size:10px;color:var(--accent);letter-spacing:.14em;white-space:nowrap}.songlist{display:grid;gap:8px}.songrow{width:100%;text-align:left;display:grid;grid-template-columns:38px 52px minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid #342e29;border-radius:9px;background:#1b1b20;color:var(--cream);padding:11px 16px}.songrow:hover,.songrow.active{border-color:#806e50;background:#24231f}.songindex{font-size:10px;color:var(--accent);letter-spacing:.13em}.songrow img{width:52px;height:52px;border-radius:6px;object-fit:cover;background:#292522}.songmeta{min-width:0}.songtitle{display:block;font-weight:670;overflow-wrap:anywhere}.songinfo{display:block;font-size:11px;color:var(--muted);margin-top:3px}.songright{font-size:13px;color:var(--accent)}.playlist-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding:22px 0 3px;color:var(--muted);font-size:11px;flex-wrap:wrap}.playlist-foot button{background:transparent;color:var(--accent);border:0;font-size:10px;letter-spacing:.1em}.demo-cta{text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:76px 18px;margin:50px 0 30px;background:radial-gradient(ellipse at 50% 80%,#28241b 0%,transparent 62%)}.demo-cta h2{font:clamp(30px,4.2vw,56px)/1.25 Georgia,serif;font-weight:400;margin:22px 0}.demo-cta h2 em{color:var(--accent)}.demo-cta p:not(.section-index){color:var(--muted);max-width:530px;margin:0 auto 25px}.demo-cta a{display:inline-flex;align-items:center;gap:17px;text-decoration:none;background:var(--accent);color:#181513;border-radius:100px;padding:14px 25px;font-size:10px;font-weight:850;letter-spacing:.09em}.demo-cta a:hover{background:var(--accent-soft)}footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:8px 0 33px;color:#8e8680;font-size:9px;letter-spacing:.13em}footer strong{color:var(--accent)}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#2a241e;border:1px solid #80623b;border-radius:10px;padding:11px 17px;box-shadow:0 12px 40px #000b;color:var(--cream);max-width:90vw;font-size:12px;z-index:10}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:930px){.hero{grid-template-columns:1fr .7fr}.hero-main{padding-top:49px}.hero-titleblock{padding-top:53px}.vinyl-stage{min-height:350px}.hero h1{font-size:clamp(48px,6.6vw,90px)}.gift-content{grid-template-columns:1fr}.letter{min-height:360px}.letter blockquote{max-width:700px}.nowplaying{gap:22px}}@media(max-width:610px){.shell{padding:0 16px}.topbar{height:74px}.brandmark{font-size:21px}.branddesc{display:none}.demo-mark{font-size:8px;max-width:84px;line-height:1.2;text-align:right}.header-actions{gap:8px}.header-share{padding:7px 11px;font-size:10px}.header-share span{margin-right:1px}.hero{display:flex;flex-direction:column}.hero-main{padding:41px 4px 31px}.hero-titleblock{padding-top:36px}.hero h1{font-size:clamp(53px,14vw,83px);white-space:normal}.hero-headline{font-size:26px}.hero-intro{font-size:12px}.vinyl-stage{min-height:315px}.vinyl-disc{width:min(82vw,286px)}.vinyl-small{font-size:5px}.gift-content{gap:13px;padding-top:13px}.letter,.player{padding:22px}.letter{min-height:370px}.letter-mark{margin-top:21px;font-size:82px;height:75px}.letter blockquote{font-size:21px;line-height:1.62}.nowplaying{gap:13px}.coverbox{width:101px}.nowcopy h2{font-size:19px}.nowcopy p{font-size:11px}.playlist{margin-top:13px;padding:22px 14px 15px}.section-header{align-items:start}.section-header>span{font-size:8px}.songrow{grid-template-columns:22px 44px minmax(0,1fr) auto;gap:9px;padding:9px 10px}.songrow img{width:44px;height:44px}.songtitle{font-size:12px}.songinfo{font-size:10px}.playlist-foot{align-items:flex-start}.demo-cta{margin-top:26px;padding:48px 10px}.demo-cta h2{font-size:33px}footer{padding-bottom:24px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.001ms!important;transition-duration:0.001ms!important;scroll-behavior:auto!important}}

/* Mantener la inscripción legible mientras gira el disco. */
@media (prefers-reduced-motion:reduce){.vinyl-disc,.vinyl-label{animation:none!important}}

/* Maintain readable 4-zone label on phone without enlarging the center hole. */
@media(max-width:610px){.vinyl-label{border-width:5px}}
@media(prefers-reduced-motion:reduce){.vinyl-disc,.vinyl-label{animation:none!important}}