/* ═══════════════════════════════════════════
   EL ARTISTA PAGE — page-artista.css
   Extracted from page-artista.php inline styles
═══════════════════════════════════════════ */

/* ── BIO SPLIT ── */
.bio-split{background:var(--white);padding:10rem 5rem 8rem;position:relative;}
.bio-split::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--red),var(--red-dk),transparent);}
.bio-split__inner{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 1.3fr;gap:8rem;align-items:start;}
.bio-split__left{position:sticky;top:9rem;}
.bio-split__img-main{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;}
.bio-split__img-tag{background:var(--red);padding:0.8rem 1.8rem;font-family:'MajorShift',sans-serif;font-size:1.1rem;letter-spacing:0.12em;color:var(--white);display:inline-block;margin-top:-2px;}
.bio-split__img-sub{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:4px;}
.bio-split__img-sub img{width:100%;aspect-ratio:1;object-fit:cover;}
.bio-split__eyebrow{font-family:'Quantico',sans-serif;font-size:0.68rem;font-weight:600;letter-spacing:0.55em;text-transform:uppercase;color:var(--red);display:flex;align-items:center;gap:1rem;margin-bottom:2rem;}
.bio-split__eyebrow::before{content:'';width:40px;height:1px;background:var(--red);}
.bio-split__name{font-family:'MajorShift',sans-serif;font-size:clamp(3.5rem,6vw,5.5rem);line-height:0.88;color:var(--ink);margin-bottom:0.6rem;}
.bio-split__origin{font-family:'Quantico',sans-serif;font-size:0.82rem;font-weight:600;letter-spacing:0.28em;text-transform:uppercase;color:var(--red);margin-bottom:3rem;}
.bio-split__text{font-family:'Quantico',serif;font-size:1.15rem;font-weight:300;line-height:1.9;color:#4A3C30;margin-bottom:1.8rem;}
.bio-split__text strong{color:var(--ink);font-weight:500;}
.bio-split__datos{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2rem;margin:3rem 0;padding:2.5rem 0;border-top:1px solid rgba(193,68,14,0.12);border-bottom:1px solid rgba(193,68,14,0.12);}
.bio-split__d-label{font-family:'Quantico',sans-serif;font-size:0.58rem;font-weight:700;letter-spacing:0.45em;text-transform:uppercase;color:var(--red);display:block;margin-bottom:0.3rem;}
.bio-split__d-val{font-family:'Quantico',sans-serif;font-size:0.88rem;font-weight:600;letter-spacing:0.1em;color:var(--ink);display:block;}
.bio-split__actions{display:flex;flex-wrap:wrap;gap:1rem;}
.bio-btn{display:inline-flex;align-items:center;gap:0.6rem;font-family:'Quantico',sans-serif;font-size:0.78rem;font-weight:700;letter-spacing:0.28em;text-transform:uppercase;padding:1rem 2.4rem;text-decoration:none;border:none;cursor:pointer;transition:opacity 0.2s,transform 0.25s var(--ease-out),background 0.25s;}
.bio-btn--dark{background:var(--ink);color:var(--light);}
.bio-btn--dark:hover{background:var(--red);transform:translateY(-3px);}
.bio-btn--outline{background:transparent;border:1px solid rgba(193,68,14,0.4);color:var(--red);}
.bio-btn--outline:hover{background:var(--red);color:var(--dark);transform:translateY(-3px);}
.bio-btn svg{width:14px;height:10px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;}

/* ── TIMELINE ── */
.tl-sec{background:var(--red-dk);padding:10rem 5rem;position:relative;overflow:hidden;}
.tl-sec__inner{max-width:1100px;margin:0 auto;}
.tl-sec__eyebrow{font-family:'Quantico',sans-serif;font-size:0.68rem;font-weight:600;letter-spacing:0.55em;text-transform:uppercase;color:rgba(242,228,208,0.45);display:flex;align-items:center;gap:1rem;margin-bottom:1rem;}
.tl-sec__eyebrow::before{content:'';width:40px;height:1px;background:rgba(242,228,208,0.3);}
.tl-sec__title{font-family:'MajorShift',sans-serif;font-size:clamp(3rem,6vw,5rem);color:var(--light);line-height:0.88;margin-bottom:6rem;}
.tl{position:relative;padding-left:2rem;}
.tl::before{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:rgba(242,228,208,0.12);}
.tl__item{position:relative;padding:0 0 4rem 4rem;display:grid;grid-template-columns:100px 1fr;gap:3rem;align-items:start;}
.tl__item:last-child{padding-bottom:0;}
.tl__item::before{content:'';position:absolute;left:-5.5px;top:8px;width:11px;height:11px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px rgba(193,68,14,0.2);}
.tl__year{font-family:'MajorShift',sans-serif;font-size:2.5rem;color:rgba(242,228,208,0.18);line-height:1;}
.tl__badge{font-family:'Quantico',sans-serif;font-size:0.58rem;font-weight:700;letter-spacing:0.42em;text-transform:uppercase;color:var(--red);display:inline-block;margin-bottom:0.6rem;}
.tl__lugar{font-family:'MajorShift',sans-serif;font-size:clamp(1.5rem,3vw,2.2rem);color:var(--light);line-height:0.95;margin-bottom:0.5rem;display:block;}
.tl__ciudad{font-family:'Quantico',sans-serif;font-size:0.72rem;font-weight:400;letter-spacing:0.22em;text-transform:uppercase;color:rgba(242,228,208,0.32);display:block;margin-bottom:0.8rem;}
.tl__desc{font-family:'Quantico',serif;font-size:1.05rem;font-style:italic;font-weight:300;color:rgba(242,228,208,0.72);line-height:1.75;max-width:550px;}

/* ── PROCESO MOSAIC ── */
.proceso-sec{background:var(--cream);padding:10rem 5rem;position:relative;}
.proceso-sec::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--red);}
.proceso-sec__inner{max-width:1350px;margin:0 auto;}
.proceso-sec__header{margin-bottom:5rem;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:2rem;}
.proceso-sec__eyebrow{font-family:'Quantico',sans-serif;font-size:0.68rem;font-weight:600;letter-spacing:0.55em;text-transform:uppercase;color:var(--red);display:flex;align-items:center;gap:1rem;margin-bottom:1rem;}
.proceso-sec__eyebrow::before{content:'';width:40px;height:1px;background:var(--red);}
.proceso-sec__title{font-family:'MajorShift',sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);color:var(--ink);line-height:0.88;}
.proceso-sec__sub{font-family:'Quantico',serif;font-size:1.1rem;font-style:italic;font-weight:300;color:#5A4A3A;max-width:400px;line-height:1.65;}
.proceso-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:260px 260px 260px;gap:4px;}
.proceso-mosaic__cell{overflow:hidden;position:relative;background:var(--dark);}
.proceso-mosaic__cell:nth-child(1){grid-column:span 2;grid-row:span 2;}
.proceso-mosaic__cell:nth-child(5){grid-column:span 2;}
.proceso-mosaic__cell:nth-child(7){grid-column:span 2;}
.proceso-mosaic__cell:nth-child(8){grid-column:span 2;}
.proceso-mosaic__img{width:100%;height:100%;object-fit:cover;filter:saturate(0.75);transition:transform 0.8s var(--ease-out),filter 0.5s;}
.proceso-mosaic__cell:hover .proceso-mosaic__img{transform:scale(1.07);filter:saturate(1);}
.proceso-mosaic__cap{position:absolute;bottom:0;left:0;right:0;padding:1rem 1.2rem;background:linear-gradient(to top,rgba(18,13,8,0.85),transparent);font-family:'Quantico',sans-serif;font-size:0.6rem;font-weight:600;letter-spacing:0.35em;text-transform:uppercase;color:rgba(242,228,208,0.5);transform:translateY(4px);transition:transform 0.3s,opacity 0.3s;opacity:0;}
.proceso-mosaic__cell:hover .proceso-mosaic__cap{transform:translateY(0);opacity:1;}

