@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--gold:#e7c17d;--cream:#fff2dc;--night:#071221;--muted:#b7c0c9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--cream);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{position:absolute;z-index:9;top:0;left:0;width:100%;padding:25px clamp(20px,6vw,100px);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#071221c9,transparent)}.brand{font-family:'Cormorant Garamond',serif;letter-spacing:.12em;font-weight:700;font-size:21px;color:var(--gold)}nav{display:flex;gap:28px;align-items:center}nav a{font-size:12px;letter-spacing:.16em;text-transform:uppercase}.pill,.cta{border:1px solid var(--gold);padding:13px 22px;border-radius:3px;color:var(--gold);display:inline-flex;gap:12px;align-items:center;justify-content:center;transition:.2s}.cta{background:var(--gold);color:#172132;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:12px}.cta:hover,.pill:hover{transform:translateY(-2px);filter:brightness(1.1)}.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:125px clamp(25px,9vw,150px) 90px;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06111fea 0%,#071221c2 37%,#07122120 100%),linear-gradient(0deg,#071221 0%,transparent 36%),url('assets/hero.webp') center 38%/cover;z-index:-2}.hero-content{max-width:690px}.eyebrow{color:var(--gold);letter-spacing:.35em;text-transform:uppercase;font-size:11px;font-weight:700}.hero h1,.section-title{font-family:'Cormorant Garamond',serif;font-weight:500;line-height:.89;letter-spacing:-.025em}.hero h1{font-size:clamp(75px,10.2vw,165px);margin:24px 0 22px}.hero h1 em{display:block;color:var(--gold);font-style:normal}.lead{max-width:510px;color:#f4e6d5;font-size:17px;line-height:1.8}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:35px}.subnote{font-size:12px;color:#e2cdb1;margin-top:22px}.star{color:var(--gold);font-size:32px}.snow{pointer-events:none;position:absolute;inset:0;opacity:.4;background-image:radial-gradient(2px 2px at 20px 30px,#fff 99%,transparent),radial-gradient(2px 2px at 80px 120px,#fff 99%,transparent);background-size:170px 190px;animation:snow 23s linear infinite}@keyframes snow{to{background-position:0 190px,0 380px}}.wrap{max-width:1200px;margin:auto;padding:110px 28px}.center{text-align:center}.section-title{font-size:clamp(49px,6vw,86px);margin:18px 0 25px}.divider{width:75px;height:1px;background:var(--gold);margin:28px auto}.copy{color:var(--muted);font-size:16px;line-height:1.9;max-width:760px;margin:0 auto}.feature{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.feature img{width:100%;aspect-ratio:1/1;object-fit:cover;box-shadow:0 25px 70px #0008}.feature .copy{margin:0}.feature .section-title{font-size:clamp(48px,5vw,72px)}.darkpanel{background:linear-gradient(#0d1b2c,#071221)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:55px}.tile{position:relative;overflow:hidden;aspect-ratio:1/1}.tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.tile:hover img{transform:scale(1.055)}.tile:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#020914df)}.tile span{position:absolute;bottom:22px;left:22px;z-index:1;font-family:'Cormorant Garamond',serif;font-size:30px}.closing{background:linear-gradient(#0712219e,#071221ed),url('assets/noche.webp') center/cover;padding:125px 25px;text-align:center}footer{padding:30px 5vw;border-top:1px solid #ffffff20;color:#9aa9ba;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px}.music-hero{min-height:450px;background:linear-gradient(90deg,#071221ed,#0712215e),url('assets/noche.webp') center 43%/cover;display:flex;align-items:end;padding:130px max(25px,calc((100vw - 1160px)/2)) 65px}.music-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(65px,9vw,115px);font-weight:500;line-height:1;margin:15px 0}.music-layout{max-width:1200px;margin:auto;padding:70px 25px 120px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px}.tracks{display:flex;flex-direction:column;gap:13px}.track{display:grid;grid-template-columns:35px 78px minmax(0,1fr) 35px;gap:18px;align-items:center;background:#ffffff08;border:1px solid #ffffff19;padding:12px 16px;cursor:pointer;color:inherit;text-align:left;width:100%;transition:.2s}.track:hover,.track.active{border-color:#e7c17d99;background:#e7c17d14}.track img{width:78px;height:78px;object-fit:cover}.num{color:var(--gold);font-size:13px}.track strong{display:block;font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600}.track small{display:block;color:#aeb8c4;margin-top:5px}.playicon{color:var(--gold);font-size:22px}.player{position:sticky;top:24px;align-self:start;border:1px solid #b28c544d;background:#102036;padding:22px;box-shadow:0 25px 65px #0006}.player img{width:100%;aspect-ratio:1/1;object-fit:cover}.player h2{font-family:'Cormorant Garamond',serif;font-size:35px;line-height:1.1;margin:18px 0 5px}.player p{color:#b9c5d0;font-size:12px;line-height:1.6}.player audio{width:100%;margin-top:14px}.player iframe{width:100%;height:92px;border:0;margin-top:15px;background:#fff}.player .status{font-size:12px;color:#e9c992;line-height:1.7}.info{border-top:1px solid #ffffff22;margin-top:20px;padding-top:16px;color:#9aa9ba;font-size:12px;line-height:1.7}.warning{font-size:12px;color:#c3b2a1;margin:0 0 22px}.mobile-nav{display:none}@media(max-width:850px){.feature{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.music-layout{grid-template-columns:1fr}.player{position:relative;top:0;grid-row:1}.hero:before{background:linear-gradient(90deg,#06111fe6,#0712218a),linear-gradient(0deg,#071221,transparent 40%),url('assets/hero.webp') 58% center/cover}}@media(max-width:560px){header{padding:20px}.brand{font-size:16px}nav{gap:13px}nav a{font-size:10px}.hero{padding:115px 25px 65px}.hero h1{font-size:72px}.lead{font-size:15px}.wrap{padding:80px 22px}.cards{grid-template-columns:1fr}.track{grid-template-columns:20px 58px minmax(0,1fr) 20px;gap:10px;padding:9px}.track img{width:58px;height:58px}.track strong{font-size:21px}.music-hero{min-height:360px}.music-layout{padding:35px 15px 75px}}@media(prefers-reduced-motion:reduce){.snow{animation:none}*{scroll-behavior:auto!important;transition:none!important}}
/* Repertorio: once carátulas, títulos y botones cuadrados */
.catalog-section{max-width:1340px;margin:0 auto;padding:85px 30px 130px}.catalog-intro{text-align:center;margin:0 auto 55px}.catalog-intro .copy{max-width:670px}.album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:45px 25px}.song-card{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:15px 13px 25px;background:linear-gradient(160deg,#17283a,#091523);border:1px solid #c59b5a50;box-shadow:0 14px 36px #0005;transition:border-color .2s,transform .2s}.song-card:hover,.song-card.playing{border-color:#e7c17d;transform:translateY(-3px)}.song-cover{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;box-shadow:0 8px 25px #0008}.song-card h3{font-family:'Cormorant Garamond',serif;font-size:clamp(24px,2.2vw,32px);font-weight:600;line-height:1.1;min-height:76px;margin:23px 0 17px;display:flex;align-items:center;justify-content:center}.listen-square{width:94px;height:94px;border:1px solid #f0cf8f;background:linear-gradient(145deg,#f0d299,#c99848);color:#102033;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 6px 18px #0007;transition:transform .2s,filter .2s}.listen-square:hover,.listen-square:focus-visible{transform:scale(1.06);filter:brightness(1.12)}.listen-square span:last-child{font-size:10px;letter-spacing:.11em;font-weight:800}.listen-symbol{font-size:24px}.listening-bar[hidden]{display:none}.listening-bar{position:fixed;z-index:50;bottom:0;left:0;right:0;display:flex;align-items:center;gap:20px;padding:12px clamp(15px,5vw,65px);background:#071321f5;border-top:1px solid #e7c17d9c;box-shadow:0 -12px 45px #000b;backdrop-filter:blur(14px)}.listening-bar img{width:64px;height:64px;object-fit:cover}.playing-meta{display:flex;flex-direction:column;gap:6px;min-width:190px;max-width:340px}.playing-meta small{color:#e7c17d;font-size:10px;letter-spacing:.14em}.playing-meta strong{font-family:'Cormorant Garamond',serif;font-size:22px;line-height:1.05}.player-slot{flex:1;min-width:180px}.player-slot audio{width:100%;display:block}.player-slot iframe{width:100%;height:70px;border:0}.close-player{color:#e7c17d;background:transparent;border:1px solid #e7c17d77;width:38px;height:38px;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body:has(.listening-bar:not([hidden])){padding-bottom:95px}@media(max-width:1050px){.album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:740px){.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.catalog-section{padding:55px 15px 100px}.song-card{padding:8px 8px 20px}.song-card h3{font-size:24px;min-height:83px}.listen-square{width:80px;height:80px}.listening-bar{gap:9px;flex-wrap:wrap}.listening-bar img{width:46px;height:46px}.playing-meta{min-width:0;flex:1}.playing-meta strong{font-size:18px}.player-slot{order:4;flex-basis:100%}body:has(.listening-bar:not([hidden])){padding-bottom:160px}}

/* Nuevo encabezado del repertorio: Estrella de Belén */
.music-hero{background:linear-gradient(90deg,#071221ed 0%,#071221a6 46%,#07122150 100%),url("assets/estrella.webp") center 44%/cover;}


/* Ajustes de la edición Navidad 2026 */
.catalog-section{max-width:none;width:100%;padding:85px clamp(18px,2.5vw,54px) 130px}
.album-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px clamp(15px,1.7vw,32px);width:100%}
.song-card{width:100%}
@media(max-width:950px){.album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-section{padding:55px 15px 100px}}
@media(max-width:390px){.album-grid{grid-template-columns:1fr}}
.video-feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:55px;align-items:center}
.video-feature img{width:100%;aspect-ratio:16/10;object-fit:cover;border:1px solid #c59b5a80;box-shadow:0 20px 70px #0008}
.video-feature .copy{margin:0}
.video-hero{min-height:420px;display:flex;align-items:end;padding:145px clamp(25px,8vw,145px) 65px;background:linear-gradient(90deg,#071221f5 0%,#071221a6 55%,#07122165 100%),url('assets/nadie.webp') center 38%/cover}
.video-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(52px,7vw,105px);line-height:1;max-width:1000px;font-weight:500;margin:20px 0}
.video-wrap{max-width:1160px;margin:0 auto;padding:80px 25px 110px}
.video-frame{border:1px solid #d9b46e80;padding:8px;background:#0c1b2b;box-shadow:0 22px 65px #0009}
.video-frame video{display:block;width:100%;aspect-ratio:16/9;background:#000;object-fit:contain}
.video-message{max-width:840px;margin:75px auto 0;text-align:center}
.video-message p{font-size:clamp(17px,1.5vw,21px);line-height:1.9;color:#d5d9df}
.video-message .closing-line{color:var(--gold);font-family:'Cormorant Garamond',serif;font-size:clamp(32px,4vw,52px);line-height:1.2;margin-top:35px}
.video-message .actions{justify-content:center}
@media(max-width:800px){.video-feature{grid-template-columns:1fr}.video-hero{min-height:370px;padding:135px 25px 55px}}
@media(max-width:560px){header{gap:12px;flex-wrap:wrap}nav{flex-wrap:wrap;justify-content:flex-end;gap:10px}nav a{letter-spacing:.05em}.video-wrap{padding:40px 14px 75px}.video-message{margin-top:45px}}

/* Ajustes finales de cabeceras, noviembre 2026 */
/* La portada es cuadrada: mostrarla íntegra a la derecha evita cortar su título impreso. */
@media (min-width: 851px) {
 .hero { background-color:#071221; }
 .hero:before { background:linear-gradient(90deg,#06111ffb 0%,#071221ef 34%,#07122180 51%,#07122100 75%),linear-gradient(0deg,#071221 0%,transparent 22%),url('assets/hero.webp') right center / auto 100% no-repeat; }
 .hero-content { max-width:min(47vw,690px); }
 .hero h1 { font-size:clamp(72px,8.2vw,140px); }
}
/* Cabecera del vídeo: fotograma real del vídeo, sin tipografía duplicada. */
.video-hero { background:linear-gradient(90deg,#071221f5 0%,#071221c9 48%,#07122160 100%),url('assets/video-felicitacion-poster.jpg') center 48% / cover no-repeat; }
@media (max-width:850px) {
 .hero:before { background:linear-gradient(90deg,#06111ff2,#071221aa),linear-gradient(0deg,#071221,transparent 40%),url('assets/hero.webp') right center / auto 100% no-repeat; }
 .video-hero {background:linear-gradient(90deg,#071221f2,#07122185),url('assets/video-felicitacion-poster.jpg') center / cover no-repeat;}
}

/* Restauración de la carátula ORIGINAL, sin alterarla ni reemplazarla.
   En escritorio, mostrar la imagen cuadrada completa en el lado derecho. */
@media (min-width: 851px) {
  .hero { background-color:#071221; }
  .hero::before {
    background-image: linear-gradient(90deg, #06111ff5 0%, #071221dd 24%, #07122188 42%, #07122112 64%, transparent 85%), linear-gradient(0deg, #07122188, transparent 22%), url('assets/hero.webp');
    background-repeat:no-repeat;
    background-position:center, center, right center;
    background-size:100% 100%,100% 100%,auto 100%;
  }
}
@media (max-width:850px) {
 .hero::before {background-image:linear-gradient(90deg,#06111ff2,#07122188),url('assets/hero.webp');background-position:center,right center;background-size:100% 100%,auto 100%;background-repeat:no-repeat;}
}

/* CORRECCIÓN: la imagen de cabecera estaba oculta por z-index:-2.
   Mantener la carátula original, sin sustituciones. */
.hero { isolation:isolate; }
.hero::before { z-index:0; pointer-events:none; }
.hero-content { position:relative; z-index:2; }
.hero .snow { z-index:1; }
@media (min-width:851px) {
  .hero::before {
    background-image:linear-gradient(90deg,#06111ff0 0%,#071221db 28%,#07122166 48%,#07122100 76%),linear-gradient(0deg,#07122199,transparent 25%),url('assets/hero.webp');
    background-position:center,center,right center;
    background-size:100% 100%,100% 100%,auto 100%;
    background-repeat:no-repeat;
  }
}
@media (max-width:850px) {
  .hero::before {
    background-image:linear-gradient(90deg,#06111fe8,#07122166),url('assets/hero.webp');
    background-position:center,right center;
    background-size:100% 100%,auto 100%;
    background-repeat:no-repeat;
  }
}

/* PORTADA DEFINITIVA: composición dividida como la captura aprobada */
@media(min-width:851px){
.hero{background:#071221;isolation:isolate;}
.hero::before{content:"";position:absolute;inset:0 0 0 45%;z-index:0;pointer-events:none;background-image:url('assets/hero.webp');background-position:center center;background-size:cover;background-repeat:no-repeat;}
.hero-content{position:relative;z-index:2;max-width:min(38vw,650px);}
.hero .snow{z-index:1;}
.hero h1{font-size:clamp(75px,7.6vw,132px);}
}
@media(max-width:850px){.hero{isolation:isolate}.hero::before{z-index:0}.hero-content{position:relative;z-index:2}.hero .snow{z-index:1}}