:root{--bg:#101010;--panel:#191919;--paper:#f5f1eb;--muted:#b9b2aa;--accent:#e34b43;--accent2:#ff776b;--line:#34302e;--max:1160px}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.6}
    a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
    .top{position:absolute;z-index:2;top:0;left:0;right:0;border-bottom:1px solid #ffffff20;background:#101010aa;backdrop-filter:blur(12px)}
    nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:900;letter-spacing:.09em;font-size:1.1rem}.brand span{color:var(--accent)}
    .navlinks{display:flex;gap:25px;color:#e5dfd8;font-size:.9rem}.navlinks a:hover{color:var(--accent2)}
    .navcta,.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:white;padding:13px 20px;border-radius:4px;font-weight:800;letter-spacing:.01em;transition:.2s}
    .navcta:hover,.btn:hover{background:var(--accent2);transform:translateY(-1px)}
    .hero{min-height:760px;display:flex;align-items:center;padding:140px 0 90px;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(10,10,10,.94) 0%,rgba(10,10,10,.79) 42%,rgba(10,10,10,.28) 100%),url("imagenes/portada-fiesta.webp") center center/cover no-repeat}
    .hero:after{display:none;content:"";position:absolute;right:-9%;top:13%;width:54vw;height:54vw;max-width:720px;max-height:720px;border:1px solid #ffffff18;border-radius:50%;box-shadow:0 0 0 65px #ffffff08,0 0 0 130px #ffffff05}
    .hero-inner{position:relative;z-index:1;max-width:760px}.eyebrow{color:var(--accent2);font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;font-weight:800}
    h1{font-size:clamp(3.2rem,8vw,6.8rem);line-height:.98;letter-spacing:-.065em;margin:22px 0 24px;font-weight:950}
    h1 em{font-style:normal;color:var(--accent)}.lead{font-size:clamp(1.05rem,2vw,1.28rem);color:#ded7d0;max-width:620px}
    .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn.secondary{background:transparent;border:1px solid #ffffff55}.btn.secondary:hover{border-color:var(--accent2);background:#ffffff0d}
    .micro{margin-top:30px;color:#c5bdb5;font-size:.9rem}.micro b{color:white}
    section{padding:100px 0}.section-head{max-width:700px;margin-bottom:45px}.section-head h2{font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.05;letter-spacing:-.045em;margin:12px 0 16px}.section-head p{color:var(--muted);font-size:1.05rem}
    .services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{background:var(--panel);border:1px solid var(--line);padding:28px;min-height:215px}.service .num{color:var(--accent2);font-size:.78rem;letter-spacing:.15em;font-weight:800}.service h3{font-size:1.35rem;margin:22px 0 8px}.service p{margin:0;color:var(--muted)}
    .about{background:#171515}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.visual{min-height:440px;background:url("imagenes/retrato-nacho.webp") center 32%/cover no-repeat;border:1px solid #ffffff20;position:relative;display:flex;align-items:end;padding:28px;overflow:hidden}
    .visual:before{display:none;content:"DJ NATIUS";position:absolute;font-weight:950;font-size:clamp(3rem,7vw,6rem);letter-spacing:-.08em;line-height:.9;color:#ffffff0c;top:38px;left:25px}
    .visual-note{position:relative;border-left:3px solid var(--accent);padding-left:15px;color:#e6dcd5}.about-copy h2{font-size:clamp(2.3rem,5vw,3.7rem);line-height:1.05;letter-spacing:-.05em;margin:12px 0 20px}.about-copy p{color:var(--muted)}
    .pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.pill{border:1px solid #514541;border-radius:30px;padding:8px 13px;color:#e6dcd5;font-size:.88rem}
    .music-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.music-grid h2{font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.05;letter-spacing:-.05em;margin:12px 0 18px}.music-grid p{color:var(--muted)}
    .genres{display:grid;grid-template-columns:1fr 1fr;gap:12px}.genre{padding:17px 18px;background:#1a1a1a;border-left:2px solid var(--accent);font-weight:700}
    .area{background:#1a1716}.area-row{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}.area h2{font-size:clamp(2rem,5vw,3.3rem);line-height:1.08;letter-spacing:-.05em;max-width:650px;margin:12px 0}.area p{color:var(--muted);max-width:620px}.places{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.place{background:#2b2220;padding:9px 15px;border-radius:3px}
    .photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.photo-grid figure{margin:0;background:#191919;overflow:hidden}.photo-grid img{width:100%;height:280px;object-fit:cover;display:block}.photo-grid figcaption{padding:14px 18px;font-weight:700;color:#e7ded6}
    .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.contact h2{font-size:clamp(2.5rem,5vw,4rem);line-height:1;letter-spacing:-.06em;margin:12px 0 20px}.contact p{color:var(--muted)}.contact-card{background:var(--panel);border:1px solid var(--line);padding:30px}.contact-line{padding:16px 0;border-bottom:1px solid var(--line)}.contact-line:last-child{border:0}.contact-line small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.contact-line a{font-size:1.1rem;font-weight:700}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
    footer{border-top:1px solid var(--line);padding:28px 0;color:#9f9790;font-size:.85rem}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
    @media(max-width:800px){.navlinks{display:none}.hero{min-height:690px}.services{grid-template-columns:1fr 1fr}.photo-grid{grid-template-columns:1fr 1fr}.about-grid,.music-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.visual{min-height:300px}section{padding:75px 0}}
    @media(max-width:520px){.wrap{width:min(var(--max),calc(100% - 30px))}nav{height:68px}.navcta{padding:10px 13px;font-size:.82rem}.hero{min-height:660px}.services{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr}.photo-grid img{height:230px}.service{min-height:auto}.genres{grid-template-columns:1fr 1fr}.hero-actions .btn{width:100%}}
  
.subhero{padding:155px 0 70px;background:linear-gradient(115deg,#201817,#111);border-bottom:1px solid #332a27}.subhero h1{font-size:clamp(2.6rem,6vw,5rem);max-width:900px}.subhero p{max-width:760px;color:#d0c7bf;font-size:1.1rem}.detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:55px}.detail-grid h2{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.1}.detail-grid p{color:var(--muted)}.detail-grid ul{padding-left:22px;color:#d7cfc8}.detail-grid li{margin:9px 0}.sidebox{background:#1b1817;padding:28px;border:1px solid #41322f;align-self:start}.sidebox h3{margin-top:0}.sidebox p{color:#d0c7bf}.related{background:#191615}.related-links{display:flex;gap:12px;flex-wrap:wrap}.related-links a{padding:13px 18px;border:1px solid #6c4842;border-radius:3px}.related-links a:hover{background:#34201d}.footnote{font-size:.86rem;color:#a9a19b}@media(max-width:800px){.detail-grid{grid-template-columns:1fr}}
/* Galería de vídeos */
.videos-section{background:#151313}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.video-card{background:#211d1b;border:1px solid #423634;overflow:hidden}.video-card video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#090909}.video-meta{padding:15px}.video-meta strong{display:block;color:#fff;font-size:1rem}.video-meta p{color:#b9b2aa;font-size:.87rem;margin:6px 0 0}.video-footnote{color:#b9b2aa;font-size:.85rem;margin-top:18px}@media(max-width:850px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.video-grid{gap:10px}.video-meta{padding:10px}}