:root{--bg:#141311;--bg2:#1e1c19;--cream:#f2eee5;--muted:#aaa69d;--orange:#f39a43;--line:#39342e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--bg);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 48px));margin:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand,.button,.kicker{font-family:'Barlow Condensed',sans-serif}h1{font-size:clamp(5rem,12vw,11.5rem);line-height:.83;letter-spacing:-.035em;font-weight:800;margin:28px 0}h2{font-size:clamp(3.4rem,7vw,6.5rem);line-height:.94;letter-spacing:-.02em;font-weight:800;margin:20px 0 30px}h2 span,h1 span{color:var(--orange)}p{line-height:1.75}#navbar{position:fixed;top:0;width:100%;z-index:20;background:rgba(20,19,17,.92);border-bottom:1px solid #ffffff22;backdrop-filter:blur(15px)}.nav-inner{height:76px;width:min(1180px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:white;font-weight:800;font-size:28px;line-height:.85;letter-spacing:.02em}.brand img{max-width:54px;max-height:54px;object-fit:contain}.brand em{color:var(--orange);font-style:normal}.brand small,.footer-brand small{display:block;font:600 10px 'DM Sans',sans-serif;letter-spacing:.3em;margin-top:8px}.nav-links{list-style:none;display:flex;align-items:center;gap:28px;margin:0;padding:0}.nav-links a{font-size:13px;font-weight:700;color:#e9e5dc}.nav-links a:hover{color:var(--orange)}.nav-contact{border:1px solid var(--orange);padding:12px 18px}.menu-toggle{display:none}.hero{min-height:780px;height:100svh;max-height:1100px;background:radial-gradient(ellipse at 78% 45%,#57351f 0%,#25201b 36%,#141311 72%);color:var(--cream);position:relative;overflow:hidden;display:flex;align-items:center}.hero:after{content:'';position:absolute;inset:0;opacity:.12;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#000 4px)}.hero-glow{position:absolute;width:550px;height:550px;border:1px solid #f39a4344;border-radius:50%;right:-130px;top:22%;box-shadow:0 0 0 70px #f39a4308,0 0 0 140px #f39a4306}.hero-content{position:relative;z-index:1;padding-top:85px}.eyebrow,.kicker{color:var(--orange);font-size:18px;letter-spacing:.17em;font-weight:700}.live-dot{display:inline-block;width:9px;height:9px;background:var(--orange);border-radius:50%;margin-right:8px;box-shadow:0 0 14px var(--orange)}.hero-copy{max-width:540px;font-size:19px;color:#c5c0b6}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.button{font-size:19px;font-weight:700;letter-spacing:.04em;padding:16px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--orange);color:#18130d}.secondary{border:1px solid #82776c;color:var(--cream)}.hero-footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff30;margin-top:90px;padding-top:18px;font-size:11px;letter-spacing:.16em;color:#aaa49b}.section{padding:115px 0}.intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px}.intro-grid>div:last-child{padding-top:55px;font-size:17px}.text-link{display:inline-block;margin-top:20px;color:#a65b20;font-weight:700;font-size:13px;letter-spacing:.1em}.section-dark{background:var(--bg);color:var(--cream)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-top p{max-width:300px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:40px}.service{padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:295px}.service-number{color:var(--orange);font-size:12px;letter-spacing:.1em}.service-symbol{font-size:42px;color:var(--orange);margin:12px 0}.service h3{font-size:30px;margin:12px 0}.service p{color:var(--muted);font-size:14px}.section-lead{max-width:620px;color:#77736d;font-size:17px}.section-dark .section-lead{color:var(--muted)}.work-placeholder{border:1px solid #c8c1b5;display:flex;align-items:center;gap:28px;padding:50px;margin-top:45px}.work-placeholder>span{font-size:65px;color:var(--orange)}.work-placeholder strong{font-family:'Barlow Condensed';font-size:28px}.work-placeholder p{margin:5px 0 0}.spotify-frame{max-width:900px;margin-top:36px}.live-section{background:#e7ded0}.live-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.live-layout p{max-width:540px}.live-layout .secondary{color:var(--bg);border-color:#928575}.live-art{min-height:520px;background:radial-gradient(circle at center,#49301d,#151412 65%);color:var(--cream);border:12px solid #24211d;padding:35px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:15px 15px 0 #c9b9a4}.broadcast{align-self:start;background:var(--orange);color:#151412;padding:8px 12px;font-weight:800;font-size:12px;letter-spacing:.15em}.live-art-main{font:800 clamp(70px,8vw,120px)/.75 'Barlow Condensed';letter-spacing:-.03em}.live-art-main span{color:var(--orange)}.waveform{font-size:29px;color:var(--orange);letter-spacing:.08em;overflow:hidden;white-space:nowrap}.live-art small{letter-spacing:.2em;color:#aaa}.contact-section{background:var(--orange);text-align:center}.contact-section .kicker{color:#4e2d12}.contact-section h2 span{color:var(--cream)}.contact-section p{max-width:630px;margin:0 auto 22px}.contact-email{display:block;font:700 clamp(25px,4vw,48px) 'Barlow Condensed';overflow-wrap:anywhere;margin:35px 0}.contact-actions{display:flex;justify-content:center}.contact-section .primary{background:var(--bg);color:var(--cream)}.contact-section .location{margin-top:65px;font-size:11px;letter-spacing:.2em;font-weight:700}footer{background:var(--bg);color:var(--cream);padding:45px 0}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-brand{font:800 28px 'Barlow Condensed'}.footer-brand span{color:var(--orange)}footer p,footer a{font-size:12px;color:var(--muted);margin:4px 0}@media(max-width:850px){.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:transparent;padding:10px;cursor:pointer}.menu-toggle span{width:24px;height:2px;background:white}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#141311;flex-direction:column;align-items:stretch;padding:22px 24px;gap:0;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.nav-links li a{display:block;padding:13px}.intro-grid,.live-layout{grid-template-columns:1fr;gap:25px}.intro-grid>div:last-child{padding-top:0}.service-grid{grid-template-columns:repeat(2,1fr)}.section-top{display:block}.hero{min-height:700px}.hero-footer{margin-top:70px}.live-art{min-height:450px}}@media(max-width:560px){.container,.nav-inner{width:calc(100% - 34px)}.section{padding:75px 0}.hero{min-height:690px}.hero h1{font-size:clamp(4.5rem,17vw,7rem)}.hero-copy{font-size:16px}.hero-footer{font-size:9px;gap:12px}.service-grid{grid-template-columns:1fr}.service{min-height:230px}.work-placeholder{padding:25px;gap:16px}.work-placeholder>span{font-size:38px}.live-art{min-height:390px}.footer-grid{flex-direction:column;align-items:flex-start}.brand{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Identidad oficial Arcade Sound Studio · neón sobre negro */
:root{--bg:#08050e;--bg2:#14091e;--cream:#f7f0f8;--muted:#b9a8c4;--orange:#ff4b56;--pink:#ff007f;--sun:#ffa000;--violet:#6410a0;--line:#382344}
body{background:#0b0712;color:var(--cream)}
#navbar{background:rgba(7,4,12,.94);border-bottom:1px solid #ff007a3b}
.brand img{max-width:65px;max-height:65px;width:65px;height:65px}
.brand em,.footer-brand span{color:#ff007f}
.nav-links a:hover,.kicker,.eyebrow,.service-number,.service-symbol{color:#ff398f}
.nav-contact{border-color:#ff007f!important}
.hero{background:radial-gradient(ellipse at 77% 47%,#381044 0%,#160b23 34%,#08050e 74%);min-height:740px}
.hero-glow{border-color:#ff007a44;box-shadow:0 0 0 65px #ff007a09,0 0 0 130px #ffa00006}
.hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr);align-items:center;gap:30px;padding-top:90px}
.hero-content{padding-top:0;min-width:0}
.hero h1{font-size:clamp(4.4rem,8.3vw,9rem)}
h1 span,h2 span{color:#ff007f}
.hero h1 span,.section h2 span{background:linear-gradient(100deg,#ff007f 0%,#ff5440 55%,#ffa000 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-logo-wrap{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 48px #ff007a22)}
.hero-logo{display:block;width:min(100%,520px);height:auto;mix-blend-mode:screen}
.hero-copy{color:#d7c8df}
.primary{background:linear-gradient(105deg,#ff007f,#ff6540 72%,#ff9a00);color:#100613}
.secondary{border-color:#8e568e;color:#f7f0f8}
.section{background:#100a18}
.intro{background:#120b1b}
.section-dark{background:#090610}
.section-lead{color:#c3b3ca}
.service{background:linear-gradient(160deg,#160b21,#0a0711)}
.service:hover{background:#1d1029;box-shadow:inset 0 2px 0 #ff007f}
.work-placeholder{border-color:#5d3668;background:#1a0e24}
.work-placeholder>span{color:#ff007f}
.live-section{background:linear-gradient(135deg,#1d0c2d,#310d35 60%,#1c0c28)}
.live-layout .secondary{color:#fff;border-color:#b16ca4}
.live-art{background:radial-gradient(circle at 45% 35%,#56154e,#0c0613 72%);border-color:#391b42;box-shadow:15px 15px 0 #09040e}
.broadcast{background:#ff007f;color:white}
.live-art-main span,.waveform{color:#ff3c94}
.contact-section{background:linear-gradient(130deg,#ff007f,#f42e63 50%,#ff8b00);color:#16091b}
.contact-section .kicker{color:#3d0a33}
.contact-section h2 span{background:none;color:white}
.contact-section .primary{background:#100618;color:#fff}
footer{background:#07040b}
.footer-brand img{display:block;object-fit:contain;width:135px;height:auto;mix-blend-mode:screen}
a:focus-visible,button:focus-visible{outline:3px solid #ffb900;outline-offset:4px}
@media(max-width:900px){.hero-layout{grid-template-columns:1fr;gap:0;padding-top:125px;padding-bottom:60px}.hero{height:auto;max-height:none}.hero-logo-wrap{position:absolute;right:0;top:120px;width:43%;opacity:.23;pointer-events:none}.hero h1{font-size:clamp(4.6rem,12vw,8rem)}.hero-content{position:relative;z-index:2}}
@media(max-width:560px){.brand-label{font-size:20px}.brand img{width:52px;height:52px}.hero-logo-wrap{top:170px;width:65%;opacity:.17}.hero h1{font-size:clamp(4rem,16vw,6.5rem)}.hero-layout{padding-top:135px}.hero-footer{flex-wrap:wrap}.contact-email{font-size:clamp(24px,6vw,38px)}}

/* Miniatura interactiva: mantiene el cartel original hasta pulsar Play */
.live-art{position:relative;isolation:isolate;overflow:hidden}
.live-play-trigger{position:absolute;inset:0;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:0;background:linear-gradient(180deg,transparent 10%,rgba(9,2,15,.18) 50%,transparent 90%);color:white;cursor:pointer;font-family:inherit;transition:background .2s ease}
.live-play-icon{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#ff007f,#ff8b00);color:#fff;font-size:32px;padding-left:5px;box-shadow:0 0 0 9px rgba(255,255,255,.12),0 10px 35px rgba(0,0,0,.4);transition:transform .2s ease}
.live-play-label{font-size:13px;font-weight:800;letter-spacing:.11em;text-shadow:0 2px 9px #000;background:rgba(8,4,14,.75);padding:10px 14px;border:1px solid #ff3c94}
.live-play-trigger:hover,.live-play-trigger:focus-visible{background:rgba(255,0,127,.12)}
.live-play-trigger:hover .live-play-icon,.live-play-trigger:focus-visible .live-play-icon{transform:scale(1.1)}
.live-player-embed:not([hidden]){position:absolute;inset:0;z-index:4;background:#08040d;display:block}
.live-player-embed iframe{width:100%;height:100%;border:0;display:block}
@media(max-width:560px){.live-play-icon{width:72px;height:72px;font-size:27px}.live-play-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){.live-play-icon{transition:none}}

/* PLAY visible y pulsable sobre el cartel original. */
#arcade-live-player { position:relative; isolation:isolate; }
#arcade-live-player .live-play-trigger { position:absolute; inset:0; z-index:10; display:flex; width:100%; height:100%; align-items:center; justify-content:center; flex-direction:column; gap:16px; cursor:pointer; background:rgba(8,2,16,.10); border:0; color:#fff; }
#arcade-live-player .live-play-icon { display:grid; place-items:center; width:106px; height:106px; border-radius:50%; background:linear-gradient(125deg,#ff007f,#ff8700); color:#fff; font-size:42px; line-height:1; padding-left:7px; box-shadow:0 0 0 12px rgba(255,255,255,.15),0 0 44px rgba(255,0,127,.65); transform:translateZ(0); }
#arcade-live-player .live-play-label { display:block; color:#fff; font:800 19px 'Barlow Condensed',sans-serif; letter-spacing:.16em; padding:9px 20px; background:rgba(10,3,17,.92); border:1px solid #ff3c94; }
#arcade-live-player .live-play-trigger:hover .live-play-icon, #arcade-live-player .live-play-trigger:focus-visible .live-play-icon { transform:scale(1.1); }
#arcade-live-player .live-player-embed[hidden] { display:none !important; }
#arcade-live-player.is-playing .live-play-trigger { display:none !important; }
#arcade-live-player .live-player-embed:not([hidden]) { position:absolute; inset:0; z-index:20; display:block; background:#09040e; }
#arcade-live-player .live-player-embed iframe { width:100%; height:100%; border:0; display:block; }
@media(max-width:560px){#arcade-live-player .live-play-icon{width:78px;height:78px;font-size:32px}#arcade-live-player .live-play-label{font-size:16px}}

/* 8-bit Arcade Sound Studio service icons */
.service-symbol{height:72px;display:flex;align-items:center;margin:12px 0;}
.service-symbol img{display:block;width:64px;height:64px;object-fit:contain;image-rendering:pixelated;transition:filter .2s ease,transform .2s ease;}
.service:hover .service-symbol img{filter:drop-shadow(0 0 9px rgba(255,57,143,.65));transform:translateY(-2px);}