/* ── PRENSA ── */
.prensa-sec{background:var(--dark);padding:8rem 5rem;position:relative;}
.prensa-sec__inner{max-width:1300px;margin:0 auto;}
.prensa-sec__eyebrow{font-family:'Quantico',sans-serif;font-size:0.68rem;font-weight:600;letter-spacing:0.55em;text-transform:uppercase;color:var(--red);display:flex;align-items:center;gap:1rem;margin-bottom:1rem;}
.prensa-sec__eyebrow::before{content:'';width:40px;height:1px;background:var(--red);}
.prensa-sec__title{font-family:'MajorShift',sans-serif;font-size:clamp(2.5rem,5vw,4rem);color:var(--light);line-height:0.88;margin-bottom:4rem;}
.prensa-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:4px;}
.prensa-grid2{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;}
.prensa-grid__img{overflow:hidden;aspect-ratio:3/4;}
.prensa-grid__img img{width:100%;height:100%;object-fit:cover;filter:saturate(0) brightness(0.7);transition:transform 0.6s var(--ease-out),filter 0.4s;}
.prensa-grid__img:hover img{transform:scale(1.08);filter:saturate(0.6) brightness(1);}

/* ── PROCESO GALERÍA (lightbox) ── */
.proc-sec{background:var(--cream);padding:10rem 5%;position:relative;}
.proc-sec::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--red);}
.proc-sec__inner{max-width:1300px;margin:0 auto;}
.proc-sec__eyebrow{font-family:'Quantico',sans-serif;font-size:0.68rem;font-weight:600;letter-spacing:0.55em;text-transform:uppercase;color:var(--red);display:flex;align-items:center;gap:1rem;margin-bottom:1rem;}
.proc-sec__eyebrow::before{content:'';width:40px;height:1px;background:var(--red);}
.proc-sec__title{font-family:'MajorShift',sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);color:var(--ink);line-height:0.88;margin-bottom:0.8rem;}
.proc-sec__sub{font-family:'Quantico',serif;font-size:1.1rem;font-style:italic;font-weight:300;color:#5A4A3A;line-height:1.7;margin-bottom:5rem;max-width:680px;}
.proc-subsec-title{font-family:'MajorShift',sans-serif;font-size:2.5rem;color:#c1440e;border-bottom:1px solid rgba(193,68,14,0.15);padding-bottom:1rem;margin-top:4rem;margin-bottom:2rem;}
.proc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;}
.proc-card{position:relative;overflow:hidden;cursor:pointer;aspect-ratio:4/3;background:#1e1208;}
.proc-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(0.75);transition:transform 0.9s cubic-bezier(0.25,1,0.5,1),filter 0.7s ease;animation:procFadeIn 0.6s ease forwards;}
@keyframes procFadeIn{from{opacity:0;}to{opacity:1;}}
.proc-card:hover img{transform:scale(1.06);filter:saturate(1);}
.proc-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(18,13,8,0.92) 0%,transparent 70%);opacity:0;transition:opacity 0.8s ease;pointer-events:none;}
.proc-card:hover .proc-card__overlay{opacity:1;}
.proc-card__label{position:absolute;bottom:0;left:0;right:0;padding:1.2rem;opacity:0;transform:translateY(6px);transition:opacity 0.7s ease 0.1s,transform 0.7s ease 0.1s;pointer-events:none;}
.proc-card:hover .proc-card__label{opacity:1;transform:translateY(0);}
.proc-card__num{font-family:'Quantico',sans-serif;font-size:0.55rem;font-weight:600;letter-spacing:0.4em;text-transform:uppercase;color:#c1440e;display:block;}
.proc-card__name{font-family:'MajorShift',sans-serif;font-size:1rem;color:#f2e4d0;display:block;line-height:1;}

/* Proceso Lightbox */
.proc-lb{position:fixed;inset:0;z-index:3000;background:rgba(6,4,2,0.97);opacity:0;pointer-events:none;transition:opacity 0.4s ease;display:flex;align-items:center;justify-content:center;}
.proc-lb.is-open{opacity:1;pointer-events:all;}
.proc-lb__box{max-width:960px;width:90vw;background:#120d08;border-top:2px solid #c1440e;display:grid;grid-template-columns:1fr 1fr;max-height:90vh;overflow:auto;position:relative;}
.proc-lb__img-wrap{position:relative;cursor:zoom-in;}
.proc-lb__img{width:100%;height:100%;object-fit:cover;display:block;}

.proc-lb__info{padding:4rem 4rem;display:flex;flex-direction:column;justify-content:center;position:relative;}
.proc-lb__tag{font-family:'Quantico',sans-serif;font-size:0.75rem;font-weight:700;letter-spacing:0.3em;text-transform:uppercase;color:#c1440e;margin-bottom:1rem;display:block;}
.proc-lb__nombre{font-family:'MajorShift',sans-serif;font-size:3.5rem;color:#fcf8f2;line-height:0.9;margin-bottom:2rem;}
.proc-lb__tec{font-family:'Quantico',serif;font-size:1.35rem;color:rgba(242,228,208,0.9);line-height:1.7;font-style:italic;margin-bottom:2rem;}
.proc-lb__close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;background:rgba(18,13,8,0.5);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgba(242,228,208,0.5);font-family:sans-serif;font-size:1.5rem;font-weight:300;transition:all 0.3s ease;z-index:100;}
.proc-lb__close:hover{background:#c1440e;color:#fff;transform:scale(1.1);}
.proc-lb__nav{display:flex;gap:1rem;margin-top:auto;}
.proc-lb__btn{font-family:'Quantico',sans-serif;font-size:0.75rem;font-weight:700;letter-spacing:0.25em;text-transform:uppercase;color:#b0a090;background:rgba(193,68,14,0.08);border:1px solid rgba(193,68,14,0.15);padding:1rem 1.5rem;cursor:pointer;flex:1;transition:all 0.3s;}
.proc-lb__btn:hover{background:#c1440e;color:#120d08;border-color:#c1440e;}

/* ── RESPONSIVE ── */
@media(max-width:1100px){.bio-split__inner{grid-template-columns:1fr;}.bio-split__left{position:static;}}
@media(max-width:960px){.proc-grid{grid-template-columns:repeat(2,1fr);}.proc-lb__box{grid-template-columns:1fr;}}
@media(max-width:900px){.bio-split{padding:8rem 2rem 6rem;}.tl-sec{padding:7rem 2rem;}.tl__item{grid-template-columns:70px 1fr;gap:1.5rem;}.proceso-sec{padding:7rem 2rem;}.proceso-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px 220px;}.proceso-mosaic__cell:nth-child(1){grid-column:span 2;grid-row:span 1;}.proceso-mosaic__cell:nth-child(5){grid-column:span 2;}.prensa-sec{padding:6rem 2rem;}.prensa-grid{grid-template-columns:1fr 1fr;gap:4px;}.prensa-grid__img{aspect-ratio:3/4;}}
@media(max-width:1024px){
  .bio-split::before { display: none; }
  .bio-split { padding: 6rem 2rem; text-align: center; }
  .bio-split__eyebrow { justify-content: center; margin-bottom: 1.5rem; }
  .bio-split__eyebrow::before { display: none; }
  .bio-split__name { font-size: clamp(2.5rem, 8vw, 3.5rem); text-align: center; }
  .bio-split__origin { text-align: center; }
  .bio-split__text { text-align: center; margin-left: auto; margin-right: auto; }
  .bio-split__datos { grid-template-columns: 1fr; gap: 1rem; text-align: center; border-top: 1px solid rgba(193,68,14,0.1); border-bottom: 1px solid rgba(193,68,14,0.1); }
  .bio-split__actions { justify-content: center; }
  .bio-split__img-tag { display: table; margin: -2px auto 0; }

  .proc-sec::before { display: none; }
  .proc-sec { padding: 6rem 2rem; text-align: center; }
  .proc-sec__eyebrow { justify-content: center; }
  .proc-sec__eyebrow::before { display: none; }
  .proc-sec__title { text-align: center; }
  .proc-sec__sub { text-align: center; margin-left: auto; margin-right: auto; max-width: 800px; }
  .proc-subsec-title { text-align: center; border-bottom: none; letter-spacing: -0.02em; margin-top: 5rem; }
}

@media(max-width:520px){
  .bio-split { padding: 4rem 1.5rem; }
  .bio-split__name { font-size: 2.8rem; }
  .tl-sec { padding: 5rem 1.5rem; }
  .tl__item { grid-template-columns: 50px 1fr; gap: 1rem; padding-left: 2rem; padding-bottom: 3rem; }
  .tl__year { font-size: 1.8rem; }
  .tl__lugar { font-size: 1.4rem; }
  .proceso-sec { padding: 5rem 1.5rem; }
  .proceso-mosaic { grid-template-columns: 1fr; grid-template-rows: auto; }
  .proceso-mosaic__cell:nth-child(1), .proceso-mosaic__cell:nth-child(5), .proceso-mosaic__cell:nth-child(7), .proceso-mosaic__cell:nth-child(8) { grid-column: span 1; }
  .proceso-mosaic__cell { aspect-ratio: 1; }
  .prensa-sec { padding: 5rem 1.5rem; }
  .prensa-grid, .prensa-grid2 { grid-template-columns: 1fr 1fr; }
  .proc-sec { padding: 5rem 1.5rem; }
  .proc-grid { grid-template-columns: 1fr; }
  .proc-lb__info { padding: 2rem 1.5rem; }
  .proc-lb__nombre { font-size: 2rem; }
}