#acerca-cj *{box-sizing:border-box}#acerca-cj{margin:0;background:#10100f;color:#e9e6df;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.7}#acerca-cj img{display:block;width:100%;object-fit:cover}#acerca-cj figure{margin:0}#acerca-cj figcaption{font-size:12px;color:#aaa69b;margin-top:10px;letter-spacing:.3px}#acerca-cj header{height:84px;border-bottom:1px solid #3b3424;display:flex;align-items:center;justify-content:space-between;padding:0 65px;background:#0c0c0b}#acerca-cj .brand{font-size:23px;letter-spacing:3px;font-weight:800;color:#dbbb75}#acerca-cj .brand small{font-size:9px;display:block;letter-spacing:4px;color:#aaa}#acerca-cj .nav{font-size:11px;letter-spacing:2px;color:#c8b784}#acerca-cj .hero{height:650px;position:relative;overflow:hidden}#acerca-cj .hero>img{height:100%;object-position:center 35%}#acerca-cj .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.25) 70%),linear-gradient(0deg,#10100f,transparent 40%)}#acerca-cj .hero-copy{position:absolute;z-index:2;left:65px;bottom:70px;max-width:660px}#acerca-cj .eyebrow{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:#d5b879;font-weight:bold}#acerca-cj h1,#acerca-cj h2,#acerca-cj h3,#acerca-cj p{margin:0}#acerca-cj h1{font-family:Georgia,serif;font-size:72px;line-height:1.06;font-weight:normal;margin:19px 0 24px}#acerca-cj h1 em,#acerca-cj h2 em{color:#d5b879;font-weight:normal}#acerca-cj h2{font-family:Georgia,serif;font-size:42px;line-height:1.15;font-weight:normal;margin:12px 0 24px}#acerca-cj h3{font-size:18px;margin-bottom:10px}#acerca-cj p+p{margin-top:16px}#acerca-cj p{color:#c2c0b9}#acerca-cj .hero p{max-width:470px;font-size:18px;color:#e2ded4}#acerca-cj .wrap{max-width:1070px;margin:auto}#acerca-cj .intro{padding:55px 0;text-align:center;max-width:800px;margin:auto}#acerca-cj .intro p{font-size:19px}#acerca-cj .chap{padding:60px 0;border-top:1px solid #343025}#acerca-cj .row{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}#acerca-cj .photo img{height:350px}#acerca-cj .portrait img{height:450px}#acerca-cj .num{font-size:11px;letter-spacing:3px;color:#c8a961}#acerca-cj .quote{border-left:2px solid #bd9957;padding:12px 0 12px 24px;font-family:Georgia,serif;font-size:25px;color:#e8d4aa;margin:25px 0}#acerca-cj .two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}#acerca-cj .two img{height:310px;object-position:50% 30%}#acerca-cj .legacy{background:#191813;border:1px solid #51452c;padding:30px;margin-top:32px;display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:center}#acerca-cj .year{font-size:57px;line-height:1.1;font-family:Georgia,serif;color:#d5b879}#acerca-cj .legacy strong{display:block;font-size:21px;line-height:1.35;letter-spacing:1px;margin-top:12px}#acerca-cj .music{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}#acerca-cj .song{border-top:2px solid #b69659;background:#1b1a16;padding:24px}#acerca-cj .song b{font-size:12px;color:#cfaf6e}#acerca-cj .song h3{font-family:Georgia,serif;font-size:28px;font-weight:normal;margin:8px 0}#acerca-cj .song p{font-size:14px}#acerca-cj .credits{padding:22px 26px;background:#191916;border-left:2px solid #ae9158;font-size:15px}#acerca-cj .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}#acerca-cj .gallery img{height:260px}#acerca-cj .gallery .wide{grid-column:span 2}#acerca-cj .gallery .wide img{height:330px}#acerca-cj .gallery .tall img{height:330px}#acerca-cj .members{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}#acerca-cj .member{padding:16px 0;border-top:1px solid #50442d;font-size:16px}#acerca-cj .member span{display:block;font-size:12px;color:#af9c76}#acerca-cj .closing{padding:55px 90px;text-align:center;border:1px solid #655232;margin:0 0 60px}#acerca-cj .closing h2{font-size:36px}#acerca-cj footer{border-top:1px solid #343025;padding:28px 40px;text-align:center;font-size:10px;letter-spacing:3px;color:#ae9666}@media(max-width:700px){#acerca-cj header{padding:0 24px}#acerca-cj .nav{display:none}#acerca-cj .hero{height:570px}#acerca-cj .hero-copy{left:25px;right:25px;bottom:55px}#acerca-cj h1{font-size:49px}#acerca-cj .wrap{padding:0 24px}#acerca-cj .intro{padding:40px 24px}#acerca-cj .row{grid-template-columns:1fr;gap:28px}#acerca-cj .chap{padding:40px 0}#acerca-cj h2{font-size:34px}#acerca-cj .legacy{grid-template-columns:1fr}#acerca-cj .music{grid-template-columns:1fr}#acerca-cj .gallery{grid-template-columns:1fr 1fr}#acerca-cj .gallery .wide{grid-column:span 2}#acerca-cj .members{grid-template-columns:1fr 1fr}#acerca-cj .closing{padding:30px 20px}#acerca-cj .two img{height:240px}}#acerca-cj .two img{object-fit:contain;background:#080808}#acerca-cj .gallery img{object-fit:contain;background:#080808}
#acerca-cj .gallery{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b99b5e #20201b;padding:8px 0 18px;margin-top:20px}
#acerca-cj .gallery figure{flex:0 0 calc((100% - 40px)/3);min-width:0;scroll-snap-align:start}
#acerca-cj .gallery img,#acerca-cj .gallery .wide img,#acerca-cj .gallery .tall img{height:320px;object-fit:contain;background:#090909}
#acerca-cj .gallery figcaption{margin:12px 0 0;font-size:13px}
#acerca-cj .photo-open{display:block;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in;color:inherit;border-radius:4px;overflow:hidden}
#acerca-cj .photo-open:focus-visible,#acerca-cj button:focus-visible{outline:2px solid #f0d28d;outline-offset:5px}
#acerca-cj .photo-open:hover img{filter:brightness(1.12)}
#acerca-cj .gallery-controls{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:16px}
#acerca-cj .gallery-controls p{font-size:13px}
#acerca-cj .gallery-arrows{display:flex;gap:10px}
#acerca-cj .gallery-arrows button,#acerca-cj .lightbox button{background:#242117;border:1px solid #a58b55;color:#e9d6a5;min-width:46px;min-height:46px;font-size:23px;cursor:pointer;border-radius:50%}
#acerca-cj .gallery-arrows button:disabled{opacity:.3;cursor:default}
#acerca-cj .lightbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;padding:70px 75px 85px;background:rgba(8,8,7,.97);color:#fff;margin:0;z-index:99999}
#acerca-cj .lightbox::backdrop{background:rgba(0,0,0,.9)}
#acerca-cj .lightbox img{height:100%;width:100%;object-fit:contain}
#acerca-cj .lightbox .lb-close{position:absolute;right:22px;top:16px}
#acerca-cj .lightbox .lb-prev{position:absolute;left:16px;top:48%}
#acerca-cj .lightbox .lb-next{position:absolute;right:16px;top:48%}
#acerca-cj .lb-caption{position:absolute;bottom:20px;left:70px;right:70px;text-align:center;font-size:14px;color:#e5d6b8}
#acerca-cj .lb-count{font-size:12px;display:block;color:#ae9e7c;margin-top:4px}
@media(max-width:700px){#acerca-cj .gallery figure{flex-basis:86%}#acerca-cj .gallery img,#acerca-cj .gallery .wide img,#acerca-cj .gallery .tall img{height:330px}#acerca-cj .lightbox{padding:75px 12px 120px}#acerca-cj .lightbox .lb-prev,#acerca-cj .lightbox .lb-next{top:auto;bottom:60px}#acerca-cj .lb-caption{left:18px;right:18px;bottom:12px;font-size:12px}#acerca-cj .gallery-controls{align-items:flex-start}}


/* Integración a ancho completo con la cabecera compartida del sitio */
main.cj-biography-main {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#acerca-cj {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
}
#acerca-cj .hero {
  width: 100%;
  height: auto;
  min-height: clamp(620px, calc(100svh - 80px), 880px);
  background-image: linear-gradient(90deg, rgba(5,5,5,.76) 0%, rgba(5,5,5,.42) 36%, rgba(5,5,5,.08) 72%), linear-gradient(0deg, #10100f 0%, transparent 22%), url("../assets/img/backgrounds/biografia-bg.jpg");
  background-size: cover;
  background-position: center 42%;
}
#acerca-cj .hero-copy {
  z-index: 2;
  left: max(28px, calc((100vw - 1320px) / 2));
  max-width: min(660px, 48vw);
}
#acerca-cj .wrap {
  width: min(1180px, calc(100% - 56px));
  max-width: 1180px;
}
#acerca-cj .intro {
  width: min(850px, calc(100% - 48px));
  padding: 64px 0;
}
@media (max-width: 700px) {
  #acerca-cj .hero {
    min-height: max(620px, calc(100svh - 72px));
    background-image: linear-gradient(90deg, rgba(5,5,5,.72), rgba(5,5,5,.25)), linear-gradient(0deg, #10100f 0%, transparent 23%), url("../assets/img/backgrounds/biografia-bg.jpg");
    background-position: 55% center;
  }
  #acerca-cj .hero-copy {
    left: 24px;
    right: 24px;
    bottom: 56px;
    max-width: 560px;
  }
  #acerca-cj .wrap {
    width: calc(100% - 40px);
  }
  #acerca-cj .intro {
    width: 100%;
    padding: 42px 22px;
  }
}