@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=Montserrat:wght@400;500;600;700&display=swap');:root{--gold:#cba568;--white:#f0e9df;--muted:#aaa49b;--bg:#080808}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:15px/1.7 Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.top{position:sticky;top:0;z-index:5;background:#090909f5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px max(24px,5vw);border-bottom:1px solid #ffffff20}.brand{font:800 32px/1 'Barlow Condensed',sans-serif;letter-spacing:3px;color:var(--gold)}.brand span{color:#e2c28d}.brand small{display:block;font:400 8px Montserrat;letter-spacing:2.5px;color:var(--white);margin-top:5px}.top nav{display:flex;gap:25px}.top nav a{font:600 12px Montserrat;letter-spacing:1px}.top nav a:hover,.top nav a:focus{color:var(--gold)}.menu{display:none;background:none;color:var(--gold);border:0;font-size:25px}.hero{min-height:620px;position:relative;display:flex;align-items:center;justify-content:flex-end;overflow:hidden;background:radial-gradient(circle at 20% 50%,#403022 0,#080808 65%)}.hero-photo{position:absolute;inset:0 40% 0 0;background:url('nox-hood.png') center 25%/cover no-repeat;mask-image:linear-gradient(90deg,#000 58%,transparent 100%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080808,transparent 28%);pointer-events:none}.hero-copy{position:relative;z-index:1;width:55%;text-align:center;padding:65px 6vw 90px 0}.eyebrow{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:3px}.hero h1{font:800 clamp(80px,11vw,170px)/.9 'Barlow Condensed',sans-serif;letter-spacing:5px;margin:20px 0 4px;text-shadow:0 3px 20px #000}.hero h1 em{font-style:normal;color:var(--gold)}.subtitle{font:400 clamp(15px,2vw,25px) 'Barlow Condensed',sans-serif;letter-spacing:9px}.quote{margin:38px 0;color:#ded6ca;letter-spacing:3px;font-size:12px}.gold-button,.outline{display:inline-block;border:1px solid var(--gold);padding:13px 24px;background:#cba568;color:#0a0908;font-weight:700;font-size:12px;letter-spacing:1.5px;cursor:pointer}.outline{background:transparent;color:var(--gold)}.gold-button:hover{background:#e5c38e}.section{padding:85px max(24px,6vw)}.alt{background:#101010}.section-heading{text-align:center;margin-bottom:40px}.section h2{font:700 clamp(35px,5vw,57px)/1.1 'Barlow Condensed',sans-serif;letter-spacing:2px;margin:10px 0}.section-heading>p:last-child{color:var(--muted)}.song-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;max-width:1200px;margin:auto}.song-card{background:#141312;border:1px solid #3a3128;overflow:hidden}.song-art{aspect-ratio:1.4;background:linear-gradient(0deg,#080808aa,#0002),url('nox-hood.png') center/cover;display:flex;align-items:end;padding:20px}.song-art.has-cover{background-size:cover;background-position:center}.song-art h3{font:700 35px/1 'Barlow Condensed';letter-spacing:1px;text-shadow:0 2px 10px black;margin:0}.song-info{padding:20px}.song-info .date{color:var(--gold);font-size:10px;letter-spacing:2px}.song-info p{color:#bbb;font-size:13px;min-height:44px}.buttons{display:flex;gap:8px;flex-wrap:wrap}.buttons a,.buttons span{border:1px solid #80694c;padding:8px 10px;font-size:10px;letter-spacing:1px}.buttons span{opacity:.45}.press-grid,.video-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.press-card,.video-card{padding:27px;border:1px solid #3c3329;background:#171513}.press-card h3,.video-card h3{font:700 29px 'Barlow Condensed';margin:10px 0}.press-card p,.video-card p{font-size:12px;color:#bbb}.press-card a,.video-card a{color:var(--gold);font-size:12px;font-weight:700}.about{background:linear-gradient(90deg,#080808d9,#080808ed),url('nox-hood.png') left center/cover;text-align:center}.about>p:last-child{max-width:650px;margin:auto}.contact{text-align:center}.social{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:35px auto}.social a{border:1px solid #866d4a;padding:12px 18px;color:var(--gold)}.small{font-size:12px;color:#aaa}footer{padding:30px 6vw;border-top:1px solid #352b21;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#aaa;font-size:11px}footer button{background:none;border:0;color:var(--gold);cursor:pointer;font-size:11px}dialog{background:#161412;color:#eee;border:1px solid var(--gold);width:min(850px,95vw);max-height:85vh;overflow:auto;padding:28px}dialog::backdrop{background:#000c}dialog h2{font:700 34px 'Barlow Condensed';color:var(--gold)}dialog h3{font-size:13px;letter-spacing:2px;color:var(--gold);margin-top:25px}.editor-head{display:flex;justify-content:space-between}.close{border:0;background:none;color:white;font-size:22px;cursor:pointer}dialog label{display:block;font-size:12px;margin:10px 0}dialog input{width:100%;padding:10px;background:#090909;border:1px solid #51412e;color:white;margin-top:4px}dialog .editor-song{border-top:1px solid #51412e;padding:15px 0}.editor-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}@media(max-width:850px){.menu{display:block}.top nav{display:none;position:absolute;top:70px;right:0;left:0;background:#111;flex-direction:column;padding:25px}.top nav.open{display:flex}.hero{min-height:700px;align-items:end;justify-content:center}.hero-photo{inset:0;background-position:center top;mask-image:linear-gradient(0deg,transparent 0%,#000 45%)}.hero-copy{width:100%;padding:330px 20px 65px;background:linear-gradient(0deg,#080808 5%,transparent 100%)}.hero h1{font-size:95px}.subtitle{letter-spacing:4px}.song-grid{grid-template-columns:repeat(2,1fr)}.press-grid,.video-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.song-grid,.press-grid,.video-grid{grid-template-columns:1fr}.hero h1{font-size:78px}.section{padding:60px 20px}.hero{min-height:650px}.hero-copy{padding-top:330px}}

