:root{--accent:#d86d3b;--bg:#0b0c0e;--surface:#141518;--muted:#a3a4a9;--white:#f4f2ef;--border:rgba(255,255,255,.11);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--white);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button,input,textarea{outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.062em;line-height:1.02}h2{font-size:clamp(3rem,6vw,6.6rem);font-weight:770;margin-bottom:32px}h2 em{font-style:normal;color:var(--accent)}h3{letter-spacing:-.03em}.container{width:min(1216px,calc(100% - 88px));margin-inline:auto}.site-header{height:84px;position:sticky;top:0;z-index:50;background:rgba(11,12,14,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.nav-shell{height:100%;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand{font-size:25px;font-weight:900;letter-spacing:-.085em;white-space:nowrap}.brand span{font-weight:400}.brand i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:4px}.desktop-menu{display:flex;align-items:center;gap:29px}.desktop-menu a{font-size:12px;letter-spacing:.03em;color:#c7c7c8;transition:color .2s}.desktop-menu a:hover,.under-link:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:17px}.small-live,.live-indicator{font-size:10px;font-weight:780;letter-spacing:.08em;border:1px solid var(--border);padding:12px 17px;display:flex;align-items:center;gap:8px}.dot,.pulse{height:7px;width:7px;border-radius:100%;display:inline-block;background:var(--accent)}.pulse{background:#fa654e;box-shadow:0 0 0 4px rgba(250,101,78,.17)}.menu-toggle{display:none;background:none;border:0;padding:12px}.menu-toggle span{display:block;width:23px;height:2px;background:var(--white);margin:5px}.mobile-menu{display:none}.hero{min-height:710px;position:relative;overflow:hidden;background:radial-gradient(ellipse 45% 55% at 75% 55%,#38251d33,transparent),linear-gradient(125deg,#0e0e10 30%,#171313 100%)}.hero[style]{background-image:linear-gradient(90deg,#0b0c0e 12%,rgba(11,12,14,.81) 50%,rgba(11,12,14,.21)),var(--hero-img);background-size:cover;background-position:center}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(transparent,var(--bg))}.hero-glow{position:absolute;right:10%;top:15%;width:44vw;height:44vw;max-width:620px;max-height:620px;background:radial-gradient(circle,rgba(203,74,32,.10),transparent 68%)}.hero-inner{position:relative;display:flex;align-items:center;min-height:640px;z-index:2}.hero-copy{position:relative;z-index:3;padding-top:15px}.eyebrow{font-size:11px;letter-spacing:.23em;font-weight:750;color:var(--accent);text-transform:uppercase}.eyebrow.line:before{content:"";width:28px;height:1px;background:var(--accent);display:inline-block;vertical-align:middle;margin-right:14px}.hero h1{font-size:clamp(6.5rem,15vw,14rem);font-weight:900;line-height:.73;letter-spacing:-.095em;margin:46px 0 40px}.hero h1>span:first-child{font-weight:420}.hero-period{color:var(--accent);font-weight:900}.hero-copy>p{color:#c8c4c0;max-width:470px;font-size:19px;line-height:1.7}.hero-buttons{display:flex;gap:13px;margin-top:33px;flex-wrap:wrap}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:12px;font-weight:760;letter-spacing:.025em;padding:17px 23px;min-height:50px;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#fff}.btn-outline{border-color:rgba(255,255,255,.28);color:#fff;background:transparent}.btn-light{background:var(--white);color:var(--bg)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--white)}.hero-art{position:absolute;right:0;top:10%;width:min(55vw,700px);aspect-ratio:1;opacity:.84}.orbit{position:absolute;border:1px solid rgba(216,109,59,.17);border-radius:50%;inset:0}.orbit-one{inset:10%}.orbit-two{inset:19%}.vinyl{position:absolute;inset:18%;border-radius:50%;box-shadow:0 25px 70px #000a,0 0 75px #e8753020,inset 0 0 15px #000;background:repeating-radial-gradient(circle,#19191b 0 2px,#111114 3px 5px,#282124 6px 7px,#101013 8px 10px);animation:spin 42s linear infinite}.vinyl:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 20%,rgba(244,146,99,.16) 33%,transparent 43%,transparent 70%,rgba(244,146,99,.11) 80%,transparent 91%)}.vinyl-center{position:absolute;inset:40%;border:12px solid #2c1715;border-radius:50%;background:var(--accent);box-shadow:0 0 23px #000}@keyframes spin{to{transform:rotate(360deg)}}.hero-bottom{position:relative;z-index:3;display:flex;justify-content:space-between;color:#777;font-size:10px;letter-spacing:.23em;font-weight:700;padding-bottom:36px}.section{padding:115px 0}.section-dark{background:#121315}.split{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.align-center{align-items:center}.intro-copy{padding-top:54px}.intro-copy p,.live-feature p,.contact-layout>div>p,.max-copy{color:#bab9bb;line-height:1.9;font-size:18px}.intro-copy p{max-width:520px}.under-link{display:inline-flex;gap:30px;border-bottom:1px solid var(--accent);padding-bottom:13px;margin-top:25px;font-size:12px;font-weight:800;transition:color .2s}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-heading h2{margin:20px 0 0}.event-list{border-top:1px solid var(--border)}.event-row{display:grid;grid-template-columns:98px 1fr 70px;gap:40px;align-items:center;padding:27px 0;border-bottom:1px solid var(--border)}.event-date{display:flex;align-items:baseline;gap:8px}.event-date strong{font-size:48px;letter-spacing:-.07em}.event-date span{font-size:13px;text-transform:uppercase;color:var(--accent);font-weight:750}.event-details h3{font-size:23px;margin:8px 0}.event-details p{font-size:13px;color:var(--muted);margin:0}.event-arrow{font-size:28px;justify-self:end;color:var(--accent);transition:transform .2s}.event-arrow:hover{transform:translate(4px,-4px)}.empty{border:1px solid var(--border);padding:32px;font-size:14px;color:var(--muted)}.live-feature{background:radial-gradient(ellipse at 76% 49%,#2b1a17,#0b0c0e 60%)}.live-feature .btn{margin-top:20px}.live-visual{height:375px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ffffff13;background:linear-gradient(120deg,#171719bb,#261711aa);gap:40px}.live-visual>span{font-weight:800;letter-spacing:.29em;color:#cfc8c4;font-size:12px}.equalizer{display:flex;height:120px;align-items:center;gap:9px}.equalizer i{width:7px;min-height:10px;height:50px;background:var(--accent);border-radius:4px;animation:eq 1.3s ease-in-out infinite alternate}.equalizer i:nth-child(2){height:80px;animation-delay:.2s}.equalizer i:nth-child(3){height:40px;animation-delay:.5s}.equalizer i:nth-child(4){height:100px;animation-delay:.9s}.equalizer i:nth-child(5){height:50px;animation-delay:.4s}.equalizer i:nth-child(6){height:95px;animation-delay:.1s}.equalizer i:nth-child(7){height:62px;animation-delay:.6s}.equalizer i:nth-child(8){height:85px;animation-delay:.8s}.equalizer i:nth-child(9){height:30px;animation-delay:.3s}@keyframes eq{to{height:15px}}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{min-height:270px;padding:31px;background:#18191d;position:relative;border:1px solid var(--border);display:flex;flex-direction:column}.project-card h3{font-size:32px;margin:25px 0 15px}.project-card p{font-size:14px;line-height:1.8;color:var(--muted);max-width:295px}.project-arrow{position:absolute;right:25px;bottom:25px;color:var(--accent);font-size:24px}.connect{background:#0c0c0e}.connect h2{margin:24px 0 40px}.social-row{display:flex;flex-wrap:wrap;gap:12px}.social-link{border:1px solid var(--border);display:inline-flex;align-items:center;gap:16px;padding:17px 18px;transition:border .2s,background .2s;font-size:13px;font-weight:700}.social-link:hover{border-color:var(--accent);background:#ffffff08}.social-dot{color:var(--accent);font-size:10px}.newsletter-band{padding:90px 0;background:var(--accent)}.newsletter-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12%}.newsletter-band .eyebrow{color:#ffddc6}.newsletter-band h2{margin:17px 0}.newsletter-band h2 em{color:#512419}.newsletter-band p{color:#fce0d2;font-size:15px}.newsletter-form{display:flex;flex-direction:column;gap:13px}.newsletter-form>label:first-child{font-size:11px;font-weight:800;letter-spacing:.06em}.newsletter-form>input{padding:19px;border:1px solid #ffffff66;background:#ffffff0d;color:#fff;border-radius:0}.newsletter-form input::placeholder{color:#f6cbb8}.newsletter-form .btn{align-self:flex-start}.check-row{display:flex;align-items:center;gap:10px;font-size:12px!important;line-height:1.5}.check-row input{accent-color:var(--accent)}.newsletter-band .check-row input{accent-color:#642d1b}.check-row a{text-decoration:underline}.footer{padding:78px 0 0;background:#09090a}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-brand{font-size:30px}.footer p{color:#737376;font-size:13px;margin-top:22px}.footer-links{display:flex;flex-direction:column;align-items:start;gap:16px}.footer-links a,.text-link{color:#a4a4a8;font-size:12px}.text-link{border:0;background:none;padding:0}.footer-bottom{padding:32px 0;border-top:1px solid var(--border);margin-top:72px;color:#67676b;font-size:11px}.subhero{min-height:365px;background:radial-gradient(ellipse 60% 90% at 85% 15%,#2a1711,#121214 65%);display:flex;align-items:center}.subhero h1{font-size:clamp(4rem,8vw,8.3rem);font-weight:830;margin:24px 0}.subhero p{font-size:18px;color:#bbb;max-width:560px;line-height:1.7}.prose-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:12%}.prose-layout>div>h2{font-size:clamp(2rem,4vw,4rem)}.prose{max-width:810px;line-height:1.95;color:#c4c3c4;font-size:17px}.prose h2{color:var(--white)}.prose p{margin-bottom:22px}.prose .btn{margin-top:20px}.player-card{border:1px solid var(--border);background:#171719}.player-wrap{aspect-ratio:16/8;position:relative;min-height:250px;background:radial-gradient(ellipse at 50% 50%,#35211b,#0a0b0d 70%)}.player-wrap iframe{width:100%;height:100%;position:absolute;inset:0;border:0}.player-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.player-placeholder h2{font-size:clamp(2rem,4vw,4.5rem);margin:16px 0}.player-placeholder p{font-size:14px;color:var(--muted)}.play-ring{height:66px;width:66px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;color:var(--accent)}.player-caption{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px}.player-caption>div{display:flex;flex-direction:column;gap:7px}.player-caption strong{font-size:13px;letter-spacing:.1em}.player-caption span{font-size:12px;color:#888}.player-caption .under-link{margin:0}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:11%}.contact-form{display:flex;flex-direction:column;gap:20px}.contact-form>label:not(.check-row){display:flex;flex-direction:column;gap:10px;font-size:12px;font-weight:700}.contact-form input:not([type=checkbox]),.contact-form textarea{padding:15px;border:1px solid var(--border);background:#171719;color:var(--white);resize:vertical}.contact-form .btn{align-self:flex-start}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.cookie-consent{position:fixed;bottom:15px;left:15px;right:15px;z-index:99;max-width:1020px;margin:auto;background:#242427;border:1px solid #ffffff29;padding:22px;box-shadow:0 10px 80px #000b;display:flex;align-items:center;justify-content:space-between;gap:24px}.cookie-consent[hidden],.mobile-menu[hidden]{display:none}.cookie-consent p{font-size:12px;line-height:1.5;color:#bdbdbf;margin:5px 0 0}.cookie-buttons{display:flex;gap:8px;flex-shrink:0}.cookie-buttons .btn{font-size:11px;padding:11px;min-height:40px}
@media(max-width:1100px){.desktop-menu{gap:17px}.container{width:min(100% - 58px,1150px)}.hero-art{right:-16%}.hero h1{font-size:clamp(6rem,15vw,11rem)}}@media(max-width:800px){.site-header{height:72px}.desktop-menu{display:none}.menu-toggle{display:block}.mobile-menu:not([hidden]){display:flex;position:absolute;top:72px;left:0;right:0;background:#111114;padding:20px 28px;flex-direction:column;gap:0;border-bottom:1px solid var(--border)}.mobile-menu a{padding:15px 0;border-bottom:1px solid var(--border);font-weight:700}.container{width:calc(100% - 40px)}.hero{min-height:690px}.hero-inner{min-height:630px;align-items:center}.hero-art{width:80vw;right:-35%;top:16%;opacity:.45}.hero-copy>p{font-size:16px;max-width:370px}.hero h1{font-size:clamp(6rem,18vw,10rem)}.hero-bottom{font-size:8px}.section{padding:75px 0}.split,.newsletter-inner,.contact-layout,.prose-layout{grid-template-columns:1fr;gap:24px}.intro-copy{padding-top:0}.project-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.cookie-consent{flex-direction:column;align-items:stretch}.cookie-buttons{flex-wrap:wrap}.newsletter-band{padding:65px 0}}@media(max-width:530px){.hero h1{font-size:clamp(5.3rem,19vw,8rem);margin:42px 0}.hero-art{width:100vw;right:-52%;top:22%}.hero-bottom{gap:12px}.hero-bottom span:last-child{display:none}.section-heading{align-items:start;flex-direction:column}.event-row{grid-template-columns:74px 1fr 24px;gap:12px}.event-date{flex-direction:column;gap:0}.event-date strong{font-size:38px}.event-details h3{font-size:18px}.event-details .eyebrow{font-size:9px}.event-details p{font-size:11px}.project-grid{grid-template-columns:1fr}.project-card{min-height:220px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.subhero{min-height:290px}.subhero h1{font-size:clamp(3rem,15vw,5rem)}.player-wrap{aspect-ratio:16/12}.player-caption{flex-direction:column;align-items:flex-start}.hero-buttons{flex-direction:column;align-items:flex-start}.social-link{width:calc(50% - 6px);justify-content:space-between;gap:6px;font-size:11px;padding:12px}.newsletter-band h2{font-size:3.8rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* ============================================================
   RANDALL DJ v0.3 — restauración de la propuesta v0.1
   Paleta grafito + azul acero CASI NEGRO + acento naranja moderado
   Tipografía base provisional Inter Display Black (NO suplanta logo oficial)
   ============================================================ */
:root{--accent:#c97952;--bg:#0b0c0e;--surface:#151619;--muted:#a5a5aa;--white:#f4f3f0;--border:rgba(233,236,244,.11);
  font-family:'Inter','Inter Display',ui-rounded,'Arial Rounded MT Bold',system-ui,-apple-system,'Segoe UI',sans-serif;}
body{background:var(--bg);font-weight:500;-webkit-font-smoothing:antialiased}
.site-header{background:rgba(11,12,15,.94);border-color:rgba(207,219,233,.08)}
.brand,.brand span,.brand strong{font-family:'Inter Display','Inter',ui-rounded,'Arial Rounded MT Bold',system-ui,sans-serif;font-weight:900!important;letter-spacing:-.073em!important}
.brand{font-size:25px;display:inline-flex;align-items:center;gap:5px}
.brand span{color:var(--accent)}.brand i{display:none}
.brand .official-logo{display:block;height:43px;max-width:205px;object-fit:contain}
.desktop-menu a,.mobile-menu a{font-weight:700}
.hero{min-height:710px;background:radial-gradient(ellipse 58% 73% at 82% 50%,rgba(38,45,60,.46),transparent 70%),linear-gradient(116deg,#0b0c0e 0%,#111319 52%,#191c25 100%)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,9,12,.58),transparent 68%),repeating-linear-gradient(102deg,transparent 0 119px,rgba(177,193,220,.018) 120px,transparent 122px)}
.hero:after{background:linear-gradient(transparent,#0b0c0e)}
.hero-glow{background:radial-gradient(circle,rgba(113,125,152,.12),transparent 68%);right:10%;top:9%;width:45vw;height:45vw}
.hero-inner{min-height:650px}
.hero-copy{max-width:730px;z-index:5}
.hero h1{font-family:'Inter Display','Inter',ui-rounded,'Arial Rounded MT Bold',system-ui,sans-serif;font-size:clamp(6.5rem,13.7vw,12.8rem);font-weight:900;letter-spacing:-.087em;line-height:.77;margin:48px 0 39px;text-wrap:nowrap}
.hero h1>span:first-child{font-weight:900!important}
.hero h1 .hero-dj{display:block;color:#f3f2ef}
.hero-period{color:var(--accent)}
h2,h3{font-family:'Inter Display','Inter',ui-rounded,'Arial Rounded MT Bold',system-ui,sans-serif;font-weight:900!important;letter-spacing:-.065em}
h2{font-size:clamp(2.85rem,5.5vw,5.7rem);line-height:1.06}
.hero-copy>p{font-weight:580;color:#c3c2c5}
.eyebrow{color:#bba8a1;letter-spacing:.18em}
.eyebrow.line:before{background:var(--accent)}
.btn{font-weight:800}
.btn-primary{background:var(--accent);color:#111114}
.btn-primary:hover{background:#e29b78}
.btn-outline{background:rgba(14,15,19,.18)}
.hero-art{position:absolute;right:0;top:1%;width:min(54vw,700px);height:93%;aspect-ratio:auto;opacity:1;z-index:2;pointer-events:none;transform:translate3d(0,var(--portrait-offset,0px),0);will-change:transform}
.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0e101500 0%,transparent 32%),linear-gradient(0deg,#0b0c0e 0%,transparent 37%);pointer-events:none}
.portrait-stage{position:absolute;inset:3% 3% 0 9%;overflow:hidden;isolation:isolate;border-radius:44% 44% 3% 3% / 39% 39% 2% 2%;background:radial-gradient(circle at 52% 37%,#393d47 0,#242832 34%,#15171f 63%,transparent 74%);-webkit-mask-image:linear-gradient(0deg,transparent 1%,black 27%);mask-image:linear-gradient(0deg,transparent 1%,black 27%)}
.portrait-stage:before{content:"";position:absolute;inset:7%;border-radius:49%;border:1px solid rgba(222,223,228,.07);box-shadow:0 0 70px rgba(28,33,45,.4)}
.portrait-fallback{position:absolute;inset:13% 8% 1%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:19%;color:#9c9ea9;opacity:.48}
.portrait-fallback:before{content:"";position:absolute;width:39%;aspect-ratio:1;top:14%;left:31%;border-radius:50%;background:linear-gradient(160deg,#596070,#252937);filter:blur(2px)}
.portrait-fallback:after{content:"";position:absolute;width:76%;height:47%;bottom:-11%;left:12%;border-radius:46% 46% 0 0;background:linear-gradient(155deg,#3c414e,#141720)}
.portrait-fallback small{position:relative;z-index:1;color:rgba(234,237,240,.55);font-size:10px;letter-spacing:.2em;font-weight:800;top:-3%}
.hero-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;opacity:0;filter:saturate(.72) contrast(1.06);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 60%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 60%,transparent 100%)}
.portrait-loaded .hero-portrait{opacity:1}
.portrait-loaded .portrait-fallback{display:none}
/* neutral grey surfaces with faint graphite-blue highlight instead of sky blue */
.section-dark{background:linear-gradient(160deg,#151619,#13161b)}
.live-feature{background:radial-gradient(ellipse at 77% 51%,#20232d,#0c0d10 65%)}
.live-visual{background:linear-gradient(135deg,#1a1c23,#111318);border:1px solid rgba(223,230,243,.10)}
.project-card{background:linear-gradient(145deg,#191a1d,#14161a)}
.project-card h3{font-weight:900}
.connect{background:#0d0e11}
.newsletter-band{background:linear-gradient(116deg,#17191e,#1e2029 56%,#14161b);border-top:1px solid rgba(226,229,239,.10);border-bottom:1px solid rgba(226,229,239,.08);padding:83px 0}
.newsletter-band .eyebrow{color:#c97952}
.newsletter-band h2{font-size:clamp(2.5rem,4.7vw,4.9rem);line-height:1.08;margin:16px 0 13px}
.newsletter-band h2 em{color:#d9d4d0}
.newsletter-band p{color:#aeb0b5;max-width:430px}
.newsletter-form>input{border:1px solid rgba(232,236,245,.16);background:#111319;color:#fff}
.newsletter-form>input::placeholder{color:#777980}
.newsletter-form .btn-light{background:transparent;border:1px solid #7e5545;color:#ecb398;align-self:flex-start}
.newsletter-form .check-row{color:#aaaab1}
.event-list .event-row{background:transparent}
.event-date span,.event-arrow{color:var(--accent)}
.event-details h3{font-size:25px}
.event-empty{display:grid;grid-template-columns:1.6fr 1fr;gap:30px;align-items:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:37px 0}
.event-empty-main{font-size:24px;font-weight:850;letter-spacing:-.04em;color:#ebe9e5}
.event-empty-sub{font-size:13px;line-height:1.75;color:#989ba4}
.event-empty-meta{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.15em;color:var(--accent);margin-bottom:12px}
.event-empty .under-link{font-size:11px;white-space:nowrap;justify-self:end;margin-top:0}
.footer{background:#0a0b0e}
.footer .brand{font-size:35px}
.footer-bottom{color:#85868d}
@media(max-width:1100px){.hero h1{font-size:clamp(5.7rem,12.5vw,10rem)}.hero-art{right:-5%;width:56vw}}
@media(max-width:800px){.hero{min-height:720px}.hero-inner{min-height:670px;align-items:flex-start}.hero-copy{padding-top:92px}.hero h1{font-size:clamp(5.3rem,14vw,9rem);margin:34px 0 28px}.hero-art{width:83vw;right:-23%;top:15%;height:79%;opacity:.65}.hero-copy>p{font-size:16px;max-width:370px}.event-empty{grid-template-columns:1fr;gap:6px}.event-empty .under-link{justify-self:start}.mobile-menu:not([hidden]){background:#15161b}}
@media(max-width:530px){.brand{font-size:23px}.hero{min-height:760px}.hero-inner{min-height:705px}.hero-copy{padding-top:79px}.hero h1{font-size:clamp(3.55rem,15.5vw,5.35rem);line-height:.88;margin:33px 0 24px}.hero-copy>p{font-size:15px;max-width:285px}.hero-art{width:113vw;right:-41%;top:23%;height:70%;opacity:.66}.portrait-stage{inset:4% 0 0 0}.hero-bottom{padding-bottom:25px}.hero-buttons{gap:8px}.hero-buttons .btn{font-size:11px;padding:12px 14px;min-height:45px}.event-empty-main{font-size:20px}.newsletter-band{padding:64px 0}.newsletter-band h2{font-size:clamp(2.25rem,11vw,3.5rem)}}
@media(prefers-reduced-motion:reduce){.hero-art{transform:none!important;will-change:auto}}

/* RANDALL DJ v0.4 — prueba de tipografía Bebas Neue.
   Solo para tipografía de marca, títulos y fechas. No altera la paleta v0.3.
   Google Fonts: https://fonts.google.com/specimen/Bebas+Neue
   IMPORTANTE: Bebas Neue solo tiene un peso 400 en su versión Google Fonts; no existe Black 900.
*/
.brand,.brand span,.footer .brand,.hero h1,h2,h3,.subhero h1,.event-date strong{
  font-family:'Bebas Neue','Roboto Condensed','Arial Narrow','Liberation Sans Narrow',sans-serif!important;
  font-weight:400!important;
  font-synthesis:none;
  letter-spacing:.012em!important;
}
.brand,.brand span{font-size:35px;line-height:1;letter-spacing:.025em!important}
.brand{gap:7px}
.footer .brand,.footer .brand span{font-size:46px}
.hero h1{font-size:clamp(8rem,16.5vw,16rem);line-height:.80;letter-spacing:.006em!important;margin:43px 0 37px}
.hero h1>span:first-child{font-weight:400!important}
.hero h1 .hero-dj{line-height:.90}
h2{font-size:clamp(3.4rem,7vw,7.6rem);line-height:.93;letter-spacing:.009em!important}
.project-card h3{font-size:clamp(2.2rem,3.4vw,3.6rem);line-height:1.02}
.event-date strong{font-size:66px;letter-spacing:0!important}
.subhero h1{font-size:clamp(5rem,10vw,10rem);line-height:.91}
/* El cuerpo, la navegación, las etiquetas y los botones conservan su fuente legible. */
@media(max-width:1100px){.hero h1{font-size:clamp(7.2rem,15.4vw,13rem)}}
@media(max-width:800px){.hero h1{font-size:clamp(6.5rem,16vw,9rem)}.brand,.brand span{font-size:33px}}
@media(max-width:530px){
 .brand,.brand span{font-size:30px}
 .hero h1{font-size:clamp(5.3rem,18.8vw,7.7rem);line-height:.83;margin:30px 0 24px}
 h2{font-size:clamp(3.1rem,13vw,4.8rem)}
 .project-card h3{font-size:2.8rem}
 .footer .brand,.footer .brand span{font-size:40px}
}


/* RANDALL DJ v0.5 — graphite · midnight metal · copper / Bebas Neue + Roboto */
:root{--bg:#0b0c0f;--surface:#17191e;--metal:#252a31;--accent:#dc8857;--accent-hot:#f0a672;--white:#f5f2ef;--muted:#adb0b5;--border:rgba(234,238,241,.13);font-family:Roboto,"Roboto Condensed",Arial,sans-serif!important;color:var(--white);background:var(--bg);font-synthesis:none}
body{font-family:Roboto,"Segoe UI",Arial,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased;}
.site-header{background:rgba(10,11,15,.94);border-bottom:1px solid rgba(255,255,255,.1)}
.brand,.brand span,.footer .brand,.footer .brand span,.hero h1,h2,h3,.subhero h1,.event-date strong{font-family:'Bebas Neue','Roboto Condensed','Arial Narrow',sans-serif!important;font-weight:700!important;font-synthesis:weight;letter-spacing:.012em!important}
.brand,.brand span{font-size:34px!important;line-height:1!important;letter-spacing:.028em!important}
.brand span{color:var(--accent)}
.brand .official-logo{height:51px;max-width:230px;object-fit:contain}
.desktop-menu{gap:28px}
.desktop-menu a,.mobile-menu a{font-family:Roboto,Arial,sans-serif;font-size:14px;letter-spacing:0!important;font-weight:800!important;color:#e3e2e3;text-rendering:optimizeLegibility}
.mobile-menu a{font-size:16px}
.small-live,.live-indicator{font-family:Roboto,Arial,sans-serif;font-weight:900;font-size:12px;letter-spacing:0!important;color:#f0d1bc;border-color:#6b5546}
.eyebrow,.eyebrow.line,.event-empty-meta{font-family:Roboto,Arial,sans-serif!important;font-size:12px!important;font-weight:900!important;letter-spacing:.065em!important;color:#dcb095!important}
.hero{background:radial-gradient(ellipse 52% 70% at 75% 49%,rgba(45,52,65,.64),transparent 79%),linear-gradient(115deg,#101114 0%,#171a20 57%,#20242a 100%);min-height:680px}
.hero::before{background:repeating-linear-gradient(106deg,transparent 0 165px,rgba(203,212,229,.015) 166px,transparent 167px)}
.hero-glow{background:radial-gradient(circle,rgba(92,100,116,.15),transparent 68%)}
.hero h1{font-weight:700!important;font-size:clamp(7.5rem,15vw,15rem)!important;line-height:.76!important;margin:43px 0 40px!important;letter-spacing:.002em!important}
.hero h1 span:first-child{font-weight:400!important}
.hero-copy>p{font-family:Roboto,Arial,sans-serif;font-size:clamp(19px,2vw,23px);line-height:1.54;font-weight:700;color:#e4e2e1;max-width:520px;letter-spacing:-.012em}
.hero-copy{max-width:730px}
.hero-art{opacity:1;right:0}
.hero:after{background:linear-gradient(transparent,#0b0c0f)}
.portrait-stage{background:radial-gradient(circle at 53% 37%,#54565c 0,#2e333c 35%,#16191f 69%,transparent 79%)}
h2{font-size:clamp(3.8rem,7vw,7.4rem)!important;line-height:.92!important;letter-spacing:.01em!important}
h3{letter-spacing:.018em!important}
h2 em,h3 em{color:var(--accent);font-style:normal}
.btn{font-family:Roboto,Arial,sans-serif;font-weight:850!important;font-size:13px;letter-spacing:0!important;border-radius:3px}
.btn-primary{background:linear-gradient(112deg,#b76b45,#e39b69 48%,#be764f);border:1px solid #e7a274;color:#130f0e;box-shadow:inset 0 1px 0 #ffd0a354}
.btn-primary:hover{background:linear-gradient(112deg,#ca7e54,#f3b47d 48%,#cc8057)}
.btn-outline{background:#12141a57;border-color:#77726f70}
.under-link{font-family:Roboto,Arial,sans-serif;font-size:14px!important;letter-spacing:0!important;font-weight:850!important;color:#eee9e4;border-color:#a87558}
.hero-bottom{font-size:11px;letter-spacing:.09em;font-family:Roboto,Arial,sans-serif;font-weight:800;color:#a4a4a5}
.section-dark{background:linear-gradient(155deg,#17191e,#14171b)}
.section{padding:108px 0}
.intro-copy p,.live-feature p,.contact-layout>div>p,.max-copy,.prose p{font-family:Roboto,Arial,sans-serif;font-weight:500;color:#c5c5c7;line-height:1.85;font-size:18px}
.event-empty{background:linear-gradient(115deg,#1a1d22,#191a1c);border:1px solid #d9dfe61a}
.event-empty-main{font-family:'Bebas Neue','Roboto Condensed',sans-serif;font-size:clamp(2.5rem,4vw,4.2rem);letter-spacing:.01em!important}
.event-empty-sub{font-family:Roboto,Arial,sans-serif;font-size:15px;color:#aaaeb2}
.live-feature{background:radial-gradient(ellipse at 73% 45%,#242934,#0c0e11 65%)}
.live-visual{background:linear-gradient(136deg,#262a30,#14171b);border-color:#ffffff20}
.live-visual>span{font-family:Roboto,Arial,sans-serif;font-size:13px;letter-spacing:.07em!important;font-weight:900}
.project-card{background:linear-gradient(135deg,#202227,#171a1f);border-color:#f7fbff1b}
.project-card h3{font-size:clamp(2.3rem,3.8vw,4rem);line-height:1;letter-spacing:.018em!important}
.project-card p{font-family:Roboto,Arial,sans-serif;font-size:15px;font-weight:500;line-height:1.7}
.connect{background:#101215}
.social-link{font-family:Roboto,Arial,sans-serif;font-size:14px;font-weight:800;letter-spacing:0!important}
.footer{padding:66px 0 0;background:linear-gradient(#121419,#0b0c0f)}
.footer-grid{display:flex!important;flex-direction:column;align-items:flex-start;gap:18px!important}
.footer-brand,.footer-brand span{font-size:52px!important}
.footer p{margin:8px 0 4px;font-weight:600;color:#b0b2b6;font-size:15px}
.footer-links{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:10px 24px!important;align-items:center!important}
.footer-links a,.text-link{font-family:Roboto,Arial,sans-serif;font-size:13px!important;font-weight:750!important;color:#d3d3d4}
.footer-bottom{border-top:1px solid #fff2;margin-top:35px;padding-top:25px;padding-bottom:26px}
.newsletter-band,.whatsapp-band{padding:87px 0;background:linear-gradient(117deg,#202127,#292a30 50%,#191c22);border-block:1px solid #ffffff1a}
.newsletter-band .eyebrow,.whatsapp-band .eyebrow{color:#dcb095!important}
.newsletter-band h2,.whatsapp-band h2{font-size:clamp(3.6rem,6vw,6.5rem)!important;line-height:.91!important;margin:15px 0 24px!important}
.newsletter-band h2 em,.whatsapp-band h2 em{color:var(--accent)!important}
.newsletter-band p,.whatsapp-band p{color:#c6c7c9;font-size:17px;line-height:1.65}
.whatsapp-grid{display:grid;grid-template-columns:1fr .91fr;gap:11%;align-items:center}
.whatsapp-form{display:grid;gap:14px;background:#111318a3;border:1px solid #ffffff24;padding:32px;border-radius:4px}
.whatsapp-form label:not(.check-row){font-size:14px;font-weight:800;color:#e5e1df}
.whatsapp-form input[type=tel]{height:52px;padding:13px 16px;border:1px solid #ffffff2f;background:#1d2026;color:white;border-radius:3px;font-size:16px;font-family:Roboto,Arial,sans-serif}
.whatsapp-form small{color:#a4a6ab;line-height:1.6;font-size:12px}
.whatsapp-form .check-row{font-weight:500;font-size:13px!important;line-height:1.5}
.whatsapp-form .btn{width:max-content}
.whatsapp-form .form-result{margin:0;font-size:13px;color:#e1ba9c}
.soft-note{font-size:12px;color:#8c9198;margin:0}
.prose-layout{gap:12%}
.prose p{line-height:1.9}
.history-photo{display:flex;align-items:flex-end;justify-content:center;min-height:380px;background:radial-gradient(ellipse at 48% 30%,#42434a,#1b1e24 70%);border:1px solid #fff2;position:relative;overflow:hidden;padding:32px}
.history-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:top center;filter:grayscale(.4);}
.history-photo::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0a0b0f)}
.history-photo span{position:relative;z-index:2;font-family:'Bebas Neue','Roboto Condensed',sans-serif;font-size:32px;color:#e1dcd8}
.archive-item{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:28px;align-items:center;padding:25px 0;border-top:1px solid var(--border)}
.archive-item .date{font:400 52px/.9 'Bebas Neue','Roboto Condensed',sans-serif;color:#e6bb9c}
.archive-item .date small{display:block;font:800 12px Roboto,Arial,sans-serif;margin-top:9px;color:#94979c}
.archive-item h3{font:400 clamp(24px,3vw,36px)/1 'Bebas Neue','Roboto Condensed',sans-serif;margin:5px 0 5px}
.archive-item p{font-size:14px;color:#aeb0b4;margin:0}
.archive-item>a{font-size:14px;font-weight:800;border-bottom:1px solid #9e674b;padding:8px 0}
@media(max-width:990px){.desktop-menu{gap:15px}.desktop-menu a{font-size:12px}.whatsapp-grid{gap:5%}.hero h1{font-size:clamp(7rem,15vw,12rem)!important}}
@media(max-width:800px){.whatsapp-grid{grid-template-columns:1fr;gap:25px}.footer-grid{display:flex!important}.hero h1{font-size:clamp(6rem,17vw,9rem)!important}.hero-copy{z-index:5}}
@media(max-width:530px){.container{width:calc(100% - 40px)}.site-header{height:72px}.brand,.brand span{font-size:32px!important}.brand .official-logo{height:42px;max-width:165px}h2{font-size:clamp(3.6rem,13.4vw,5rem)!important}.hero{min-height:670px}.hero h1{font-size:clamp(4.5rem,18.7vw,6.2rem)!important;line-height:.79!important;margin:31px 0 26px!important}.hero-copy>p{font-size:18px;max-width:350px;text-shadow:0 1px 6px #0009}.hero-art{width:100%;right:-22%;top:18%;height:73%;opacity:.39}.hero-bottom{font-size:9px}.eyebrow{font-size:11px!important}.intro-copy{padding-top:0}.section{padding:75px 0}.whatsapp-band{padding:68px 0}.whatsapp-form{padding:21px}.footer-brand,.footer-brand span{font-size:47px!important}.footer-links{gap:13px 22px!important}.archive-item{grid-template-columns:62px 1fr;gap:10px}.archive-item>a{grid-column:2;justify-self:start}.archive-item .date{font-size:39px}}
@media(prefers-reduced-motion:reduce){.hero-art{transform:none!important}}

.footer-legal-links{display:inline-flex;gap:10px;flex-wrap:wrap}.footer-legal-links a,.footer-legal-links button{font-size:12px!important;color:#9ba1a8;font-weight:650}.footer-bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}

/* v0.7 — Identidad: Barlow Condensed, más ancha que Bebas; subtítulos Roboto sólido */
:root{--accent:#bc794f;--muted:#b6b6b8}
.brand,.brand span,.footer-brand,.hero h1,.hero-dj,h1,h2,h2 em,h3,.subhero h1,.event-date strong,.archive-item .date,.archive-item h3,.history-photo span{
 font-family:'Barlow Condensed','Arial Narrow',Roboto,sans-serif!important;
 font-stretch:normal;letter-spacing:-.025em!important;
}
.hero h1{font-size:clamp(6.3rem,14vw,12.1rem)!important;font-weight:900!important;line-height:.83!important}
.hero h1 .hero-dj{font-weight:600!important;color:#f0eeeb}
.brand span,.footer-brand span{font-weight:600!important}
h2{font-weight:800!important;line-height:1.03!important}
h3{font-weight:800!important;letter-spacing:-.015em!important}
.eyebrow,.hero .eyebrow,.hero-bottom,.event-empty-meta{font-family:Roboto,Arial,sans-serif!important;font-size:12px!important;font-weight:800!important;letter-spacing:.055em!important;line-height:1.5;color:#bdc0c5}
.desktop-menu a,.mobile-menu a,.footer-links a,.under-link,.btn,.player-caption,.player-caption strong{font-family:Roboto,Arial,sans-serif!important;font-weight:800!important;letter-spacing:.002em!important}
.desktop-menu a{font-size:13px!important}
.hero-copy>p,.intro-copy p,.section p,.footer p{font-family:Roboto,Arial,sans-serif;font-weight:500;line-height:1.65}
.btn-primary{background:linear-gradient(140deg,#ce9169,#af6845)!important;color:#100f10!important}
.btn-primary:hover{background:linear-gradient(140deg,#dea783,#c07b54)!important}
.under-link:hover,.desktop-menu a:hover,.footer-links a:hover{color:#dcb292}
#directo{scroll-margin-top:90px}
.live-home-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:6%;align-items:center}
.live-copy h3{font-size:clamp(2rem,3.5vw,3.3rem)!important;margin:0 0 15px}
.live-copy p{font-size:15px;color:#c4c2c2;line-height:1.65}
.live-copy .under-link{display:inline-block;margin-top:20px}
.live-status{display:inline-flex;gap:9px;align-items:center;border:1px solid #ffffff26;background:#ffffff05;padding:12px 15px;font-size:11px;font-family:Roboto,Arial,sans-serif;font-weight:900;letter-spacing:.06em;white-space:nowrap}
.live-status i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#85868a}
.live-status.is-on{color:#b6f2c0;border-color:#1b784a;background:#123e2555}
.live-status.is-on i{background:#27e371;box-shadow:0 0 9px #19c663;animation:live-glow 1.8s ease-in-out infinite}
.live-indicator{color:#b6ffbe!important;border-color:#27824c!important;background:#0d3b2466!important}
.live-indicator .pulse{background:#25d66a!important;box-shadow:0 0 0 5px #25d66a26;animation:live-glow 1.8s ease-in-out infinite}
@keyframes live-glow{50%{opacity:.38;box-shadow:0 0 17px #25d66a}}
.live-media{min-width:0}.live-media .player-card{background:#14161b;border:1px solid #ffffff21;overflow:hidden}
.live-media .player-wrap{aspect-ratio:16/9;min-height:300px;background:radial-gradient(ellipse at 54% 39%,#20262b,#0b0c10 75%)}
.player-placeholder h3{font-size:clamp(1.6rem,2.7vw,2.5rem)!important;margin:12px 0}
.player-caption{gap:12px;flex-wrap:wrap;padding:18px 22px}
.expand-player{background:none;border:0;cursor:pointer;padding:8px 0;color:#d1a283}
.expand-player:disabled{opacity:.45;cursor:default}
.player-card:fullscreen{display:grid;grid-template-rows:minmax(0,1fr) auto;background:#07080b}
.player-card:fullscreen .player-wrap{min-height:0;height:100%;aspect-ratio:auto}
.next-live{margin-top:22px;padding:18px;background:#1b1e23;border-left:3px solid var(--accent);display:flex;flex-direction:column;gap:9px}
.next-live small{font-size:10px;font-weight:800;letter-spacing:.07em;color:#ad9e94}
.next-live strong{font-size:16px;color:#f2edeb}
.next-live span{font-size:13px;color:#c9c6c3}
.live-note{color:#96989d!important;font-size:12px!important}
.media-list{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:38px}
.media-entry{background:#191a1e;border:1px solid #ffffff19;padding:23px;min-width:0;display:flex;flex-direction:column;gap:20px}
.media-entry-head h3{font-size:34px!important;margin:9px 0 8px}
.media-entry-head p{color:#adafb2;font-size:14px;line-height:1.6}
.media-embed{height:215px;background:radial-gradient(ellipse at center,#2b292b,#111316 68%);position:relative;display:grid;place-items:center}
.media-playbox{display:flex;align-items:center;flex-direction:column;gap:10px;text-align:center}
.media-playbox span:nth-child(2){font-size:13px;color:#c6c5c5}
.media-embed iframe{width:100%;height:100%;border:0}
.media-entry .under-link{font-size:12px;margin-top:auto}
.whatsapp-band{background:linear-gradient(135deg,#181a20,#121317)}
.whatsapp-form{background:#17191f;border:1px solid #ffffff22;border-radius:4px;padding:30px}
.whatsapp-form .btn{display:inline-flex;justify-content:center}
@media(max-width:850px){.live-home-grid{grid-template-columns:1fr;gap:28px}.media-list{grid-template-columns:1fr}}
@media(max-width:530px){.hero h1{font-size:clamp(4.2rem,18.4vw,6.4rem)!important}.hero h1 .hero-dj{font-weight:600!important}.hero .eyebrow{font-size:10px!important}.live-status{font-size:10px}.live-media .player-wrap{min-height:230px}.media-embed{height:205px}}
@media(prefers-reduced-motion:reduce){.live-status.is-on i,.live-indicator .pulse{animation:none!important}}


/* ================= RANDALL DJ v0.8 — ELEGANCIA EDITORIAL ================= */
:root{--accent:#c28b67;--white:#f2f0ed;--bg:#0e1013;--border:rgba(243,243,243,.12);font-family:Roboto,"Segoe UI",sans-serif}
body{background:var(--bg);color:var(--white);-webkit-font-smoothing:antialiased}
.site-header{height:80px;background:rgba(13,15,19,.95);border-color:#ffffff15}
/* Identidad sobria; la MISMA regla en cabecera y pie */
.brand,.brand span,.footer .brand,.footer .brand span{
  font-family:var(--brand-font,"Plus Jakarta Sans"),Roboto,"Segoe UI",sans-serif!important;
  font-size:28px!important;font-weight:800!important;letter-spacing:-.068em!important;
  line-height:1.04!important;gap:7px;color:#f5f1ed;
}
.brand span,.footer .brand span{font-weight:600!important;color:var(--accent)}
.brand .official-logo,.footer .brand .official-logo{height:49px;max-width:215px;object-fit:contain;object-position:left center}
.desktop-menu a,.mobile-menu a{font-family:Roboto,"Segoe UI",sans-serif!important;font-weight:700!important;font-size:13px!important;letter-spacing:0!important}
.desktop-menu{gap:25px}
/* Retrato editorial plano, SIN túneles, óvalos, círculos, sombras radiales ni siluetas artificiales */
.hero{min-height:665px;overflow:hidden;background:linear-gradient(112deg,#111317 0%,#191c21 51%,#22262c 100%)}
.hero[style]{background-image:linear-gradient(90deg,#101217eF 12%,#111317e8 55%,#111317a8),var(--hero-img);background-size:cover;background-position:center}
.hero::before{background:linear-gradient(90deg,rgba(7,9,11,.13),transparent 50%)}
.hero:after{height:115px;background:linear-gradient(0deg,var(--bg),transparent)}
.hero-glow{display:none!important}
.hero-inner{min-height:655px;align-items:center}
.hero-copy{padding:70px 0 94px;max-width:730px;z-index:5}
.hero .eyebrow.line{font-size:11px!important;letter-spacing:.085em!important;color:#c3c4c7!important;font-weight:750!important}
.hero .eyebrow.line::before{background:var(--accent);width:22px}
.hero h1.hero-name,.hero-name .hero-randall,.hero-name .hero-dj,.hero-name .hero-period{
  font-family:var(--brand-font,"Plus Jakarta Sans"),Roboto,"Segoe UI",sans-serif!important;
  font-stretch:normal!important;letter-spacing:-.078em!important;
}
.hero h1.hero-name{font-size:clamp(4.6rem,9vw,8.6rem)!important;font-weight:800!important;line-height:.97!important;margin:30px 0 32px!important;text-wrap:normal}
.hero-name .hero-randall{display:block;font-weight:800!important;color:#f4f1ed}
.hero-name .hero-dj{display:block;margin-top:.035em;font-size:.72em;line-height:1.08;font-weight:600!important;color:#ece9e5}
.hero-name .hero-period{color:var(--accent);font-weight:600!important}
.hero-copy>p{font-size:clamp(17px,1.7vw,21px)!important;line-height:1.55!important;font-weight:550!important;max-width:490px;color:#ddd9d5;letter-spacing:-.012em}
.hero-buttons{margin-top:32px}
.hero-art{position:absolute;z-index:2;top:6%;right:0;width:45%;height:91%;aspect-ratio:auto!important;opacity:1!important;transform:translate3d(0,var(--portrait-offset,0px),0)}
.hero-art:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,#17191f 0%,rgba(23,25,31,.64) 8%,transparent 35%),linear-gradient(0deg,#14161b 0%,transparent 28%)}
.portrait-stage,.portrait-stage:before,.portrait-stage:after{
  border-radius:0!important;box-shadow:none!important;border:0!important;
  -webkit-mask-image:none!important;mask-image:none!important;
}
.portrait-stage{position:absolute;inset:0 0 0 0!important;overflow:hidden;isolation:auto;background:linear-gradient(160deg,#303238,#16191e)}
.portrait-stage:before{display:none!important}
.portrait-stage .hero-portrait{position:absolute;inset:0;width:100%;height:100%;display:block!important;object-fit:cover;object-position:center 28%;opacity:1!important;filter:none!important;-webkit-mask-image:none!important;mask-image:none!important}
.portrait-stage.portrait-empty{background:linear-gradient(142deg,#25282d,#14171c)}
.portrait-monogram{position:absolute;left:14%;bottom:10%;font:800 clamp(130px,23vw,370px)/.9 var(--brand-font,"Plus Jakarta Sans"),Roboto,sans-serif;letter-spacing:-.13em;color:rgba(245,242,237,.055);user-select:none}
.hero-bottom,.portrait-fallback{display:none!important}
.btn-primary{background:linear-gradient(135deg,#d2a17d,#b67c59)!important;color:#16110f!important;border:1px solid #d3a07b!important;box-shadow:none!important}
.btn-primary:hover{background:#e0b18d!important}
.btn-outline{background:#1113184d;border:1px solid rgba(255,255,255,.38)}
/* Respeta los h2 actuales: Una vida con ritmo / En agenda / La música no para */
h2,h2 em,.section-heading h2,.section-heading h2 em{font-family:"Barlow Condensed","Arial Narrow",Roboto,sans-serif!important;font-weight:800!important}
.event-empty-refined{display:flex!important;align-items:center;gap:20px;min-height:110px;padding:25px 0!important;border-inline:0!important;background:transparent!important;border-top:1px solid var(--border)!important;border-bottom:1px solid var(--border)!important;grid-template-columns:none!important}
.event-empty-icon{color:var(--accent);font-size:26px;line-height:1;opacity:.75}
.event-empty-refined>div{flex:1}
.event-empty-refined strong{font-family:Roboto,"Segoe UI",sans-serif;font-size:16px;font-weight:700;letter-spacing:0;color:#dedbd8}
.event-empty-refined p{margin:7px 0 0;font-size:13px;line-height:1.5;color:#aeb1b5}
.event-empty-notify{font-family:Roboto,"Segoe UI",sans-serif;font-size:13px;font-weight:750;color:#d9af91;white-space:nowrap;border-bottom:1px solid #856a58;padding:8px 0}
.section-dark{background:linear-gradient(155deg,#17191d,#14161a)}
.live-feature{background:linear-gradient(155deg,#111319,#171a20)}
.project-card{background:linear-gradient(145deg,#1d2025,#181a1d)}
.whatsapp-band{background:linear-gradient(120deg,#1c1e23,#24262c,#181b21);border-color:#ffffff18}
.footer{padding:50px 0 0;background:#0b0d10}
.footer-grid{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between;gap:25px!important}
.footer-brand{margin:0;padding:0;display:inline-flex;align-items:center;flex:0 0 auto}
.footer-brand,.footer-brand span{font-size:28px!important}
.footer-links{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:12px 21px!important;align-items:center}
.footer-links a{font-size:12px!important;font-weight:700!important;color:#b5b7bd}
.footer-bottom{margin-top:38px;padding-block:24px;border-color:#ffffff16;color:#96999f}
@media(max-width:1150px){.hero h1.hero-name{font-size:clamp(4.4rem,9vw,7.3rem)!important}.hero-art{right:-2%;width:48%}}
@media(max-width:900px){.hero-art{right:-7%;width:57%;opacity:.85!important}.hero-copy{max-width:590px}.hero h1.hero-name{font-size:clamp(4rem,10vw,6.2rem)!important}.footer-grid{align-items:flex-start!important;flex-direction:column!important}}
@media(max-width:800px){.hero{min-height:680px}.hero-inner{min-height:680px;align-items:center}.hero-copy{padding:70px 0 100px}.hero-art{right:-25%;top:10%;height:91%;width:89%;opacity:.55!important}.hero-art:after{background:linear-gradient(90deg,#17191f 0%,transparent 40%),linear-gradient(0deg,#14161b 0%,transparent 29%)}.hero h1.hero-name{font-size:clamp(4.1rem,12.6vw,6.5rem)!important}}
@media(max-width:530px){.site-header{height:70px}.brand,.brand span{font-size:22px!important}.brand .official-logo{height:40px;max-width:150px}.hero{min-height:640px}.hero-inner{min-height:640px}.hero-copy{padding:60px 0 93px}.hero h1.hero-name{font-size:clamp(3.45rem,15.2vw,5.2rem)!important;line-height:1!important;margin:32px 0 26px!important}.hero-name .hero-dj{font-size:.72em}.hero-copy>p{font-size:16px!important;max-width:310px}.hero-art{width:118%;height:80%;top:15%;right:-47%;opacity:.48!important}.portrait-stage .hero-portrait{object-position:50% 22%}.hero .eyebrow.line{font-size:10px!important;letter-spacing:.045em!important}.footer-grid{gap:23px!important}.footer-brand,.footer-brand span{font-size:25px!important}.footer-links{gap:14px 21px!important}.event-empty-refined{gap:12px;flex-wrap:wrap}.event-empty-refined>div{flex:1 1 70%}.event-empty-notify{margin-left:29px}.hero-buttons .btn{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.hero-art{transform:none!important}}

/* ================= RANDALL DJ v0.8.3 — HERO / HISTORIA / DIRECTO ================= */
body, .desktop-menu a, .mobile-menu a, .hero-copy p, .intro-copy p, .live-copy p, .section p, .player-placeholder p, .player-caption, .event-row p, .project-card p, .social-link, .footer-links a, .footer-bottom, .under-link, .btn {
  font-family: Roboto, Arial, sans-serif !important;
}
.brand,.brand span,.footer-brand,.footer-brand span,.hero-name,.hero-name span{
  font-family: var(--brand-font), Roboto, Arial, sans-serif !important;
  letter-spacing: -.045em !important;
  font-stretch: normal !important;
}
.brand,.brand span{font-weight:800 !important}
.footer-brand,.footer-brand span{font-weight:800 !important}
.hero-name{
  display:flex;
  align-items:baseline;
  gap:.14em;
  flex-wrap:wrap;
  margin:34px 0 26px !important;
  font-size:clamp(4.6rem,9vw,9.3rem) !important;
  line-height:.9 !important;
}
.hero-randall{font-weight:800 !important;color:#f3f0ee}
.hero-dj{font-weight:700 !important;color:var(--accent) !important;font-size:.76em;position:relative;top:-.02em}
.hero-period{display:none !important}
.hero-copy>p{
  font-size:clamp(1.2rem,1.5vw,1.8rem) !important;
  line-height:1.45 !important;
  max-width:22ch;
  color:#e5e3e0 !important;
  font-weight:500 !important;
}
.hero-inner{align-items:center !important}
.hero-art{display:flex;align-items:flex-end;justify-content:center;background:none !important;overflow:visible !important}
.portrait-stage{
  position:relative;
  width:min(100%,720px);
  height:100%;
  min-height:560px;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.portrait-stage::before{
  content:"";
  position:absolute;
  inset:8% 10% 10% 10%;
  background:radial-gradient(circle at 50% 35%, rgba(255,255,255,.12), rgba(255,255,255,0) 58%);
  pointer-events:none;
  filter:blur(18px);
}
.portrait-stage::after{
  content:"";
  position:absolute;
  left:-2%; right:-2%; bottom:-1px;
  height:34%;
  background:linear-gradient(to bottom, rgba(7,10,16,0), rgba(7,10,16,.96));
  pointer-events:none;
}
.hero-portrait{
  position:relative;
  z-index:1;
  width:auto !important;
  max-width:min(100%,690px);
  max-height:88vh;
  height:auto !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  filter:drop-shadow(0 20px 42px rgba(0,0,0,.34));
}
.section-alt{position:relative;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.04)}
.about-preview{background:linear-gradient(180deg,#070a10 0%,#090d14 100%)}
.live-feature{background:linear-gradient(180deg,#0a0d13 0%,#090b10 100%)}
.connect.section-alt-soft{background:linear-gradient(180deg,#090c12 0%,#0b0d12 100%)}
.about-preview .split{align-items:start;gap:10%}
.about-preview .intro-copy{max-width:44ch;padding-top:22px}
.summary-compact{
  font-size:1.06rem !important;
  line-height:1.8 !important;
  color:#d6d7da !important;
  max-width:40ch;
}
.summary-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:16px !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:#f1ece7 !important;
  border-bottom:1px solid rgba(194,139,103,.4);
  padding-bottom:6px;
}
.summary-link span{font-size:12px}
.live-copy h3{
  font-family: var(--brand-font), Roboto, Arial, sans-serif !important;
  font-size:clamp(2.2rem,3.4vw,3.25rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.03em !important;
  margin:0 0 14px;
}
.live-copy p{font-size:1.02rem !important;line-height:1.75 !important;color:#d1d2d6 !important;max-width:42ch}
.player-card{background:rgba(10,12,18,.82) !important}
.player-wrap{
  background:radial-gradient(ellipse at 50% 28%, rgba(41,47,57,.88), rgba(10,12,18,.98) 70%) !important;
}
.player-placeholder{
  max-width:76%;
  margin-inline:auto;
  text-align:center;
}
.player-placeholder h3{
  font-family: var(--brand-font), Roboto, Arial, sans-serif !important;
  font-size:clamp(2rem,2.8vw,3rem) !important;
  line-height:1.05 !important;
  letter-spacing:-.03em !important;
}
.player-placeholder p{font-size:1rem !important;line-height:1.7 !important;color:#d6d4d3 !important}
.player-mode-tag{display:inline-block;margin:4px 0 10px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em;background:#ffffff10;border:1px solid #ffffff1f;color:#edb086}
.player-caption strong{font-size:13px !important}
.player-caption span{font-size:13px !important;color:#b9b6b4 !important}
.next-live{border-left-color:var(--accent) !important;background:#171a20 !important}
@media (max-width: 990px){
  .hero-name{font-size:clamp(4.2rem,12vw,7rem) !important}
  .portrait-stage{min-height:470px}
}
@media (max-width: 800px){
  .hero-inner{grid-template-columns:1fr !important}
  .hero-copy{order:2}
  .hero-art{order:1;min-height:360px;margin-bottom:10px}
  .portrait-stage{min-height:360px}
  .hero-copy>p{max-width:28ch}
  .player-placeholder{max-width:88%}
}
@media (max-width: 530px){
  .hero-name{font-size:clamp(3.3rem,16vw,5.25rem) !important;gap:.1em;margin:18px 0 18px !important}
  .hero-copy>p{font-size:1.06rem !important;max-width:20ch}
  .hero-art{right:auto !important;top:auto !important;opacity:1 !important;min-height:300px}
  .portrait-stage{min-height:300px}
  .hero-portrait{max-height:320px}
  .summary-compact{font-size:1rem !important;line-height:1.72 !important}
}

/* ===== Randall DJ v0.8.4 · Identidad tipográfica y redes sociales ===== */
/* Misma fuente para cabecera, firma de portada y pie. La fuente es seleccionable en Marca. */
.site-header .brand,
.site-header .brand span,
.footer .brand,
.footer .brand span,
.hero h1.hero-name,
.hero h1.hero-name > .hero-randall,
.hero h1.hero-name > .hero-dj {
  font-family:var(--brand-font, "Plus Jakarta Sans"),"Roboto",Arial,sans-serif !important;
  font-stretch:normal !important;
  letter-spacing:-.057em !important;
  font-synthesis:none;
}
.site-header .brand,
.footer .brand,
.hero h1.hero-name > .hero-randall {font-weight:800 !important}
.site-header .brand span,
.footer .brand span,
.hero h1.hero-name > .hero-dj {font-weight:700 !important;color:var(--accent) !important}
.hero h1.hero-name {
  display:flex !important;
  align-items:baseline !important;
  flex-wrap:wrap !important;
  gap:.13em !important;
  font-size:clamp(3.5rem,6.5vw,7.2rem) !important;
  line-height:1.06 !important;
  margin:28px 0 26px !important;
  font-weight:800 !important;
  max-width:100%;
}
.hero h1.hero-name > .hero-randall {display:inline !important;line-height:inherit !important}
.hero h1.hero-name > .hero-dj {
  display:inline !important;
  line-height:inherit !important;
  font-size:.82em !important;
  margin:0 !important;
  position:static !important;
  top:auto !important;
}
.social-row {display:flex;flex-wrap:wrap;gap:12px}
.social-link {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center;
  gap:11px !important;
  min-height:52px;
  border-radius:10px;
  padding:13px 17px !important;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.015);
  font-family:Roboto,Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:#e9e9e9;
  transition:border-color .2s, background .2s, transform .2s;
}
.social-link:hover,.social-link:focus-visible {border-color:var(--accent);background:rgba(255,255,255,.075);transform:translateY(-2px)}
.social-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px}
.social-icon img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1);opacity:.92}
.social-link:hover .social-icon img{opacity:1}
.social-label{white-space:nowrap}
.social-arrow{font-size:15px;opacity:.65;margin-left:4px;color:var(--accent)}
.social-row--icon .social-link {padding:13px !important;width:54px;min-width:54px;height:54px;flex:0 0 54px;border-radius:12px}
.social-row--icon .social-icon{width:24px;height:24px;flex-basis:24px}
.social-row--name .social-link {padding:14px 19px !important}
@media(max-width:1050px){.hero h1.hero-name{font-size:clamp(3.5rem,7vw,5.8rem) !important}}
@media(max-width:800px){.hero h1.hero-name{font-size:clamp(3rem,9vw,4.9rem) !important}}
@media(max-width:530px){
 .hero h1.hero-name{font-size:clamp(2.2rem,10.5vw,3.45rem) !important;gap:.12em !important;margin:18px 0 20px !important}
 .hero h1.hero-name > .hero-dj{font-size:.78em !important}
 .social-row--icon .social-link{width:50px;min-width:50px;height:50px;flex-basis:50px}
 .social-row--icon_name .social-link{width:auto !important;min-width:0 !important;justify-content:flex-start}
 .social-row--icon_name .social-label{white-space:normal}
}