/* Versión visual refinada: imágenes originales nítidas, sin ampliaciones artificiales */
.hero-photo{background-size:cover;background-position:center 36%;image-rendering:auto}
.featured{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,5vw,80px);background:linear-gradient(110deg,#11100e,#080808);border-top:1px solid #453624;border-bottom:1px solid #453624}
.featured-visual{max-height:430px;overflow:hidden;border:1px solid #79603c;box-shadow:0 20px 60px #0008}
.featured-visual img{display:block;width:100%;height:430px;object-fit:cover;object-position:center 30%}
.featured-text{max-width:560px}.featured-text p:not(.eyebrow){color:#c5beb5}.featured-text h2{font-size:clamp(48px,6vw,86px);color:#e4c38b}.asset-note{font-size:11px;opacity:.68;margin-top:24px}
.concept-tag{align-self:flex-start;background:#080808c9;border:1px solid #aa8755;padding:4px 8px;color:#e5cfac;font-size:9px;letter-spacing:1.5px}
.song-art{flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:230px;background-position:center 32%}.song-art h3{align-self:stretch}
.song-card:hover,.press-card:hover,.video-card:hover{border-color:#cba568;transition:border-color .2s}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #f6d89f;outline-offset:3px}
@media(max-width:850px){.featured{grid-template-columns:1fr}.featured-visual img{height:360px}.featured-text{max-width:none}}
@media(max-width:550px){.featured-visual img{height:280px}.featured-text h2{font-size:49px}}

/* Official supplied visual identity */
.brand-logo{width:138px;max-height:57px;object-fit:contain;display:block}.brand small{display:block;letter-spacing:.15em;font-size:9px}.hero-photo{background-image:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.75)),url('assets/hero-nox.png')!important;background-position:center 37%!important;background-size:cover!important}.song-art.has-cover{background:none!important;position:relative;overflow:hidden}.cover-image{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}.song-art.has-cover h3{display:none}.featured-visual img{object-fit:contain;background:#050505}.brand{display:flex;flex-direction:column;align-items:center;text-decoration:none}

/* Catálogo editorial: separar lo publicado de lo que viene */
.catalog-label{max-width:1200px;margin:0 auto 25px;font:700 22px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#e9d5b4;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #55412a;padding-bottom:14px}.catalog-label span{font:600 10px Montserrat,sans-serif;color:#cba568;letter-spacing:1.5px}.upcoming-head{text-align:center;max-width:730px;margin:100px auto 36px}.upcoming-head h2{color:#e5c38e}.upcoming-head>p:last-child{color:#aaa}.upcoming-badge{position:absolute;left:15px;top:15px;background:#080808e8;border:1px solid #b8996c;color:#f1d7ad;padding:6px 10px;font:700 10px Montserrat,sans-serif;letter-spacing:1.3px}.song-art.has-cover{position:relative;min-height:0;aspect-ratio:1/1;padding:0}.song-art.has-cover img{object-fit:contain;background:#050505}.song-card{display:flex;flex-direction:column}.song-info{flex:1;display:flex;flex-direction:column}.song-info .buttons{margin-top:auto}.empty-state{grid-column:1/-1;color:#aaa;text-align:center;border:1px solid #44392c;padding:35px}@media(max-width:550px){.upcoming-head{margin-top:70px}.catalog-label{font-size:19px}}

/* Historias oficiales expandibles */
.story-details{margin:18px 0 12px;border-top:1px solid #54432d;padding-top:15px}.story-details summary{cursor:pointer;color:#e5c38e;font-size:12px;font-weight:700;letter-spacing:1px;list-style-position:inside}.story-details summary:hover{color:#fff}.press-card .story-body{font-size:13px;line-height:1.9;color:#e0d8cb;white-space:normal;margin:16px 0}.press-card .press-note{font-size:10px;letter-spacing:1.3px;color:#a18a6a;margin-top:15px}