:root{
  --bg:#070707;--panel:#0e0e0e;--panel2:#151515;--text:#f5f5f5;
  --muted:#9a9a9a;--line:rgba(255,255,255,.09);--accent:#e5007d;
  --max:1380px;--radius:22px;
}

/* Sección Imágenes */
.images-section{max-width:var(--max);margin:0 auto;padding:105px 22px;border-top:1px solid var(--line)}
.images-section .section-title-row{margin-bottom:34px}
.images-empty{min-height:340px;border:1px solid var(--line);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008))}
.images-empty span{color:var(--accent);font-size:11px;letter-spacing:.22em;margin-bottom:12px}
.images-empty p{max-width:440px;margin:0;color:#8f8f8f;font-size:16px;line-height:1.55}
@media(max-width:740px){.images-section{padding:74px 14px}.images-empty{min-height:240px;border-radius:18px;padding:24px}.images-empty p{font-size:14px}}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;overflow-x:hidden}
button,a{font:inherit}
a{color:inherit}
img{display:block;max-width:100%}
::selection{background:var(--accent);color:white}

.progress{position:fixed;top:0;left:0;height:2px;background:var(--accent);z-index:5000;transform-origin:left center}
.topbar{
  position:fixed;inset:0 0 auto;z-index:2000;
  background:linear-gradient(to bottom,rgba(7,7,7,.94),rgba(7,7,7,.72));
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border-bottom:1px solid var(--line);
}
.nav{
  height:66px;max-width:var(--max);margin:auto;padding:0 22px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.brand{font-size:14px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}
.navlinks{display:flex;align-items:center;gap:26px}
.navlinks a{font-size:13px;text-decoration:none;color:#d8d8d8;position:relative;padding:8px 0}
.navlinks a:after{content:"";position:absolute;left:0;bottom:2px;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .25s ease}
.navlinks a:hover:after,.navlinks a.active:after{transform:scaleX(1);transform-origin:left}
.navlinks a.active{color:white}

.hero{min-height:100svh;padding-top:66px;display:grid;grid-template-columns:1.08fr .92fr;position:relative;overflow:hidden}
.hero-copy{padding:9vw 5vw 6vw;display:flex;flex-direction:column;justify-content:flex-end;z-index:3}
.kicker{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);font-weight:800}
.hero h1{font-size:clamp(62px,9vw,146px);line-height:.82;letter-spacing:-.065em;margin:14px 0 30px;max-width:820px}
.hero-statement{max-width:630px;color:#bdbdbd;font-size:14px;line-height:1.65;max-height:220px;overflow:auto;padding-right:12px;mask-image:linear-gradient(to bottom,#000 85%,transparent)}
.hero-actions{display:flex;align-items:center;gap:12px;margin-top:26px}
.pill{border:1px solid var(--line);border-radius:999px;padding:12px 18px;text-decoration:none;font-size:12px;transition:.25s ease;background:rgba(255,255,255,.02)}
.pill:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}
.hero-media{position:relative;overflow:hidden;background:#111}
.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(7,7,7,.28),transparent 36%,transparent 75%,rgba(7,7,7,.1));pointer-events:none}
.hero-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);will-change:transform}
.hero-glow{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(120px);background:rgba(229,0,125,.16);left:38%;top:16%;pointer-events:none}

.section{max-width:var(--max);margin:auto;padding:96px 22px}
.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}
.section h2{font-size:clamp(44px,6vw,82px);letter-spacing:-.05em;line-height:.94;margin:8px 0 0}
.count{font-size:12px;color:var(--muted)}
.filters{display:flex;gap:9px;overflow:auto;padding:4px 0 20px;scrollbar-width:none}
.filters::-webkit-scrollbar{display:none}
.filter{
  flex:0 0 auto;border:1px solid var(--line);background:#0c0c0c;color:#c8c8c8;
  padding:9px 14px;border-radius:999px;font-size:11px;cursor:pointer;transition:.2s ease
}
.filter:hover,.filter.active{color:var(--accent);border-color:var(--accent);background:rgba(229,0,125,.06)}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.card{
  min-width:0;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);
  overflow:hidden;cursor:pointer;transform:translateY(18px);opacity:0;
  transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1),border-color .22s ease;
  contain:layout paint;
}
.card.reveal{transform:none;opacity:1}
.card:hover{border-color:rgba(255,255,255,.24);transform:translateY(-4px)}
.card-media{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#090909;position:relative}
.card-media:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);pointer-events:none}
.card img{width:100%;height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.card:hover img{transform:scale(1.025)}
.card-info{padding:14px}
.card-number{font-size:18px;font-weight:760;letter-spacing:-.02em}
.card-tech{font-size:11px;color:#d0d0d0;margin-top:8px;line-height:1.45}
.card-meta{font-size:11px;color:#777;margin-top:3px}
.card-link{display:flex;justify-content:space-between;align-items:center;color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-top:12px}
.card-link span:last-child{font-size:15px;transition:transform .2s ease}.card:hover .card-link span:last-child{transform:translateX(3px)}

.bio{max-width:1180px;margin:auto;padding:105px 22px;border-top:1px solid var(--line)}
.bio .section-head{margin-bottom:44px}
.bio .section-head h2{font-size:clamp(44px,6vw,82px);margin:8px 0 0}
.bio-native{display:block}
.bio-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;padding:30px 0 68px}
.bio-intro h3{font-size:clamp(42px,6vw,72px);letter-spacing:-.05em;line-height:.92;margin:8px 0}
.bio-intro p{color:#bdbdbd;line-height:1.7}
.bio-block{padding:44px 0;border-top:1px solid var(--line)}
.bio-block-head{margin-bottom:24px}
.bio-block-head h3{font-size:28px;margin:5px 0 0}
.bio-block-head p{color:#8d8d8d}
.timeline{display:block}
.timeline-item{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.055)}
.timeline-year{color:var(--accent);font-size:12px;font-weight:700}
.timeline-text{color:#c7c7c7;line-height:1.6;font-size:13px}
.bio-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.bio-list{margin:0;padding-left:18px;color:#c7c7c7}.bio-list li{margin-bottom:9px;line-height:1.5}
.bio-signoff{margin-top:30px;color:#777;font-size:11px;letter-spacing:.1em;text-transform:uppercase}

.contact{max-width:1180px;margin:auto;padding:105px 22px 120px;border-top:1px solid var(--line)}
.contact-head{max-width:720px;margin-bottom:38px}.contact h2{font-size:clamp(44px,6vw,82px);margin:8px 0 12px;letter-spacing:-.05em}
.contact-head p{color:#999}
.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.contact-card{min-height:176px;border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:22px;text-decoration:none;display:flex;flex-direction:column;position:relative;transition:.22s ease}
a.contact-card:hover{border-color:var(--accent);transform:translateY(-3px)}
.contact-icon{width:44px;height:44px;border:1px solid #333;border-radius:50%;display:grid;place-items:center;color:var(--accent);margin-bottom:28px}
.contact-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}
.contact-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#6f6f6f;margin-bottom:7px}
.contact-value{font-size:13.5px;line-height:1.35;overflow-wrap:anywhere}
.contact-small{font-size:11px;color:#888;margin-top:4px}

.lightbox{
  position:fixed;inset:0;z-index:4000;background:rgba(0,0,0,.92);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  display:grid;grid-template-columns:minmax(0,1fr) 350px;
  opacity:0;pointer-events:none;transition:opacity .2s ease;
}
.lightbox.open{opacity:1;pointer-events:auto}
.viewer{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;padding:50px}
.viewer img{max-width:100%;max-height:calc(100svh - 100px);object-fit:contain;filter:drop-shadow(0 24px 50px rgba(0,0,0,.5));transition:transform .28s ease,opacity .2s ease}
.details{border-left:1px solid var(--line);background:rgba(12,12,12,.96);padding:78px 30px 30px;overflow:auto}
.details h3{font-size:38px;letter-spacing:-.04em;margin:10px 0 28px}
.detail-line{border-top:1px solid var(--line);padding:12px 0}
.detail-line span{display:block;font-size:9px;color:#696969;text-transform:uppercase;letter-spacing:.15em;margin-bottom:5px}
.detail-line strong{font-size:13px;font-weight:500;color:#d8d8d8}
.close,.arrow{
  position:absolute;z-index:5;border:1px solid rgba(255,255,255,.15);background:rgba(10,10,10,.58);color:white;backdrop-filter:blur(8px);cursor:pointer
}
.close{right:16px;top:16px;width:44px;height:44px;border-radius:50%;font-size:27px}
.arrow{top:50%;transform:translateY(-50%);width:44px;height:62px;font-size:38px}
.prev{left:10px;border-radius:0 12px 12px 0}.next{right:360px;border-radius:12px 0 0 12px}
.close:hover,.arrow:hover{color:var(--accent);border-color:var(--accent)}
.counter{position:absolute;left:18px;top:18px;font-size:11px;color:#888;letter-spacing:.1em}

.empty{grid-column:1/-1;padding:80px 0;text-align:center;color:#777}
footer{max-width:var(--max);margin:auto;padding:28px 22px 50px;color:#5e5e5e;font-size:10px;text-transform:uppercase;letter-spacing:.12em;border-top:1px solid var(--line)}

@media(max-width:1050px){
  .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero{grid-template-columns:1fr}.hero-copy{min-height:62svh;padding:100px 24px 50px}.hero-media{min-height:58svh}
  .lightbox{grid-template-columns:1fr}.details{position:absolute;left:0;right:0;bottom:0;border-left:0;border-top:1px solid var(--line);padding:16px 18px 18px;background:rgba(10,10,10,.94);max-height:34svh}
  .details h3{font-size:24px;margin:5px 0 10px}.detail-line{display:inline-block;width:49%;vertical-align:top;padding:8px 8px 8px 0}
  .viewer{padding:58px 18px 34svh}.viewer img{max-height:58svh}.next{right:10px}
}
@media(max-width:740px){
  .nav{height:auto;min-height:62px;padding:10px 12px;gap:10px}.brand{font-size:11px}.navlinks{gap:10px}.navlinks a{font-size:10px}
  .section{padding:72px 12px}.section-title-row{align-items:flex-start;flex-direction:column;gap:8px}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .card{border-radius:14px}.card-info{padding:10px}.card-number{font-size:16px}.card-tech,.card-meta{font-size:10px}
  .hero{padding-top:62px}.hero-copy{padding:90px 18px 42px}.hero h1{font-size:clamp(56px,17vw,86px)}.hero-statement{max-height:170px;font-size:13px}
  .bio,.contact{padding:74px 14px}.bio-intro{grid-template-columns:1fr;gap:10px;padding-bottom:48px}.bio-lists{grid-template-columns:1fr;gap:0}
  .timeline-item{grid-template-columns:58px 1fr;gap:10px}
  .contact-grid{grid-template-columns:1fr}.contact-card{min-height:0;display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:center;padding:16px}.contact-icon{margin:0}
  .viewer{padding:58px 12px 36svh}.arrow{width:36px;height:54px;font-size:32px}.prev{left:0}.next{right:0}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


/* === Ajustes visor + portada === */

/* Flechas centradas respecto del área visual de la obra */
.viewer{
  position:relative;
}
.arrow{
  top:50% !important;
  transform:translateY(-50%) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  padding:0 !important;
}
.prev{
  left:18px !important;
}
.next{
  right:18px !important;
}
@media(min-width:1051px){
  .next{
    right:18px !important;
  }
}

/* Portada: texto completo visible, sin scroll interno */
.hero-statement{
  max-height:none !important;
  overflow:visible !important;
  mask-image:none !important;
  -webkit-mask-image:none !important;
  padding-right:0 !important;
}
.hero-copy{
  justify-content:center !important;
  padding-top:88px !important;
  padding-bottom:42px !important;
}
.hero h1{
  margin-bottom:22px !important;
}
.hero-statement{
  font-size:13px !important;
  line-height:1.52 !important;
  max-width:650px !important;
}
.hero-actions{
  margin-top:18px !important;
}

@media(max-width:1050px){
  .hero-copy{
    min-height:auto !important;
    padding-top:88px !important;
    padding-bottom:34px !important;
  }
  .hero h1{
    font-size:clamp(52px,14vw,82px) !important;
    margin-bottom:18px !important;
  }
  .hero-statement{
    font-size:12.5px !important;
    line-height:1.46 !important;
  }
  .viewer{
    padding-left:52px !important;
    padding-right:52px !important;
  }
  .prev{left:6px !important;}
  .next{right:6px !important;}
}

@media(max-width:740px){
  .hero{
    min-height:auto !important;
  }
  .hero-copy{
    padding:78px 14px 26px !important;
  }
  .hero h1{
    font-size:clamp(46px,15vw,68px) !important;
    line-height:.84 !important;
    margin:10px 0 14px !important;
  }
  .hero-statement{
    font-size:11px !important;
    line-height:1.36 !important;
    max-width:none !important;
  }
  .hero-actions{
    margin-top:14px !important;
  }
  .hero-media{
    min-height:46svh !important;
  }
  .viewer{
    padding-left:42px !important;
    padding-right:42px !important;
  }
  .arrow{
    width:36px !important;
    height:52px !important;
    font-size:32px !important;
  }
  .prev{left:2px !important;}
  .next{right:2px !important;}
}




/* === Rotación fija para 6921 / 6922 / 6945 === */

/* La rotación vive en el wrapper; la imagen sólo escala. */
.image-rotation-wrap{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  transform-origin:center center;
}
.image-rotation-wrap img{
  width:100%;
  height:100%;
  object-fit:contain;
  transform-origin:center center;
  transition:transform .45s cubic-bezier(.2,.8,.2,1);
}

/* Hover: sólo cambia tamaño, nunca rotación. */
.card:hover .image-rotation-wrap[data-rotated="1"] img{
  transform:scale(.75) !important;
}

/* Para obras normales se mantiene el comportamiento existente. */
.card:hover .image-rotation-wrap:not([data-rotated="1"]) img{
  transform:scale(1.025);
}

/* Visor grande: rotación separada de escala. */
.lightbox-image-wrap{
  width:88%;
  height:78svh;
  display:flex;
  align-items:center;
  justify-content:center;
  transform-origin:center center;
}
.lightbox-image-wrap img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  transform-origin:center center;
}

/* Evitar que reglas viejas del viewer modifiquen la rotación. */
.viewer > img{
  display:none !important;
}

@media(max-width:1050px){
  .lightbox-image-wrap{
    width:82%;
    height:56svh;
  }
}
@media(max-width:740px){
  .lightbox-image-wrap{
    width:78%;
    height:52svh;
  }
}


/* === Refinamientos finales === */

/* 6921 / 6922 / 6945: miniaturas más grandes sin romper la grilla ni animaciones */
.card .image-rotation-wrap[data-rotated="1"] img{
  transition:transform .45s cubic-bezier(.2,.8,.2,1) !important;
}
.card:hover .image-rotation-wrap[data-rotated="1"] img{
  transform:scale(.94) !important;
}

/* Biografía: jerarquía y respiración más claras */
.bio{
  max-width:1180px !important;
}
.bio .section-head{
  display:grid !important;
  grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr) !important;
  gap:48px !important;
  align-items:end !important;
  margin-bottom:58px !important;
}
.bio .section-head > div:first-child{
  align-self:end !important;
}
.bio .section-head h2{
  margin:8px 0 0 !important;
}
.bio .section-head p{
  margin:0 !important;
  max-width:620px !important;
  color:#9b9b9b !important;
  line-height:1.6 !important;
}

.bio-intro{
  display:grid !important;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr) !important;
  gap:58px !important;
  align-items:start !important;
  padding:10px 0 74px !important;
}
.bio-intro > div:first-child{
  position:sticky !important;
  top:96px !important;
}
.bio-intro h3{
  margin:8px 0 0 !important;
}
.bio-intro p{
  margin-top:0 !important;
}
.bio-block{
  padding:52px 0 !important;
}
.bio-block-head{
  display:grid !important;
  grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr) !important;
  gap:58px !important;
  align-items:start !important;
  margin-bottom:30px !important;
}
.bio-block-head h3{
  margin:6px 0 0 !important;
}
.bio-block-head p{
  margin:0 !important;
  max-width:650px !important;
  line-height:1.6 !important;
}

/* Solo celular: X del visor a la izquierda */
@media(max-width:740px){
  .viewer .close{
    left:12px !important;
    right:auto !important;
    top:12px !important;
  }

  .bio .section-head{
    display:block !important;
    margin-bottom:34px !important;
  }
  .bio .section-head p{
    margin-top:12px !important;
  }

  .bio-intro{
    display:block !important;
    padding-bottom:48px !important;
  }
  .bio-intro > div:first-child{
    position:static !important;
    margin-bottom:22px !important;
  }

  .bio-block{
    padding:38px 0 !important;
  }
  .bio-block-head{
    display:block !important;
    margin-bottom:22px !important;
  }
  .bio-block-head p{
    margin-top:10px !important;
  }
}


/* === Biografía: corrección del EDUARDO HOFFMANN grande === */

/* El nombre vuelve al flujo normal: nunca se superpone al texto */
.bio-intro{
  display:block !important;
  padding:18px 0 72px !important;
}
.bio-intro > div:first-child{
  position:static !important;
  width:100% !important;
  margin:0 0 30px !important;
}
.bio-intro h3{
  position:static !important;
  display:block !important;
  max-width:100% !important;
  margin:8px 0 0 !important;
  font-size:clamp(42px,6vw,72px) !important;
  line-height:.92 !important;
  overflow-wrap:normal !important;
}
.bio-intro > div:last-child{
  width:100% !important;
  max-width:820px !important;
  margin-left:auto !important;
}
.bio-intro > div:last-child p:first-child{
  margin-top:0 !important;
}

/* El resto de bloques conserva la organización nueva */
@media(max-width:740px){
  .bio-intro{
    padding:8px 0 48px !important;
  }
  .bio-intro > div:first-child{
    margin-bottom:22px !important;
  }
  .bio-intro h3{
    font-size:clamp(38px,13vw,56px) !important;
    line-height:.92 !important;
  }
  .bio-intro > div:last-child{
    max-width:none !important;
    margin:0 !important;
  }
}


/* === Ajuste fino Biografía + miniaturas 6921/6922/6945 === */

/* Nombre más chico y contenido centrado debajo */
.bio-intro h3{
  font-size:clamp(34px,4.4vw,56px) !important;
  line-height:.95 !important;
}
.bio-intro > div:first-child{
  margin-bottom:24px !important;
}
.bio-intro > div:last-child{
  max-width:760px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Las tres obras rotadas ocupan toda la altura útil de la miniatura.
   La rotación sigue viviendo en el wrapper, por lo que no se altera la animación. */
.card .image-rotation-wrap[data-rotated="1"]{
  width:125% !important;
  height:125% !important;
  flex:0 0 125% !important;
}
.card .image-rotation-wrap[data-rotated="1"] img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  transform:scale(1) !important;
}
.card:hover .image-rotation-wrap[data-rotated="1"] img{
  transform:scale(1.035) !important;
}

/* Celular */
@media(max-width:740px){
  .bio-intro h3{
    font-size:clamp(32px,10.5vw,46px) !important;
  }
  .bio-intro > div:last-child{
    max-width:92% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}


/* === Visor móvil: obra más grande + controles remaquetados === */
@media(max-width:740px){

  /* Darle casi toda la pantalla útil a la imagen */
  .lightbox{
    grid-template-columns:1fr !important;
  }

  .viewer{
    min-height:100svh !important;
    padding:
      max(54px, env(safe-area-inset-top))
      8px
      150px
      8px !important;
    overflow:hidden !important;
  }

  .lightbox-image-wrap{
    width:96vw !important;
    height:calc(100svh - 210px) !important;
    max-width:none !important;
    max-height:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .lightbox-image-wrap img{
    max-width:100% !important;
    max-height:100% !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
  }

  /* La X queda a la izquierda */
  .viewer .close{
    left:10px !important;
    right:auto !important;
    top:max(10px, env(safe-area-inset-top)) !important;
    width:42px !important;
    height:42px !important;
  }

  /* El contador/número pasa a la derecha */
  .viewer .counter{
    left:auto !important;
    right:14px !important;
    top:max(18px, env(safe-area-inset-top)) !important;
    text-align:right !important;
  }

  /* Flechas abajo para liberar los laterales de la obra */
  .viewer .arrow{
    top:auto !important;
    bottom:88px !important;
    transform:none !important;
    width:58px !important;
    height:48px !important;
    border-radius:999px !important;
    font-size:34px !important;
    background:rgba(10,10,10,.72) !important;
  }

  .viewer .prev{
    left:calc(50% - 70px) !important;
    right:auto !important;
  }

  .viewer .next{
    right:calc(50% - 70px) !important;
    left:auto !important;
  }

  /* Ficha abajo, compacta, para no quitarle altura a la imagen */
  .details{
    max-height:none !important;
    height:auto !important;
    padding:10px 14px max(12px, env(safe-area-inset-bottom)) !important;
    display:grid !important;
    grid-template-columns:1fr 1fr 1fr !important;
    gap:8px !important;
    align-items:end !important;
  }

  .details .kicker,
  .details h3{
    grid-column:1/-1 !important;
  }

  .details h3{
    font-size:20px !important;
    margin:2px 0 6px !important;
  }

  .detail-line{
    width:auto !important;
    display:block !important;
    padding:6px 4px 0 0 !important;
    border-top:1px solid var(--line) !important;
  }

  .detail-line span{
    font-size:8px !important;
    margin-bottom:3px !important;
  }

  .detail-line strong{
    font-size:11px !important;
  }
}


/* === Visor móvil estable: flechas laterales discretas + obra completa === */
@media(max-width:740px){

  /* La obra ocupa casi todo el ancho/alto útil, siempre completa */
  .viewer{
    padding:
      max(56px, env(safe-area-inset-top))
      10px
      142px
      10px !important;
    overflow:hidden !important;
  }

  .lightbox-image-wrap{
    width:96vw !important;
    height:calc(100svh - 205px) !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .lightbox-image-wrap img{
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
  }

  /* Las tres rotadas siguen el mismo criterio: grandes, completas, sin recorte */
  .lightbox-image-wrap.mobile-tall-work{
    width:96vw !important;
    height:calc(100svh - 205px) !important;
    margin:0 auto !important;
  }

  .lightbox-image-wrap.mobile-tall-work img{
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
  }

  /* Flechas a los costados, discretas, traslúcidas y sin contenedor negro */
  .viewer .arrow{
    top:50% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
    width:28px !important;
    height:42px !important;
    min-width:28px !important;
    min-height:42px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    color:rgba(255,255,255,.58) !important;
    font-size:28px !important;
    line-height:1 !important;
    z-index:25 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-shadow:0 1px 5px rgba(0,0,0,.45) !important;
  }

  .viewer .prev{
    left:4px !important;
    right:auto !important;
  }

  .viewer .next{
    right:4px !important;
    left:auto !important;
  }

  .viewer .arrow:active,
  .viewer .arrow:hover{
    color:rgba(255,255,255,.92) !important;
    background:transparent !important;
    border:0 !important;
  }

  /* Mantener X a la izquierda y contador a la derecha */
  .viewer .close{
    left:10px !important;
    right:auto !important;
    top:max(10px, env(safe-area-inset-top)) !important;
  }

  .viewer .counter{
    left:auto !important;
    right:14px !important;
    top:max(18px, env(safe-area-inset-top)) !important;
  }
}


/* ==== OFFLINE: misma estética Netlify, sin dependencias externas ==== */
.offline-filter-radio{position:fixed;left:-9999px;opacity:0;pointer-events:none}
.offline-work-link{display:block;text-decoration:none;color:inherit;height:100%}
.offline-rotate{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-origin:center center}
.offline-art{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:contain;transform-origin:center center;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.card:hover .offline-art{transform:scale(1.025)}
.card:hover .offline-rotate[data-rotated="1"] .offline-art{transform:scale(.94)!important}

#filter-all:checked ~ main #pinturas .work-card{display:block}
#filter-small:checked ~ main #pinturas .work-card{display:none}
#filter-small:checked ~ main #pinturas .work-card.format-small{display:block}
#filter-medium:checked ~ main #pinturas .work-card{display:none}
#filter-medium:checked ~ main #pinturas .work-card.format-medium{display:block}
#filter-large:checked ~ main #pinturas .work-card{display:none}
#filter-large:checked ~ main #pinturas .work-card.format-large{display:block}

#filter-all:checked ~ main #pinturas label[for="filter-all"],
#filter-small:checked ~ main #pinturas label[for="filter-small"],
#filter-medium:checked ~ main #pinturas label[for="filter-medium"],
#filter-large:checked ~ main #pinturas label[for="filter-large"]{
  color:var(--accent)!important;border-color:var(--accent)!important;background:rgba(229,0,125,.06)!important
}

.offline-lightbox{position:fixed;inset:0;z-index:4000;display:none}
.offline-lightbox:target{display:block}
.offline-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.offline-panel{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) 350px;background:#050505}
.offline-viewer{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;padding:50px}
.offline-rotate.large{width:88%;height:calc(100svh - 100px)}
.offline-art.large{width:100%;height:100%;background-size:contain}
.offline-details{border-left:1px solid var(--line);background:rgba(12,12,12,.96);padding:78px 30px 30px;overflow:auto}
.offline-details h3{font-size:38px;letter-spacing:-.04em;margin:10px 0 28px}
.offline-counter{position:absolute;left:18px;top:18px;font-size:11px;color:#888;letter-spacing:.1em}
.offline-close{
  position:absolute;right:16px;top:16px;z-index:5;width:44px;height:44px;border-radius:50%;
  border:1px solid rgba(255,255,255,.15);background:rgba(10,10,10,.58);color:#fff;
  display:grid;place-items:center;text-decoration:none;font-size:27px
}
.offline-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:62px;
  display:flex;align-items:center;justify-content:center;text-decoration:none;
  border:1px solid rgba(255,255,255,.15);background:rgba(10,10,10,.58);color:#fff;
  backdrop-filter:blur(8px);font-size:38px;line-height:1
}
.offline-prev{left:10px;border-radius:0 12px 12px 0}
.offline-next{right:10px;border-radius:12px 0 0 12px}
.offline-arrow:hover,.offline-close:hover{color:var(--accent);border-color:var(--accent)}

@media(max-width:1050px){
  .offline-panel{grid-template-columns:1fr}
  .offline-details{
    position:absolute;left:0;right:0;bottom:0;border-left:0;border-top:1px solid var(--line);
    padding:16px 18px 18px;background:rgba(10,10,10,.94);max-height:34svh
  }
  .offline-details h3{font-size:24px;margin:5px 0 10px}
  .offline-details .detail-line{display:inline-block;width:49%;vertical-align:top;padding:8px 8px 8px 0}
  .offline-viewer{padding:58px 18px 34svh}
  .offline-rotate.large{width:82%;height:58svh}
}

@media(max-width:740px){
  .offline-viewer{padding:58px 12px 36svh}
  .offline-rotate.large{width:96vw;height:58svh}
  .offline-close{left:10px;right:auto;top:max(10px,env(safe-area-inset-top))}
  .offline-counter{left:auto;right:14px;top:max(18px,env(safe-area-inset-top))}
  .offline-arrow{
    width:24px;height:38px;border:0!important;background:transparent!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    color:rgba(255,255,255,.58);font-size:28px;text-shadow:0 1px 5px rgba(0,0,0,.5)
  }
  .offline-prev{left:3px;border-radius:0}
  .offline-next{right:3px;border-radius:0}
  .offline-arrow:hover{color:rgba(255,255,255,.92)!important;background:transparent!important;border:0!important}
}

.eh-art-0{background-image:url('../images/pinturas/obra-001.webp')}.eh-art-1{background-image:url('../images/pinturas/obra-002.webp')}.eh-art-2{background-image:url('../images/pinturas/obra-003.webp')}.eh-art-3{background-image:url('../images/pinturas/obra-004.webp')}.eh-art-4{background-image:url('../images/pinturas/obra-005.webp')}.eh-art-5{background-image:url('../images/pinturas/obra-006.webp')}.eh-art-6{background-image:url('../images/pinturas/obra-007.webp')}.eh-art-7{background-image:url('../images/pinturas/obra-008.webp')}.eh-art-8{background-image:url('../images/pinturas/obra-009.webp')}.eh-art-9{background-image:url('../images/pinturas/obra-010.webp')}.eh-art-10{background-image:url('../images/pinturas/obra-011.webp')}.eh-art-11{background-image:url('../images/pinturas/obra-012.webp')}.eh-art-12{background-image:url('../images/pinturas/obra-013.webp')}.eh-art-13{background-image:url('../images/pinturas/obra-014.webp')}.eh-art-14{background-image:url('../images/pinturas/obra-015.webp')}.eh-art-15{background-image:url('../images/pinturas/obra-016.webp')}.eh-art-16{background-image:url('../images/pinturas/obra-017.webp')}.eh-art-17{background-image:url('../images/pinturas/obra-018.webp')}.eh-art-18{background-image:url('../images/pinturas/obra-019.webp')}.eh-art-19{background-image:url('../images/pinturas/obra-020.webp')}.eh-art-20{background-image:url('../images/pinturas/obra-021.webp')}.eh-art-21{background-image:url('../images/pinturas/obra-022.webp')}.eh-art-22{background-image:url('../images/pinturas/obra-023.webp')}.eh-art-23{background-image:url('../images/pinturas/obra-024.webp')}.eh-art-24{background-image:url('../images/pinturas/obra-025.webp')}.eh-art-25{background-image:url('../images/pinturas/obra-026.webp')}.eh-art-26{background-image:url('../images/pinturas/obra-027.webp')}.eh-art-27{background-image:url('../images/pinturas/obra-028.webp')}.eh-art-28{background-image:url('../images/pinturas/obra-029.webp')}.eh-art-29{background-image:url('../images/pinturas/obra-030.webp')}.eh-art-30{background-image:url('../images/pinturas/obra-031.webp')}.eh-art-31{background-image:url('../images/pinturas/obra-032.webp')}.eh-art-32{background-image:url('../images/pinturas/obra-033.webp')}.eh-art-33{background-image:url('../images/pinturas/obra-034.webp')}.eh-art-34{background-image:url('../images/pinturas/obra-035.webp')}.eh-art-35{background-image:url('../images/pinturas/obra-036.webp')}.eh-art-36{background-image:url('../images/pinturas/obra-037.webp')}.eh-art-37{background-image:url('../images/pinturas/obra-038.webp')}.eh-art-38{background-image:url('../images/pinturas/obra-039.webp')}.eh-art-39{background-image:url('../images/pinturas/obra-040.webp')}.eh-art-40{background-image:url('../images/pinturas/obra-041.webp')}.eh-art-41{background-image:url('../images/pinturas/obra-042.webp')}.eh-art-42{background-image:url('../images/pinturas/obra-043.webp')}.eh-art-43{background-image:url('../images/pinturas/obra-044.webp')}.eh-art-44{background-image:url('../images/pinturas/obra-045.webp')}.eh-art-45{background-image:url('../images/pinturas/obra-046.webp')}.eh-art-46{background-image:url('../images/pinturas/obra-047.webp')}.eh-art-47{background-image:url('../images/pinturas/obra-048.webp')}.eh-art-48{background-image:url('../images/pinturas/obra-049.webp')}.eh-art-49{background-image:url('../images/pinturas/obra-050.webp')}.eh-art-50{background-image:url('../images/pinturas/obra-051.webp')}.eh-art-51{background-image:url('../images/pinturas/obra-052.webp')}.eh-art-52{background-image:url('../images/pinturas/obra-053.webp')}.eh-art-53{background-image:url('../images/pinturas/obra-054.webp')}.eh-art-54{background-image:url('../images/pinturas/obra-055.webp')}.eh-art-55{background-image:url('../images/pinturas/obra-056.webp')}.eh-art-56{background-image:url('../images/pinturas/obra-057.webp')}.eh-art-57{background-image:url('../images/pinturas/obra-058.webp')}.eh-art-58{background-image:url('../images/pinturas/obra-059.webp')}.eh-art-59{background-image:url('../images/pinturas/obra-060.webp')}
<style id="special-rotated-offline-fix">
/* 6921 / 6922 / 6945: garantizar que entren completas en grande */
.offline-rotate.large.special-rotated-work{
  width:72% !important;
  height:72% !important;
  max-width:72vw !important;
  max-height:72vh !important;
}
.offline-rotate.large.special-rotated-work .offline-art.large{
  background-size:contain !important;
}

@media(max-width:1050px){
  .offline-rotate.large.special-rotated-work{
    width:68% !important;
    height:68% !important;
    max-width:68vw !important;
    max-height:54svh !important;
  }
}
@media(max-width:740px){
  .offline-rotate.large.special-rotated-work{
    width:64% !important;
    height:64% !important;
    max-width:64vw !important;
    max-height:50svh !important;
  }
}

<style id="laminas-section-styles">
.laminas-section{
  border-top:1px solid var(--line);
}
.lamina-media{
  background:#0b0b0b;
}
.lamina-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s cubic-bezier(.2,.8,.2,1);
}
.lamina-card:hover .lamina-media img{
  transform:scale(1.025);
}
.lamina-panel{
  grid-template-columns:1fr !important;
}
.lamina-viewer{
  padding:52px !important;
}
.lamina-large-image{
  width:auto;
  height:auto;
  max-width:92%;
  max-height:calc(100svh - 100px);
  object-fit:contain;
}
@media(max-width:740px){
  .lamina-viewer{
    padding:max(58px, env(safe-area-inset-top)) 10px 18px !important;
  }
  .lamina-large-image{
    max-width:96vw;
    max-height:calc(100svh - 90px);
  }
  .lamina-lightbox .offline-close{
    left:10px !important;
    right:auto !important;
  }
  .lamina-lightbox .offline-counter{
    left:auto !important;
    right:14px !important;
  }
  .lamina-lightbox .offline-arrow{
    width:24px !important;
    height:38px !important;
    border:0 !important;
    background:transparent !important;
    color:rgba(255,255,255,.58) !important;
    font-size:28px !important;
    text-shadow:0 1px 5px rgba(0,0,0,.5) !important;
  }
  .lamina-lightbox .offline-prev{left:3px !important;}
  .lamina-lightbox .offline-next{right:3px !important;}
}

<style id="laminas-description-fix">
.lamina-panel{grid-template-columns:minmax(0,1fr) 350px !important}
.lamina-details{display:block}
@media(max-width:1050px){
  .lamina-panel{grid-template-columns:1fr !important}
  .lamina-details{display:block}
  .lamina-viewer{padding:58px 18px 30svh !important}
  .lamina-large-image{max-height:64svh}
}
@media(max-width:740px){
  .lamina-viewer{padding:max(58px,env(safe-area-inset-top)) 10px 31svh !important}
  .lamina-large-image{max-width:96vw;max-height:60svh}
}

<style id="laminas-layout-right-info">
/* Láminas: mismo esquema visual que Pinturas en vista ampliada */
.lamina-panel{
  grid-template-columns:minmax(0,1fr) 350px !important;
}
.lamina-viewer{
  padding:50px !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.lamina-large-image{
  width:auto !important;
  height:auto !important;
  max-width:92% !important;
  max-height:calc(100svh - 100px) !important;
  object-fit:contain !important;
  display:block !important;
}
.lamina-details{
  position:static !important;
  border-left:1px solid var(--line) !important;
  border-top:0 !important;
  background:rgba(12,12,12,.96) !important;
  padding:78px 30px 30px !important;
  overflow:auto !important;
  max-height:none !important;
  display:block !important;
}
.lamina-details h3{
  font-size:38px !important;
  letter-spacing:-.04em !important;
  margin:10px 0 28px !important;
}
.lamina-details .detail-line{
  display:block !important;
  width:100% !important;
  padding:12px 0 !important;
}

/* Tablet y celular: conservar info abajo como en Pinturas, imagen completa */
@media(max-width:1050px){
  .lamina-panel{
    grid-template-columns:1fr !important;
  }
  .lamina-viewer{
    padding:58px 18px 34svh !important;
  }
  .lamina-large-image{
    max-width:92vw !important;
    max-height:58svh !important;
  }
  .lamina-details{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    border-left:0 !important;
    border-top:1px solid var(--line) !important;
    padding:16px 18px 18px !important;
    background:rgba(10,10,10,.94) !important;
    max-height:34svh !important;
  }
  .lamina-details h3{
    font-size:24px !important;
    margin:5px 0 10px !important;
  }
  .lamina-details .detail-line{
    display:inline-block !important;
    width:49% !important;
    vertical-align:top !important;
    padding:8px 8px 8px 0 !important;
  }
}

@media(max-width:740px){
  .lamina-viewer{
    padding:max(58px,env(safe-area-inset-top)) 10px 36svh !important;
  }
  .lamina-large-image{
    max-width:96vw !important;
    max-height:56svh !important;
  }
}



/* ===== LÁMINAS: LAYOUT DEFINITIVO ===== */

/* Tarjetas */
.lamina-media{
  background:#0b0b0b !important;
}
.lamina-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  transition:transform .5s cubic-bezier(.2,.8,.2,1) !important;
}
.lamina-card:hover .lamina-media img{
  transform:scale(1.025) !important;
}

/* Modal: SIEMPRE imagen a la izquierda + ficha a la derecha */
.lamina-lightbox .offline-panel,
.lamina-panel{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 320px !important;
  grid-template-rows:1fr !important;
  position:absolute !important;
  inset:0 !important;
  background:#050505 !important;
}

/* Área visual */
.lamina-lightbox .offline-viewer,
.lamina-viewer{
  position:relative !important;
  min-width:0 !important;
  min-height:0 !important;
  height:100svh !important;
  padding:58px 42px 42px !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Imagen: nunca crop, nunca cover */
.lamina-lightbox .lamina-large-image,
.lamina-large-image{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:calc(100svh - 100px) !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:auto !important;
}

/* Ficha lateral derecha */
.lamina-lightbox .offline-details,
.lamina-lightbox .lamina-details,
.lamina-details{
  position:static !important;
  width:320px !important;
  height:100svh !important;
  max-height:none !important;
  border-left:1px solid var(--line) !important;
  border-top:0 !important;
  background:rgba(12,12,12,.98) !important;
  padding:78px 26px 28px !important;
  overflow-y:auto !important;
  display:block !important;
}

.lamina-details h3{
  font-size:34px !important;
  margin:10px 0 26px !important;
  letter-spacing:-.03em !important;
}
.lamina-details .detail-line{
  display:block !important;
  width:100% !important;
  padding:12px 0 !important;
  border-top:1px solid var(--line) !important;
}

/* Controles */
.lamina-lightbox .offline-close{
  right:334px !important;
  left:auto !important;
  top:14px !important;
}
.lamina-lightbox .offline-counter{
  left:18px !important;
  right:auto !important;
  top:18px !important;
}
.lamina-lightbox .offline-prev{
  left:6px !important;
}
.lamina-lightbox .offline-next{
  right:326px !important;
}

/* TABLET */
@media(max-width:900px){
  .lamina-lightbox .offline-panel,
  .lamina-panel{
    grid-template-columns:minmax(0,1fr) 250px !important;
  }

  .lamina-lightbox .offline-viewer,
  .lamina-viewer{
    height:100svh !important;
    padding:58px 30px 36px !important;
  }

  .lamina-lightbox .lamina-large-image,
  .lamina-large-image{
    max-width:100% !important;
    max-height:calc(100svh - 94px) !important;
  }

  .lamina-lightbox .offline-details,
  .lamina-lightbox .lamina-details,
  .lamina-details{
    width:250px !important;
    height:100svh !important;
    padding:72px 18px 22px !important;
  }

  .lamina-details h3{
    font-size:27px !important;
  }

  .lamina-lightbox .offline-close{
    right:264px !important;
  }
  .lamina-lightbox .offline-next{
    right:256px !important;
  }
}

/* CELULAR: sigue a la derecha, sólo más angosta */
@media(max-width:740px){
  .lamina-lightbox .offline-panel,
  .lamina-panel{
    grid-template-columns:minmax(0,1fr) 118px !important;
    grid-template-rows:1fr !important;
  }

  .lamina-lightbox .offline-viewer,
  .lamina-viewer{
    height:100svh !important;
    padding:max(52px,env(safe-area-inset-top)) 18px 18px 8px !important;
  }

  .lamina-lightbox .lamina-large-image,
  .lamina-large-image{
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:calc(100svh - 76px) !important;
    object-fit:contain !important;
  }

  .lamina-lightbox .offline-details,
  .lamina-lightbox .lamina-details,
  .lamina-details{
    position:static !important;
    width:118px !important;
    height:100svh !important;
    max-height:none !important;
    padding:max(56px,env(safe-area-inset-top)) 9px 14px !important;
    border-left:1px solid var(--line) !important;
    border-top:0 !important;
    overflow-y:auto !important;
  }

  .lamina-details .kicker{
    font-size:7px !important;
    letter-spacing:.12em !important;
  }
  .lamina-details h3{
    font-size:20px !important;
    margin:8px 0 14px !important;
  }
  .lamina-details .detail-line{
    display:block !important;
    width:100% !important;
    padding:9px 0 !important;
  }
  .lamina-details .detail-line span{
    font-size:7px !important;
  }
  .lamina-details .detail-line strong{
    font-size:9px !important;
    line-height:1.25 !important;
    display:block !important;
    overflow-wrap:anywhere !important;
  }

  .lamina-lightbox .offline-close{
    left:8px !important;
    right:auto !important;
    top:max(8px,env(safe-area-inset-top)) !important;
    width:38px !important;
    height:38px !important;
  }

  .lamina-lightbox .offline-counter{
    left:auto !important;
    right:126px !important;
    top:max(16px,env(safe-area-inset-top)) !important;
  }

  /* Flechas discretas, dentro del área visual */
  .lamina-lightbox .offline-arrow{
    width:22px !important;
    height:36px !important;
    border:0 !important;
    background:transparent !important;
    color:rgba(255,255,255,.6) !important;
    font-size:27px !important;
    text-shadow:0 1px 5px rgba(0,0,0,.5) !important;
  }
  .lamina-lightbox .offline-prev{
    left:2px !important;
  }
  .lamina-lightbox .offline-next{
    right:120px !important;
  }
}



/* ===== LÁMINAS: controles alineados y fuera de la obra ===== */

/* Escritorio */
.lamina-lightbox .offline-viewer{
  position:relative !important;
  padding-right:64px !important;
}
.lamina-lightbox .offline-close{
  top:16px !important;
  right:16px !important;
  left:auto !important;
}
.lamina-lightbox .offline-prev{
  left:10px !important;
}
.lamina-lightbox .offline-next{
  right:16px !important;
}

/* Tablet */
@media(max-width:900px){
  .lamina-lightbox .offline-viewer{
    padding-right:52px !important;
  }
  .lamina-lightbox .offline-close{
    right:12px !important;
  }
  .lamina-lightbox .offline-next{
    right:10px !important;
  }
}

/* Celular:
   controles dentro de una franja lateral propia,
   sin invadir el área útil de la lámina */
@media(max-width:740px){
  .lamina-lightbox .offline-viewer{
    padding:
      max(54px,env(safe-area-inset-top))
      34px
      18px
      8px !important;
  }

  .lamina-lightbox .offline-close{
    left:8px !important;
    right:auto !important;
    top:max(8px,env(safe-area-inset-top)) !important;
    width:36px !important;
    height:36px !important;
    font-size:24px !important;
  }

  .lamina-lightbox .offline-prev,
  .lamina-lightbox .offline-next{
    top:50% !important;
    transform:translateY(-50%) !important;
    width:20px !important;
    height:34px !important;
    border:0 !important;
    background:transparent !important;
    color:rgba(255,255,255,.58) !important;
    font-size:25px !important;
    text-shadow:0 1px 5px rgba(0,0,0,.5) !important;
  }

  .lamina-lightbox .offline-prev{
    left:2px !important;
  }

  .lamina-lightbox .offline-next{
    right:122px !important;
    left:auto !important;
  }

  .lamina-lightbox .offline-counter{
    right:126px !important;
    left:auto !important;
    top:max(15px,env(safe-area-inset-top)) !important;
  }

  /* Un poco más de margen a la derecha de la imagen para que la flecha no la toque */
  .lamina-lightbox .lamina-large-image{
    max-width:calc(100% - 14px) !important;
  }
}



/* ===== GRÁFICA: corrección SOLO CELULAR ===== */
@media(max-width:740px){

  /* En celular: imagen arriba, información abajo */
  .lamina-lightbox .offline-panel,
  .lamina-panel{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:minmax(0,1fr) auto !important;
    position:absolute !important;
    inset:0 !important;
    background:#050505 !important;
  }

  /* Área visual: ocupar casi toda la pantalla útil */
  .lamina-lightbox .offline-viewer,
  .lamina-viewer{
    position:relative !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    padding:
      max(54px,env(safe-area-inset-top))
      28px
      12px
      28px !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  /* Imagen completa, sin recorte */
  .lamina-lightbox .lamina-large-image,
  .lamina-large-image{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:calc(100svh - 220px) !important;
    object-fit:contain !important;
    object-position:center center !important;
    margin:auto !important;
  }

  /* Información abajo, limpia y compacta */
  .lamina-lightbox .offline-details,
  .lamina-lightbox .lamina-details,
  .lamina-details{
    position:static !important;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    border-left:0 !important;
    border-top:1px solid var(--line) !important;
    background:rgba(10,10,10,.98) !important;
    padding:12px 14px max(14px,env(safe-area-inset-bottom)) !important;
    overflow:visible !important;
    display:block !important;
  }

  .lamina-details .kicker{
    font-size:8px !important;
    letter-spacing:.14em !important;
  }

  .lamina-details h3{
    font-size:22px !important;
    margin:5px 0 10px !important;
  }

  .lamina-details .detail-line{
    display:inline-block !important;
    width:49% !important;
    vertical-align:top !important;
    padding:8px 8px 0 0 !important;
    border-top:1px solid var(--line) !important;
  }

  .lamina-details .detail-line span{
    font-size:8px !important;
    margin-bottom:3px !important;
  }

  .lamina-details .detail-line strong{
    font-size:11px !important;
    line-height:1.3 !important;
    display:block !important;
  }

  /* X arriba a la izquierda */
  .lamina-lightbox .offline-close{
    left:10px !important;
    right:auto !important;
    top:max(10px,env(safe-area-inset-top)) !important;
    width:38px !important;
    height:38px !important;
    font-size:24px !important;
    z-index:30 !important;
  }

  /* Contador arriba a la derecha */
  .lamina-lightbox .offline-counter{
    left:auto !important;
    right:14px !important;
    top:max(16px,env(safe-area-inset-top)) !important;
    z-index:30 !important;
  }

  /* Flechas laterales discretas, sin contenedor */
  .lamina-lightbox .offline-arrow{
    top:50% !important;
    transform:translateY(-50%) !important;
    width:22px !important;
    height:36px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    color:rgba(255,255,255,.62) !important;
    font-size:27px !important;
    line-height:1 !important;
    text-shadow:0 1px 5px rgba(0,0,0,.55) !important;
    z-index:25 !important;
  }

  .lamina-lightbox .offline-prev{
    left:3px !important;
    right:auto !important;
  }

  .lamina-lightbox .offline-next{
    right:3px !important;
    left:auto !important;
  }

  .lamina-lightbox .offline-arrow:hover,
  .lamina-lightbox .offline-arrow:active{
    color:rgba(255,255,255,.95) !important;
    background:transparent !important;
    border:0 !important;
  }
}



.topbar .nav{
  grid-template-columns:1fr !important;
}
.topbar .navlinks{
  width:100% !important;
  justify-content:space-between !important;
}
@media(max-width:740px){
  .topbar .nav{
    display:block !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }
  .topbar .navlinks{
    display:flex !important;
    width:100% !important;
    justify-content:space-between !important;
    gap:4px !important;
  }
  .topbar .navlinks a{
    flex:0 1 auto !important;
    white-space:nowrap !important;
  }
}



/* ===== PINTURAS: miniaturas como detalle a sangre ===== */

/* Sólo las miniaturas de la sección Pinturas llenan todo el recuadro */
#pinturas .card-media{
  overflow:hidden !important;
  background:#0b0b0b !important;
}

#pinturas .card-media .offline-rotate{
  width:100% !important;
  height:100% !important;
}

#pinturas .card-media .offline-art{
  width:100% !important;
  height:100% !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  transition:transform .5s cubic-bezier(.2,.8,.2,1) !important;
}

/* Mantener la animación suave al pasar por encima */
#pinturas .card:hover .offline-art{
  transform:scale(1.035) !important;
}

/* Las tres obras rotadas también llenan el recuadro sin alterar su orientación */
#pinturas .card-media .offline-rotate[data-rotated="1"]{
  width:125% !important;
  height:125% !important;
}

#pinturas .card:hover .offline-rotate[data-rotated="1"] .offline-art{
  transform:scale(1.03) !important;
}

/* IMPORTANTE:
   La vista ampliada queda intacta y continúa mostrando la obra completa. */
.offline-lightbox .offline-art.large{
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}



/* ===== CELULAR: barra superior siempre visible ===== */
@media(max-width:740px){
  .topbar{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:3000 !important;
    transform:none !important;
    will-change:auto !important;
  }

  /* Compensar la altura de la barra fija para que no tape el contenido */
  body{
    padding-top:62px !important;
  }

  .hero{
    padding-top:0 !important;
  }
}



/* =========================================================
   EDUARDO HOFFMANN — EDITORIAL / GALLERY REDESIGN
   Same content, new visual system
   ========================================================= */

:root{
  --v2-bg:#080808;
  --v2-paper:#efeee9;
  --v2-paper2:#e6e4de;
  --v2-ink:#0a0a0a;
  --v2-white:#f6f6f2;
  --v2-muted:#92908b;
  --v2-accent:#e5007d;
  --v2-line:rgba(255,255,255,.13);
}

/* global rhythm */
.editorial-v2{
  background:var(--v2-bg)!important;
  letter-spacing:-.01em;
}
.editorial-v2 .section,
.editorial-v2 .bio,
.editorial-v2 .contact{
  max-width:1480px!important;
}

/* ===== FLOATING MINIMAL NAV ===== */
.editorial-v2 .topbar{
  position:fixed!important;
  top:14px!important;
  left:50%!important;
  right:auto!important;
  width:min(760px,calc(100% - 28px))!important;
  transform:translateX(-50%)!important;
  background:rgba(12,12,12,.72)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:999px!important;
  backdrop-filter:blur(24px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(135%)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.22)!important;
  z-index:3500!important;
}
.editorial-v2 .topbar .nav{
  min-height:52px!important;
  padding:7px 12px!important;
  display:block!important;
  max-width:none!important;
}
.editorial-v2 .navlinks{
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  width:100%!important;
  gap:4px!important;
}
.editorial-v2 .navlinks a{
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 8px!important;
  border-radius:999px!important;
  font-size:11px!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.68)!important;
  transition:background .25s ease,color .25s ease,transform .25s ease!important;
}
.editorial-v2 .navlinks a:hover{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}
.editorial-v2 .navlinks a:after{display:none!important}

/* ===== CINEMATIC HERO ===== */
.editorial-v2 .hero{
  min-height:100svh!important;
  display:block!important;
  position:relative!important;
  overflow:hidden!important;
  padding:0!important;
  background:#050505!important;
}
.editorial-v2 .hero-media{
  position:absolute!important;
  inset:0!important;
  min-height:100%!important;
  z-index:0!important;
}
.editorial-v2 .hero-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(.95) contrast(1.02)!important;
  transform:scale(1.025)!important;
}
.editorial-v2 .hero:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.48) 38%,rgba(0,0,0,.12) 68%,rgba(0,0,0,.24) 100%),
    linear-gradient(0deg,rgba(0,0,0,.62) 0%,transparent 48%)!important;
}
.editorial-v2 .hero-glow{display:none!important}
.editorial-v2 .hero-copy{
  position:relative!important;
  z-index:2!important;
  min-height:100svh!important;
  max-width:970px!important;
  padding:clamp(110px,13vh,170px) clamp(22px,6vw,90px) 66px!important;
  justify-content:flex-end!important;
}
.editorial-v2 .hero .kicker{
  color:#fff!important;
  opacity:.7!important;
  font-size:10px!important;
  letter-spacing:.27em!important;
}
.editorial-v2 .hero h1{
  color:#fff!important;
  font-size:clamp(72px,12vw,180px)!important;
  line-height:.76!important;
  letter-spacing:-.075em!important;
  margin:18px 0 34px!important;
  text-wrap:balance;
}
.editorial-v2 .hero-statement{
  max-width:680px!important;
  color:rgba(255,255,255,.78)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(13px,1.25vw,17px)!important;
  line-height:1.58!important;
  max-height:none!important;
  overflow:visible!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}
.editorial-v2 .hero-actions{margin-top:28px!important}
.editorial-v2 .hero .pill{
  background:rgba(255,255,255,.92)!important;
  color:#0a0a0a!important;
  border:0!important;
  padding:13px 20px!important;
  font-weight:650!important;
  letter-spacing:.03em!important;
}
.editorial-v2 .hero .pill:hover{
  background:var(--v2-accent)!important;
  color:#fff!important;
}

/* ===== SECTION TITLES ===== */
.editorial-v2 .section{
  padding:125px 28px 110px!important;
}
.editorial-v2 .section-title-row{
  border-top:1px solid var(--v2-line)!important;
  padding-top:24px!important;
  margin-bottom:48px!important;
  align-items:flex-start!important;
}
.editorial-v2 .section .kicker{
  font-size:9px!important;
  color:var(--v2-accent)!important;
  letter-spacing:.2em!important;
}
.editorial-v2 .section h2{
  font-size:clamp(54px,8vw,110px)!important;
  line-height:.82!important;
  letter-spacing:-.065em!important;
  margin:10px 0 0!important;
}
.editorial-v2 .count{
  color:#666!important;
  text-transform:uppercase!important;
  letter-spacing:.14em!important;
  font-size:9px!important;
  padding-top:10px!important;
}

/* ===== FILTERS AS EDITORIAL TABS ===== */
.editorial-v2 .filters{
  gap:2px!important;
  margin-bottom:28px!important;
  padding:0 0 18px!important;
  border-bottom:1px solid var(--v2-line)!important;
}
.editorial-v2 .filter{
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
  padding:8px 14px 8px 0!important;
  margin-right:16px!important;
  color:#747474!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
  font-size:9px!important;
  position:relative!important;
}
.editorial-v2 .filter:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  width:100%!important;
  height:1px!important;
  background:var(--v2-accent)!important;
  transform:scaleX(0)!important;
  transform-origin:left!important;
  transition:transform .2s ease!important;
}
#filter-all:checked ~ main #pinturas label[for="filter-all"]:after,
#filter-small:checked ~ main #pinturas label[for="filter-small"]:after,
#filter-medium:checked ~ main #pinturas label[for="filter-medium"]:after,
#filter-large:checked ~ main #pinturas label[for="filter-large"]:after{
  transform:scaleX(1)!important;
}

/* ===== GALLERY: MORE EDITORIAL / LESS CARD-LIKE ===== */
.editorial-v2 #pinturas .grid,
.editorial-v2 #laminas .grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:34px 18px!important;
}
.editorial-v2 .card{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
  box-shadow:none!important;
}
.editorial-v2 .card-media{
  border-radius:2px!important;
  background:#111!important;
  overflow:hidden!important;
  box-shadow:0 16px 45px rgba(0,0,0,.13)!important;
}
.editorial-v2 #pinturas .card-media{
  aspect-ratio:4/5!important;
}
.editorial-v2 #laminas .card-media{
  aspect-ratio:4/3!important;
}
.editorial-v2 #pinturas .card:nth-child(6n+2) .card-media,
.editorial-v2 #pinturas .card:nth-child(6n+5) .card-media{
  aspect-ratio:1/1!important;
}
.editorial-v2 #pinturas .card:nth-child(6n+3) .card-media{
  aspect-ratio:3/4!important;
}
.editorial-v2 .card-info{
  padding:13px 2px 0!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  column-gap:12px!important;
}
.editorial-v2 .card-number{
  font-size:15px!important;
  letter-spacing:-.02em!important;
}
.editorial-v2 .card-tech,
.editorial-v2 .card-meta{
  grid-column:1/2!important;
  font-size:10px!important;
  color:#777!important;
}
.editorial-v2 .card-link{
  grid-column:2/3!important;
  grid-row:1/4!important;
  align-self:start!important;
  margin:0!important;
  width:32px!important;
  height:32px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.editorial-v2 .card-link span:first-child{display:none!important}
.editorial-v2 .card-link span:last-child{
  font-size:15px!important;
  color:#bbb!important;
}
.editorial-v2 .card:hover .card-link{
  border-color:var(--v2-accent)!important;
}
.editorial-v2 .card:hover .card-link span:last-child{color:var(--v2-accent)!important}

/* ===== GRAPHIC SECTION AS LIGHT EDITORIAL CHAPTER ===== */
.editorial-v2 #laminas{
  max-width:none!important;
  padding-left:max(28px,calc((100vw - 1480px)/2 + 28px))!important;
  padding-right:max(28px,calc((100vw - 1480px)/2 + 28px))!important;
  background:var(--v2-paper)!important;
  color:var(--v2-ink)!important;
}
.editorial-v2 #laminas .section-title-row{
  border-top-color:rgba(0,0,0,.18)!important;
}
.editorial-v2 #laminas .kicker{color:var(--v2-accent)!important}
.editorial-v2 #laminas .count{color:#777!important}
.editorial-v2 #laminas .card-media{
  background:#d9d7d1!important;
  box-shadow:0 18px 45px rgba(0,0,0,.09)!important;
}
.editorial-v2 #laminas .card-number{color:#111!important}
.editorial-v2 #laminas .card-tech,
.editorial-v2 #laminas .card-meta{color:#666!important}
.editorial-v2 #laminas .card-link{
  border-color:rgba(0,0,0,.16)!important;
}
.editorial-v2 #laminas .card-link span:last-child{color:#333!important}

/* ===== BIOGRAPHY: MAGAZINE / EDITORIAL ===== */
.editorial-v2 .bio{
  padding:135px 28px 120px!important;
  background:#0b0b0b!important;
}
.editorial-v2 .bio .section-head{
  border-top:1px solid var(--v2-line)!important;
  padding-top:24px!important;
  margin-bottom:75px!important;
}
.editorial-v2 .bio .section-head h2{
  font-size:clamp(58px,8vw,108px)!important;
  line-height:.82!important;
  letter-spacing:-.065em!important;
}
.editorial-v2 .bio-intro{
  display:grid!important;
  grid-template-columns:.78fr 1.22fr!important;
  gap:7vw!important;
  align-items:start!important;
  padding-bottom:90px!important;
}
.editorial-v2 .bio-intro > div:first-child{
  position:sticky!important;
  top:100px!important;
}
.editorial-v2 .bio-intro h3{
  font-size:clamp(42px,5vw,72px)!important;
  line-height:.9!important;
  letter-spacing:-.055em!important;
}
.editorial-v2 .bio-intro > div:last-child{
  max-width:740px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:16px!important;
}
.editorial-v2 .bio-block{
  display:grid!important;
  grid-template-columns:.78fr 1.22fr!important;
  gap:7vw!important;
  padding:62px 0!important;
}
.editorial-v2 .bio-block-head{
  display:block!important;
  margin:0!important;
}
.editorial-v2 .bio-block-head h3{
  font-size:24px!important;
  letter-spacing:-.025em!important;
}
.editorial-v2 .bio-block-head p{
  color:#777!important;
  font-size:11px!important;
  margin-top:10px!important;
}
.editorial-v2 .timeline,
.editorial-v2 .bio-lists,
.editorial-v2 .bio-signoff{
  grid-column:2/3!important;
}
.editorial-v2 .timeline-item{
  grid-template-columns:76px 1fr!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  padding:14px 0!important;
}
.editorial-v2 .timeline-text,
.editorial-v2 .bio-list{
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:13px!important;
}

/* ===== CONTACT AS FINAL POSTER ===== */
.editorial-v2 .contact{
  padding:130px 28px 150px!important;
}
.editorial-v2 .contact-head{
  max-width:980px!important;
  margin-bottom:58px!important;
}
.editorial-v2 .contact h2{
  font-size:clamp(64px,10vw,142px)!important;
  line-height:.78!important;
  letter-spacing:-.075em!important;
}
.editorial-v2 .contact-grid{
  gap:1px!important;
  background:var(--v2-line)!important;
  border:1px solid var(--v2-line)!important;
}
.editorial-v2 .contact-card{
  border:0!important;
  border-radius:0!important;
  background:#0c0c0c!important;
  min-height:210px!important;
  padding:26px!important;
}
.editorial-v2 .contact-card:hover{
  background:#111!important;
  transform:none!important;
}
.editorial-v2 .contact-icon{
  border:0!important;
  border-radius:0!important;
  width:auto!important;
  height:auto!important;
  justify-content:flex-start!important;
  margin-bottom:46px!important;
}
.editorial-v2 .contact-label{
  color:#666!important;
  letter-spacing:.18em!important;
}
.editorial-v2 .contact-value{
  font-size:15px!important;
}

/* ===== LIGHTBOX: CLEANER, MORE MUSEUM-LIKE ===== */
.editorial-v2 .offline-backdrop{
  background:rgba(0,0,0,.96)!important;
  backdrop-filter:blur(10px)!important;
}
.editorial-v2 .offline-panel{
  background:#050505!important;
}
.editorial-v2 .offline-details{
  background:#0a0a0a!important;
  border-left-color:rgba(255,255,255,.09)!important;
}
.editorial-v2 .offline-close{
  background:rgba(5,5,5,.25)!important;
  border-color:rgba(255,255,255,.18)!important;
}
.editorial-v2 .offline-arrow{
  background:transparent!important;
  border:0!important;
  color:rgba(255,255,255,.56)!important;
}
.editorial-v2 .offline-arrow:hover{color:#fff!important}

/* ===== FOOTER ===== */
.editorial-v2 footer{
  border-top:1px solid var(--v2-line)!important;
  color:#555!important;
  padding-bottom:80px!important;
}

/* ===== TABLET ===== */
@media(max-width:1050px){
  .editorial-v2 #pinturas .grid,
  .editorial-v2 #laminas .grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .editorial-v2 .bio-intro,
  .editorial-v2 .bio-block{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .editorial-v2 .bio-intro > div:first-child{
    position:static!important;
  }
  .editorial-v2 .timeline,
  .editorial-v2 .bio-lists,
  .editorial-v2 .bio-signoff{
    grid-column:1!important;
  }
}

/* ===== MOBILE ===== */
@media(max-width:740px){
  .editorial-v2{
    padding-top:0!important;
  }
  .editorial-v2 .topbar{
    top:8px!important;
    width:calc(100% - 16px)!important;
  }
  .editorial-v2 .topbar .nav{
    min-height:48px!important;
    padding:5px!important;
  }
  .editorial-v2 .navlinks{
    gap:1px!important;
  }
  .editorial-v2 .navlinks a{
    min-height:38px!important;
    padding:0 2px!important;
    font-size:8.7px!important;
    letter-spacing:.015em!important;
  }

  .editorial-v2 .hero-copy{
    min-height:100svh!important;
    padding:100px 16px 36px!important;
  }
  .editorial-v2 .hero h1{
    font-size:clamp(62px,19vw,92px)!important;
    line-height:.78!important;
    margin-bottom:20px!important;
  }
  .editorial-v2 .hero-statement{
    font-size:11.2px!important;
    line-height:1.42!important;
  }
  .editorial-v2 .hero .pill{
    padding:11px 15px!important;
    font-size:10px!important;
  }

  .editorial-v2 .section{
    padding:92px 11px 82px!important;
  }
  .editorial-v2 .section-title-row{
    margin-bottom:30px!important;
  }
  .editorial-v2 .section h2{
    font-size:clamp(48px,17vw,78px)!important;
  }
  .editorial-v2 .filters{
    margin-bottom:16px!important;
  }
  .editorial-v2 .filter{
    font-size:8px!important;
    margin-right:8px!important;
    padding-right:6px!important;
  }

  .editorial-v2 #pinturas .grid,
  .editorial-v2 #laminas .grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:26px 8px!important;
  }
  .editorial-v2 #pinturas .card-media{
    aspect-ratio:4/5!important;
  }
  .editorial-v2 #pinturas .card:nth-child(6n+2) .card-media,
  .editorial-v2 #pinturas .card:nth-child(6n+3) .card-media,
  .editorial-v2 #pinturas .card:nth-child(6n+5) .card-media{
    aspect-ratio:4/5!important;
  }
  .editorial-v2 #laminas .card-media{
    aspect-ratio:4/3!important;
  }
  .editorial-v2 .card-info{
    padding-top:8px!important;
  }
  .editorial-v2 .card-number{
    font-size:13px!important;
  }
  .editorial-v2 .card-tech,
  .editorial-v2 .card-meta{
    font-size:8.8px!important;
  }
  .editorial-v2 .card-link{
    width:27px!important;
    height:27px!important;
  }

  .editorial-v2 #laminas{
    padding-left:11px!important;
    padding-right:11px!important;
  }

  .editorial-v2 .bio{
    padding:95px 14px 90px!important;
  }
  .editorial-v2 .bio .section-head{
    margin-bottom:45px!important;
  }
  .editorial-v2 .bio .section-head h2{
    font-size:clamp(50px,16vw,74px)!important;
  }
  .editorial-v2 .bio-intro{
    padding-bottom:58px!important;
  }
  .editorial-v2 .bio-intro h3{
    font-size:38px!important;
  }
  .editorial-v2 .bio-intro > div:last-child{
    font-size:13px!important;
  }
  .editorial-v2 .bio-block{
    padding:42px 0!important;
  }
  .editorial-v2 .bio-lists{
    grid-template-columns:1fr!important;
  }

  .editorial-v2 .contact{
    padding:95px 12px 105px!important;
  }
  .editorial-v2 .contact h2{
    font-size:clamp(58px,18vw,88px)!important;
  }
  .editorial-v2 .contact-grid{
    grid-template-columns:1fr!important;
  }
  .editorial-v2 .contact-card{
    min-height:0!important;
    padding:18px!important;
  }
  .editorial-v2 .contact-icon{
    margin-bottom:20px!important;
  }
}

/* reduce motion */
@media(prefers-reduced-motion:reduce){
  .editorial-v2 *{transition:none!important}
}



/* =========================================================
   EDITORIAL V2 — refinamientos
   1) miniaturas uniformes
   2) identidad cromática por capítulo
   ========================================================= */

/* ===== TODAS LAS MINIATURAS DE PINTURAS IGUALES ===== */
.editorial-v2 #pinturas .card-media,
.editorial-v2 #pinturas .card:nth-child(6n+2) .card-media,
.editorial-v2 #pinturas .card:nth-child(6n+3) .card-media,
.editorial-v2 #pinturas .card:nth-child(6n+5) .card-media{
  aspect-ratio:4/5 !important;
  width:100% !important;
  height:auto !important;
}

/* También uniformar Gráfica internamente */
.editorial-v2 #laminas .card-media{
  aspect-ratio:4/3 !important;
  width:100% !important;
  height:auto !important;
}

/* ===== GRÁFICA — CAPÍTULO CLARO ===== */
.editorial-v2 #laminas{
  background:#f2f0ea !important;
  color:#0a0a0a !important;
}
.editorial-v2 #laminas .section-title-row{
  border-top-color:rgba(0,0,0,.18) !important;
}
.editorial-v2 #laminas .card-number{
  color:#111 !important;
}
.editorial-v2 #laminas .card-tech,
.editorial-v2 #laminas .card-meta,
.editorial-v2 #laminas .count{
  color:#68655f !important;
}
.editorial-v2 #laminas .card-link{
  border-color:rgba(0,0,0,.16) !important;
}
.editorial-v2 #laminas .card-link span:last-child{
  color:#333 !important;
}

/* ===== BIOGRAFÍA — CAPÍTULO BORDEAUX / CIRUELA ===== */
.editorial-v2 .bio{
  max-width:none !important;
  padding-left:max(28px,calc((100vw - 1480px)/2 + 28px)) !important;
  padding-right:max(28px,calc((100vw - 1480px)/2 + 28px)) !important;
  background:#24151d !important;
  color:#f6f1f3 !important;
}
.editorial-v2 .bio .section-head,
.editorial-v2 .bio-block{
  border-color:rgba(255,255,255,.12) !important;
}
.editorial-v2 .bio .section-head p,
.editorial-v2 .bio-block-head p{
  color:rgba(255,255,255,.56) !important;
}
.editorial-v2 .bio-intro p,
.editorial-v2 .timeline-text,
.editorial-v2 .bio-list{
  color:rgba(255,255,255,.78) !important;
}
.editorial-v2 .timeline-item{
  border-bottom-color:rgba(255,255,255,.11) !important;
}
.editorial-v2 .timeline-year{
  color:#ff4ba9 !important;
}

/* ===== CONTACTO — CAPÍTULO AZUL NOCHE ===== */
.editorial-v2 .contact{
  max-width:none !important;
  padding-left:max(28px,calc((100vw - 1480px)/2 + 28px)) !important;
  padding-right:max(28px,calc((100vw - 1480px)/2 + 28px)) !important;
  background:#101a24 !important;
  color:#f4f7fa !important;
}
.editorial-v2 .contact-head p{
  color:rgba(255,255,255,.62) !important;
}
.editorial-v2 .contact-grid{
  background:rgba(255,255,255,.11) !important;
  border-color:rgba(255,255,255,.11) !important;
}
.editorial-v2 .contact-card{
  background:#13212d !important;
}
.editorial-v2 .contact-card:hover{
  background:#182a38 !important;
}
.editorial-v2 .contact-label{
  color:rgba(255,255,255,.48) !important;
}
.editorial-v2 .contact-value,
.editorial-v2 .contact-small{
  color:#f4f7fa !important;
}
.editorial-v2 .contact-icon{
  color:#ff4ba9 !important;
}

/* Transición visual de capítulo, sin efectos pesados */
.editorial-v2 #laminas,
.editorial-v2 .bio,
.editorial-v2 .contact{
  transition:background-color .35s ease,color .35s ease !important;
}

/* MOBILE */
@media(max-width:740px){
  .editorial-v2 #pinturas .card-media,
  .editorial-v2 #pinturas .card:nth-child(6n+2) .card-media,
  .editorial-v2 #pinturas .card:nth-child(6n+3) .card-media,
  .editorial-v2 #pinturas .card:nth-child(6n+5) .card-media{
    aspect-ratio:4/5 !important;
  }

  .editorial-v2 .bio,
  .editorial-v2 .contact{
    padding-left:14px !important;
    padding-right:14px !important;
  }
}



/* =========================================================
   MINIATURAS — uniformes y a sangre
   ========================================================= */

/* Pinturas: todas las tarjetas exactamente 4:5 */
.editorial-v2 #pinturas .card-media,
.editorial-v2 #pinturas .card:nth-child(n) .card-media{
  aspect-ratio:4/5 !important;
  width:100% !important;
  height:auto !important;
  overflow:hidden !important;
}

/* 6921 / 6922 / 6945: detalle a sangre ocupando TODO el recuadro */
.editorial-v2 #pinturas .special-fill-thumb .offline-rotate{
  width:142% !important;
  height:142% !important;
  flex:0 0 142% !important;
  transform-origin:center center !important;
}
.editorial-v2 #pinturas .special-fill-thumb .offline-art{
  width:100% !important;
  height:100% !important;
  background-size:cover !important;
  background-position:center center !important;
  transform:scale(1) !important;
}
.editorial-v2 #pinturas .special-fill-thumb:hover .offline-art{
  transform:scale(1.035) !important;
}

/* El resto de Pinturas también funciona como detalle a sangre */
.editorial-v2 #pinturas .card-media .offline-art{
  background-size:cover !important;
  background-position:center center !important;
}

/* Gráfica: mismo tamaño exacto de miniatura que Pinturas */
.editorial-v2 #laminas .card-media{
  aspect-ratio:4/5 !important;
  width:100% !important;
  height:auto !important;
  overflow:hidden !important;
  background:#d9d7d1 !important;
}

/* Gráfica: zoom/detalle que llena completamente el recuadro */
.editorial-v2 #laminas .lamina-media img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:scale(1.04) !important;
  transition:transform .5s cubic-bezier(.2,.8,.2,1) !important;
}
.editorial-v2 #laminas .lamina-card:hover .lamina-media img{
  transform:scale(1.075) !important;
}

/* Vistas ampliadas: mantener siempre imagen completa */
.editorial-v2 .offline-lightbox .offline-art.large{
  background-size:contain !important;
  background-position:center center !important;
}
.editorial-v2 .lamina-lightbox .lamina-large-image{
  object-fit:contain !important;
  max-width:100% !important;
  max-height:100% !important;
}

/* Mobile mantiene las mismas proporciones uniformes */
@media(max-width:740px){
  .editorial-v2 #pinturas .card-media,
  .editorial-v2 #pinturas .card:nth-child(n) .card-media,
  .editorial-v2 #laminas .card-media{
    aspect-ratio:4/5 !important;
  }
}



/* Contacto: borde magenta al pasar el mouse por cualquier tarjeta */
.editorial-v2 .contact-card{
  position:relative !important;
  outline:1px solid transparent !important;
  outline-offset:-1px !important;
  transition:
    background-color .25s ease,
    outline-color .22s ease,
    box-shadow .22s ease !important;
}
.editorial-v2 .contact-card:hover{
  outline-color:#e5007d !important;
  box-shadow:
    inset 0 0 0 1px #e5007d,
    0 0 22px rgba(229,0,125,.12) !important;
}



.offline-lightbox{
  display:none !important;
}
.offline-lightbox:target{
  display:block !important;
}



/* CONTACTO — capítulo marfil */
.editorial-v2 .contact{
  background:#eee9dc !important;
  color:#171512 !important;
}
.editorial-v2 .contact .kicker{
  color:#e5007d !important;
}
.editorial-v2 .contact-head p{
  color:#706b61 !important;
}
.editorial-v2 .contact-grid{
  background:rgba(25,22,18,.14) !important;
  border-color:rgba(25,22,18,.14) !important;
}
.editorial-v2 .contact-card{
  background:#f6f2e8 !important;
  color:#171512 !important;
  text-decoration:none !important;
}
.editorial-v2 .contact-card:hover{
  background:#fbf8f0 !important;
  outline-color:#e5007d !important;
  box-shadow:
    inset 0 0 0 1px #e5007d,
    0 0 22px rgba(229,0,125,.12) !important;
}
.editorial-v2 .contact-label{
  color:#817b70 !important;
}
.editorial-v2 .contact-value,
.editorial-v2 .contact-small{
  color:#171512 !important;
}
.editorial-v2 .contact-icon{
  color:#e5007d !important;
}



/* Tipografía moderna para texto de Inicio y Biografía.
   Usa la familia sans-serif del sistema: moderna, limpia y 100% offline. */
.editorial-v2 .hero-statement{
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-weight:400 !important;
  letter-spacing:-.015em !important;
  line-height:1.55 !important;
}

.editorial-v2 .bio-intro > div:last-child,
.editorial-v2 .bio-intro p,
.editorial-v2 .timeline-text,
.editorial-v2 .bio-list,
.editorial-v2 .bio-signoff,
.editorial-v2 .bio p{
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-weight:400 !important;
  letter-spacing:-.012em !important;
  line-height:1.58 !important;
}

/* Mantener títulos con personalidad editorial */
.editorial-v2 .bio h2,
.editorial-v2 .bio h3{
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

@media(max-width:740px){
  .editorial-v2 .hero-statement{
    line-height:1.48 !important;
    letter-spacing:-.01em !important;
  }
  .editorial-v2 .bio-intro > div:last-child,
  .editorial-v2 .bio p,
  .editorial-v2 .timeline-text,
  .editorial-v2 .bio-list{
    line-height:1.52 !important;
  }
}



/* Gráfica: círculo + flecha en cian al pasar el mouse */
@media (hover:hover) and (pointer:fine){
  .editorial-v2 #laminas .lamina-card:hover .card-link{
    border-color:#00d9e8 !important;
    background:rgba(0,217,232,.07) !important;
  }
  .editorial-v2 #laminas .lamina-card:hover .card-link span:last-child{
    color:#00d9e8 !important;
  }
}



/* Gráfica — hover cian definitivo */
.editorial-v2 #laminas .lamina-card .card-link{
  transition:
    border-color .22s ease,
    background-color .22s ease,
    color .22s ease !important;
}

@media (hover:hover) and (pointer:fine){
  .editorial-v2 #laminas .lamina-card:hover .card-link,
  .editorial-v2 #laminas .lamina-card .offline-work-link:hover .card-link{
    border-color:#00dbe8 !important;
    background-color:#00dbe8 !important;
  }

  .editorial-v2 #laminas .lamina-card:hover .card-link span,
  .editorial-v2 #laminas .lamina-card .offline-work-link:hover .card-link span,
  .editorial-v2 #laminas .lamina-card:hover .card-link span:last-child{
    color:#071012 !important;
  }
}

/* Teclado/foco también conserva la identidad cian */
.editorial-v2 #laminas .offline-work-link:focus-visible .card-link{
  border-color:#00dbe8 !important;
  background-color:#00dbe8 !important;
}
.editorial-v2 #laminas .offline-work-link:focus-visible .card-link span{
  color:#071012 !important;
}



/* Gráfica — sólo contorno cian, sin relleno */
@media (hover:hover) and (pointer:fine){
  .editorial-v2 #laminas .lamina-card:hover .card-link,
  .editorial-v2 #laminas .lamina-card .offline-work-link:hover .card-link{
    border-color:#00dbe8 !important;
    background:transparent !important;
    background-color:transparent !important;
  }

  /* La flecha queda negra como en estado normal */
  .editorial-v2 #laminas .lamina-card:hover .card-link span,
  .editorial-v2 #laminas .lamina-card:hover .card-link span:last-child,
  .editorial-v2 #laminas .lamina-card .offline-work-link:hover .card-link span{
    color:#333 !important;
  }
}

.editorial-v2 #laminas .offline-work-link:focus-visible .card-link{
  border-color:#00dbe8 !important;
  background:transparent !important;
  background-color:transparent !important;
}
.editorial-v2 #laminas .offline-work-link:focus-visible .card-link span{
  color:#333 !important;
}
/* === Portada interactiva: pincelada orgánica en negativo === */
#inicio .hero-media{
  isolation:isolate;
}
#inicio .hero-media img{
  position:relative;
  z-index:1;
}
#inicio .hero-media:after{
  z-index:3;
}
.hero-inverse-brush{
  position:absolute;
  inset:0;
  z-index:2;
  width:100%;
  height:100%;
  display:block;
  pointer-events:none;
}
@media (hover:none),(pointer:coarse){
  .hero-inverse-brush{display:none}
}



/* === Pincelada orgánica V2: capa directa y compatible === */
.hero-inverse-brush{display:none!important}
#inicio .hero-media .hero-inverse-image{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  transform:scale(1.04)!important;
  transform-origin:center center!important;
  pointer-events:none!important;
  opacity:0;
  filter:invert(1) saturate(1.12) contrast(1.04);
  transition:opacity .16s ease;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-image:
    radial-gradient(ellipse 210px 120px at var(--brush-x1,50%) var(--brush-y1,50%),#000 0 52%,rgba(0,0,0,.88) 66%,transparent 100%),
    radial-gradient(ellipse 180px 105px at var(--brush-x2,50%) var(--brush-y2,50%),#000 0 48%,rgba(0,0,0,.78) 66%,transparent 100%),
    radial-gradient(ellipse 145px 88px at var(--brush-x3,50%) var(--brush-y3,50%),#000 0 45%,rgba(0,0,0,.68) 64%,transparent 100%),
    radial-gradient(ellipse 105px 68px at var(--brush-x4,50%) var(--brush-y4,50%),#000 0 42%,rgba(0,0,0,.55) 62%,transparent 100%);
  mask-image:
    radial-gradient(ellipse 210px 120px at var(--brush-x1,50%) var(--brush-y1,50%),#000 0 52%,rgba(0,0,0,.88) 66%,transparent 100%),
    radial-gradient(ellipse 180px 105px at var(--brush-x2,50%) var(--brush-y2,50%),#000 0 48%,rgba(0,0,0,.78) 66%,transparent 100%),
    radial-gradient(ellipse 145px 88px at var(--brush-x3,50%) var(--brush-y3,50%),#000 0 45%,rgba(0,0,0,.68) 64%,transparent 100%),
    radial-gradient(ellipse 105px 68px at var(--brush-x4,50%) var(--brush-y4,50%),#000 0 42%,rgba(0,0,0,.55) 62%,transparent 100%);
}
#inicio .hero-media.brush-active .hero-inverse-image{opacity:1}
@media(max-width:740px),(hover:none){
  #inicio .hero-media .hero-inverse-image{display:none!important}
}



/* === Pincelada orgánica V3: toda la portada, texto e imagen === */
#inicio{
  --brush-x:50%;
  --brush-y:50%;
  --brush-opacity:0;
}
#inicio .hero-inverse-brush,
#inicio .hero-inverse-image{
  display:none!important;
}
#inicio::before{
  content:"";
  position:absolute;
  left:var(--brush-x);
  top:var(--brush-y);
  z-index:100;
  width:clamp(330px,34vw,560px);
  height:clamp(190px,21vw,330px);
  transform:translate(-50%,-50%) rotate(-4deg);
  border-radius:58% 42% 61% 39% / 43% 57% 40% 60%;
  background:rgba(255,255,255,.012);
  -webkit-backdrop-filter:invert(1) saturate(1.16) contrast(1.06);
  backdrop-filter:invert(1) saturate(1.16) contrast(1.06);
  opacity:var(--brush-opacity);
  pointer-events:none;
  transition:opacity .11s ease;
  will-change:left,top,border-radius;
}
#inicio:hover::before{
  animation:hero-brush-morph 1.25s ease-in-out infinite alternate;
}
@keyframes hero-brush-morph{
  0%{border-radius:58% 42% 61% 39% / 43% 57% 40% 60%;}
  45%{border-radius:47% 53% 39% 61% / 58% 42% 62% 38%;}
  100%{border-radius:63% 37% 52% 48% / 39% 61% 46% 54%;}
}
@media(max-width:740px),(pointer:coarse){
  #inicio::before{display:none!important}
}



/* === Pincelada V4: trazo real con rastro sobre toda la portada === */
#inicio::before{display:none!important}
#inicio .hero-paint-trail{
  position:absolute;
  inset:0;
  z-index:120;
  width:100%;
  height:100%;
  display:block;
  pointer-events:none;
  mix-blend-mode:difference;
}
@media(max-width:740px),(pointer:coarse){
  #inicio .hero-paint-trail{display:none!important}
}



/* === Título V5: profundidad 3D suave guiada por el cursor === */
#inicio .hero-copy{
  perspective:1000px;
}
#inicio h1{
  transform-style:preserve-3d;
}
#inicio h1 .hero-title-line{
  display:inline-block;
  transform-origin:14% 50%;
  transform-style:preserve-3d;
  will-change:transform,text-shadow;
  backface-visibility:hidden;
}
@media(max-width:740px),(pointer:coarse){
  #inicio h1 .hero-title-line{
    transform:none!important;
    text-shadow:none!important;
  }
}


/* ===== ARCHIVO POR DÉCADAS / VERSIÓN ONLINE ===== */
.editorial-v2 .navlinks{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:2px!important}
.editorial-v2 .navlinks>a{width:100%!important;min-width:0!important;text-align:center!important;line-height:1.05!important}
.editorial-v2 .nav-dimensional span{display:block;width:100%;text-align:center}
.editorial-v2 .topbar .nav{
  height:52px!important;
  min-height:52px!important;
  padding-top:7px!important;
  padding-bottom:7px!important;
  display:flex!important;
  align-items:center!important;
}
.editorial-v2 .topbar .navlinks{
  height:38px!important;
  align-items:stretch!important;
}
.editorial-v2 .topbar .navlinks>a{
  height:38px!important;
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.editorial-v2 .topbar{
  --nav-glow-x:50%;
  --nav-tilt-x:0deg;
  --nav-tilt-y:0deg;
  --nav-scroll-y:0px;
  --nav-scroll-r:0deg;
  --nav-scroll-scale:1;
  transform:translateX(-50%) translateY(var(--nav-scroll-y)) perspective(900px) rotateX(var(--nav-tilt-x)) rotateY(var(--nav-tilt-y)) rotateZ(var(--nav-scroll-r)) scale(var(--nav-scroll-scale))!important;
  transform-origin:center center!important;
  background:
    radial-gradient(circle at var(--nav-glow-x) 50%,rgba(45,220,231,.19),transparent 30%),
    rgba(12,12,12,.78)!important;
  transition:border-color .28s ease,box-shadow .28s ease,transform .16s ease-out!important;
  will-change:transform;
}
.editorial-v2 .topbar.is-scrolling{
  transition:border-color .14s ease,box-shadow .14s ease,transform .065s linear!important;
  border-color:rgba(255,255,255,.3)!important;
  box-shadow:0 25px 62px rgba(0,0,0,.4),0 0 38px rgba(45,220,231,.13)!important;
}
.editorial-v2 .topbar.is-settling{
  transition:border-color .3s ease,box-shadow .3s ease,transform .46s cubic-bezier(.16,1,.3,1)!important;
}
.editorial-v2 .topbar.is-nav-active{
  border-color:rgba(45,220,231,.6)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.36),0 0 34px rgba(45,220,231,.12),inset 0 0 22px rgba(255,75,169,.05)!important;
}
.editorial-v2 .navlinks{position:relative!important;isolation:isolate}
.editorial-v2 .nav-indicator{
  position:absolute;
  top:0;
  left:0;
  width:var(--nav-indicator-w,0px);
  height:100%;
  border-radius:999px;
  background:linear-gradient(110deg,#f7f7f2 0%,#bff7f5 55%,#f8d6e8 100%);
  box-shadow:0 8px 24px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.75);
  opacity:0;
  transform:translateX(var(--nav-indicator-x,0px)) scale(.86);
  transition:transform .32s cubic-bezier(.22,.9,.24,1),width .32s cubic-bezier(.22,.9,.24,1),opacity .18s ease;
  z-index:0;
  pointer-events:none;
}
.editorial-v2 .topbar.is-nav-active .nav-indicator{opacity:1;transform:translateX(var(--nav-indicator-x,0px)) scale(1)}
.editorial-v2 .navlinks>a{position:relative!important;z-index:1!important;background:transparent!important;transition:color .2s ease,transform .28s cubic-bezier(.22,.9,.24,1),letter-spacing .28s ease!important}
.editorial-v2 .navlinks>a.nav-hovered{color:#070909!important;transform:translateY(-1px) scale(1.025)!important;letter-spacing:.065em!important}
.editorial-v2 .navlinks>a.nav-hovered:after{display:none!important}
.archive-heading,.period-status{display:flex;align-items:center;justify-content:space-between;gap:20px}
.period-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.period-card{appearance:none;border:0;padding:0;background:transparent;color:inherit;text-align:left;cursor:pointer;text-decoration:none;min-width:0}
.period-art{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#151515;border:1px solid rgba(255,255,255,.12)}
.period-art .offline-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;transform:none!important;background-size:cover!important;background-position:center!important;filter:saturate(.84);transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .35s ease!important}
.period-card:hover .period-art .offline-art,.period-card.is-active .period-art .offline-art{transform:scale(1.045)!important;filter:saturate(1.08)!important}
.period-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#181818,#080808)}
.period-placeholder:before{content:"";position:absolute;inset:12%;border:1px solid rgba(33,220,232,.36);transform:skew(-12deg) rotate(-3deg)}
.period-placeholder span{font-size:clamp(25px,4vw,62px);font-weight:900;letter-spacing:-.08em;color:rgba(255,255,255,.13)}
.period-copy{display:block;padding-top:9px}
.period-copy strong{display:block;font-size:13px;letter-spacing:.01em}
.period-copy small{display:block;margin-top:3px;color:rgba(255,255,255,.44);font-size:10px}
.paintings-archive{margin:26px 0 34px;padding:20px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025)}
.paintings-heading{perspective:1000px;transform-style:preserve-3d}
.paintings-motion-title{display:flex!important;align-items:center;gap:.022em!important;overflow:visible;transform-style:preserve-3d;cursor:default}
.paintings-motion-title .paint-letter{
  display:inline-block;
  color:#f3f3ef;
  transform:translate3d(var(--letter-x,0px),var(--letter-y,0px),0) rotate(var(--letter-r,0deg));
  transform-origin:50% 70%;
  transition:transform .28s cubic-bezier(.16,1,.3,1),color .22s ease,text-shadow .25s ease;
  will-change:transform;
}
.paintings-motion-title:hover .paint-letter{color:#ff4ba9;text-shadow:4px 4px 0 rgba(255,75,169,.22)}
#pinturas .paint-motion-text{
  --paint-scroll-x:0px;
  --paint-scroll-y:0px;
  --paint-scroll-r:0deg;
  --paint-hover-y:0px;
  position:relative;
  transform:translate3d(var(--paint-scroll-x),calc(var(--paint-scroll-y) + var(--paint-hover-y)),0) rotate(var(--paint-scroll-r));
  transform-origin:center;
  transition:transform .3s cubic-bezier(.16,1,.3,1),color .2s ease,background-color .2s ease,box-shadow .2s ease;
  will-change:transform;
}
#pinturas .paint-motion-text:hover{
  --paint-hover-y:-3px;
  color:#070909!important;
  background:#c9f8f5;
  box-shadow:5px 5px 0 rgba(255,75,169,.8);
  z-index:5;
}
#pinturas .period-copy.paint-motion-text{
  display:inline-flex!important;
  flex-direction:column;
  width:max-content;
  max-width:100%;
  padding:3px 5px!important;
  margin:5px 0 0 -5px!important;
}
#pinturas .period-copy.paint-motion-text:hover{box-shadow:3px 3px 0 rgba(255,75,169,.82)!important}
#pinturas .period-card.is-empty .period-copy small{color:#ff4ba9!important}
#pinturas .period-card.is-empty .period-copy.paint-motion-text:hover small{color:#ff4ba9!important}

/* Corrección de la sección Pinturas: conservar la grilla original de décadas. */
.editorial-v2 .paintings-archive .period-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  align-items:start!important;
}
.editorial-v2 .paintings-archive .period-card{
  display:block!important;
  width:auto!important;
  min-width:0!important;
}
.editorial-v2 .paintings-archive .period-copy,
.editorial-v2 .paintings-archive .period-copy.paint-motion-text{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:9px 0 0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Las obras pasan horizontalmente, sin achicar ni comprimir el archivo por décadas. */
.editorial-v2 #pinturas .grid{
  display:flex!important;
  flex-wrap:nowrap!important;
  grid-template-columns:none!important;
  gap:18px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:4px 2px 20px!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:thin!important;
}
.editorial-v2 #pinturas .grid .work-card{
  flex:0 0 clamp(270px,30vw,390px)!important;
  scroll-snap-align:start!important;
}

/* Apertura segura del visor aunque el navegador no aplique :target inmediatamente. */
.offline-lightbox.is-open{display:block!important}

@media(max-width:740px){
  .editorial-v2 .paintings-archive .period-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px 10px!important;
  }
  .editorial-v2 #pinturas .grid .work-card{
    flex-basis:78vw!important;
  }
}
#pinturas .period-status .paint-motion-text{display:inline-block;width:max-content;padding:3px 5px;margin-left:-5px;margin-right:-5px}
#pinturas .filters .paint-motion-text{display:inline-flex!important;padding:7px 9px!important;margin-right:4px!important}
#pinturas .filters .paint-motion-text:hover{
  color:#31dce6!important;
  background:rgba(49,220,230,.06)!important;
  box-shadow:inset 0 -2px 0 #31dce6!important;
}
#pinturas.paintings-moving .paint-motion-text{transition-duration:.07s,.16s,.16s,.16s}
#pinturas.paintings-settling .paint-motion-text{transition-duration:.48s,.2s,.2s,.2s}
#pinturas .card-info{transition:transform .28s cubic-bezier(.16,1,.3,1)}
#pinturas.paintings-moving .card:nth-child(odd) .card-info{transform:translateX(var(--paint-card-shift,0px))}
#pinturas.paintings-moving .card:nth-child(even) .card-info{transform:translateX(calc(0px - var(--paint-card-shift,0px)))}
#pinturas .card-info>div{transition:color .22s ease,transform .28s cubic-bezier(.16,1,.3,1),background-color .22s ease}
#pinturas .card:hover .card-number{color:#31dce6!important;transform:translateX(5px)}
#pinturas .card:hover .card-tech{color:#ff4ba9!important;transform:translateX(-3px)}
#pinturas .card:hover .card-meta{color:#fff!important;transform:translateX(3px)}
#pinturas .card:hover .card-link{background:#f5f5ef!important;color:#080808!important;transform:rotate(-5deg) scale(1.08)}
.archive-heading{margin-bottom:18px}
.archive-heading p{margin:4px 0 0;color:var(--muted);font-size:13px}
.archive-kicker{font-size:10px;letter-spacing:.17em;color:var(--accent)}
.archive-all{appearance:none;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:9px 15px;background:transparent;color:#fff;cursor:pointer}
.archive-all:hover,.archive-all.is-active{background:#fff;color:#080808}
.paintings-archive .period-card{padding-bottom:10px;border-bottom:2px solid transparent}
.paintings-archive .period-card.is-active{border-bottom-color:var(--accent)}
.period-status{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:var(--muted)}
.period-status span:first-child{color:#fff;text-transform:uppercase;letter-spacing:.12em}
.period-empty{text-align:center;padding:80px 20px;border-top:1px solid rgba(255,255,255,.1)}
.period-empty span{font-size:86px;font-weight:900;color:rgba(255,255,255,.08);letter-spacing:-.1em}
.period-empty h3{margin:0;font-size:30px}.period-empty p{color:var(--muted)}
.tridimensional-section{background:#c8f4f1!important;color:#081111!important;max-width:var(--max)!important;margin-left:auto!important;margin-right:auto!important;position:relative!important;isolation:isolate!important;padding-left:22px!important;padding-right:22px!important}
.tridimensional-section::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#c8f4f1;z-index:-1;pointer-events:none}
.tridimensional-section .section-title-row{border-top-color:rgba(0,0,0,.2)!important}.tridimensional-section .kicker{color:#0b6267}.tridimensional-section .count{color:rgba(0,0,0,.55)}
.dimensional-intro{max-width:680px;margin:18px 0 34px;font-size:17px;line-height:1.55}
.dimensional-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.dimensional-card{min-height:330px;padding:18px;background:#0b1516;color:#e9ffff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.dimensional-card>span{text-transform:uppercase;letter-spacing:.14em;font-size:11px}
.dimensional-form{position:relative;height:250px;filter:drop-shadow(0 24px 20px rgba(0,0,0,.4))}
.dimensional-form:before,.dimensional-form:after{content:"";position:absolute;left:50%;top:50%;background:linear-gradient(135deg,#2ddce7,#126671);transform:translate(-50%,-50%) rotate(24deg)}
.form-one:before{width:88px;height:200px;border-radius:48% 52% 18% 82%/62% 24% 76% 38%}.form-one:after{width:150px;height:44px;border-radius:50%;transform:translate(-34%,30%) rotate(-18deg);background:#fd4aa4}
.form-two:before{width:170px;height:170px;clip-path:polygon(50% 0,100% 100%,0 78%)}.form-two:after{width:78px;height:78px;border-radius:50%;background:#f8efdc;transform:translate(-20%,-15%)}
.form-three:before{width:210px;height:120px;clip-path:polygon(0 15%,75% 0,100% 70%,20% 100%);background:linear-gradient(135deg,#fd4aa4,#742050)}.form-three:after{width:9px;height:210px;background:#2ddce7;transform:translate(-50%,-50%) rotate(62deg)}
@media(max-width:900px){.editorial-v2 .navlinks{gap:1px!important}.editorial-v2 .navlinks>a{font-size:9.5px!important;padding-left:3px!important;padding-right:3px!important}.period-grid{grid-template-columns:repeat(3,1fr)}.period-card:nth-child(n+4){margin-top:8px}.dimensional-grid{grid-template-columns:1fr 1fr}.dimensional-card:last-child{grid-column:1/-1}}
@media(max-width:740px){.editorial-v2 .topbar .nav{height:48px!important;min-height:48px!important;padding-top:5px!important;padding-bottom:5px!important;display:flex!important;align-items:center!important}.editorial-v2 .topbar .navlinks{height:38px!important}.period-grid,.dimensional-grid{grid-template-columns:1fr 1fr}.period-art{aspect-ratio:2/1}.paintings-archive{padding:14px;margin:18px 0 26px}.archive-heading{align-items:flex-end}.archive-heading p{display:none}.period-copy strong{font-size:12px}.tridimensional-section{padding-left:14px!important;padding-right:14px!important}.dimensional-card{min-height:240px}.dimensional-form{height:175px}}
@media(max-width:440px){.period-grid{grid-template-columns:1fr 1fr}.dimensional-grid{grid-template-columns:1fr}.dimensional-card:last-child{grid-column:auto}.editorial-v2 .navlinks{grid-template-columns:repeat(7,minmax(0,1fr))!important}.editorial-v2 .navlinks>a{font-size:7.7px!important;padding-left:1px!important;padding-right:1px!important;letter-spacing:0!important}.editorial-v2 .nav-dimensional{font-size:7.1px!important}}
@media(hover:none),(pointer:coarse){.editorial-v2 .nav-indicator{display:none!important}.editorial-v2 .topbar{transform:translateX(-50%)!important}.editorial-v2 .navlinks>a{transform:none!important}}
@media(prefers-reduced-motion:reduce){.editorial-v2 .topbar{--nav-scroll-y:0px!important;--nav-scroll-r:0deg!important;--nav-scroll-scale:1!important;transition:none!important}}
@media(hover:none),(pointer:coarse){#pinturas .paint-motion-text:hover{--paint-hover-y:0px;background:transparent;box-shadow:none;color:inherit!important}.paintings-motion-title .paint-letter{transform:none!important}}
@media(prefers-reduced-motion:reduce){.paintings-motion-title .paint-letter,#pinturas .paint-motion-text,#pinturas .card-info{transform:none!important;transition:none!important}}


/* =========================================================
   V7 · RECORRIDO CINEMÁTICO DE PINTURAS
   Mantiene intacto el archivo por décadas y cambia solamente
   la experiencia de recorrido / apertura de las obras.
   ========================================================= */
.cinematic-v7 #pinturas{overflow:visible!important}
.cinematic-v7 .paintings-archive .period-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
}
.cinematic-gallery-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
  margin:34px 0 10px;padding-top:18px;border-top:1px solid rgba(255,255,255,.13)
}
.cinematic-kicker{font-size:10px;letter-spacing:.18em;color:#31dce6}
.cinematic-gallery-head p{margin:6px 0 0;color:rgba(255,255,255,.55);font-size:13px}
.cinematic-position{display:flex;align-items:center;gap:10px;min-width:120px;justify-content:flex-end;font-size:11px;letter-spacing:.12em;color:rgba(255,255,255,.7)}
.cinematic-position i{display:block;width:36px;height:1px;background:rgba(255,255,255,.25)}
.cinematic-position #cinematic-current{color:#fff;font-size:15px}
.cinematic-stage{position:relative;width:100%;overflow:hidden;padding:16px 0 32px;isolation:isolate}
.cinematic-stage:before,.cinematic-stage:after{content:"";position:absolute;top:0;bottom:28px;width:11%;z-index:4;pointer-events:none}
.cinematic-stage:before{left:0;background:linear-gradient(90deg,#080808 3%,rgba(8,8,8,.88) 28%,rgba(8,8,8,0))}
.cinematic-stage:after{right:0;background:linear-gradient(270deg,#080808 3%,rgba(8,8,8,.88) 28%,rgba(8,8,8,0))}
.cinematic-v7 #pinturas .cinematic-track{
  display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;
  gap:clamp(18px,3.2vw,50px)!important;width:100%!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  padding:44px max(11vw,calc(50% - 225px)) 70px!important;margin:0!important;
  scroll-snap-type:x mandatory!important;scroll-padding-inline:calc(50% - 210px);
  scrollbar-width:none!important;-ms-overflow-style:none;overscroll-behavior-x:contain;
  touch-action:pan-x;cursor:grab;perspective:1300px;-webkit-overflow-scrolling:touch
}
.cinematic-v7 #pinturas .cinematic-track::-webkit-scrollbar{display:none}
.cinematic-v7 #pinturas .cinematic-track.is-dragging{cursor:grabbing;scroll-snap-type:none!important;user-select:none}
.cinematic-v7 #pinturas .cinematic-track .work-card{
  --cin-y:34px;--cin-r:0deg;--cin-scale:.84;--cin-opacity:.58;--cin-z:0px;
  flex:0 0 clamp(285px,30vw,430px)!important;width:clamp(285px,30vw,430px)!important;
  min-width:0!important;scroll-snap-align:center!important;scroll-snap-stop:always;
  transform:perspective(1300px) translate3d(0,var(--cin-y),var(--cin-z)) rotateY(var(--cin-r)) scale(var(--cin-scale))!important;
  opacity:var(--cin-opacity)!important;transform-origin:center center;
  transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .32s ease,filter .32s ease!important;
  will-change:transform,opacity;filter:saturate(.82) brightness(.82)
}
.cinematic-v7 #pinturas .cinematic-track.is-dragging .work-card{transition:none!important}
.cinematic-v7 #pinturas .cinematic-track .work-card.is-cinematic-active{
  z-index:3;filter:saturate(1.04) brightness(1.02) drop-shadow(0 30px 38px rgba(0,0,0,.42))
}
.cinematic-v7 #pinturas .cinematic-track .work-card.is-cinematic-near{filter:saturate(.93) brightness(.94)}
.cinematic-v7 #pinturas .cinematic-track .card-media{
  border-radius:2px!important;box-shadow:0 18px 45px rgba(0,0,0,.28);overflow:hidden;
  transition:box-shadow .35s ease,transform .35s cubic-bezier(.16,1,.3,1)
}
.cinematic-v7 #pinturas .cinematic-track .is-cinematic-active .card-media{box-shadow:0 30px 65px rgba(0,0,0,.46)}
.cinematic-v7 #pinturas .cinematic-track .card-info{padding-top:15px!important}
.cinematic-v7 #pinturas .cinematic-track .card-number{font-size:clamp(17px,1.4vw,23px)!important}
.cinematic-v7 #pinturas .cinematic-track .card-link{opacity:.45;transform:translateY(4px);transition:opacity .28s ease,transform .28s ease!important}
.cinematic-v7 #pinturas .cinematic-track .is-cinematic-active .card-link{opacity:1;transform:none}
.cinematic-arrow{
  position:absolute;top:50%;z-index:8;transform:translateY(-50%);
  width:56px;height:86px;border:1px solid rgba(255,255,255,.22);border-radius:999px;
  background:rgba(8,8,8,.66);color:#fff;font-size:42px;font-weight:200;line-height:1;
  display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);
  transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s cubic-bezier(.16,1,.3,1)
}
.cinematic-prev{left:8px}.cinematic-next{right:8px}
.cinematic-arrow:hover{background:#c9f8f5;color:#070909;border-color:#c9f8f5;transform:translateY(-50%) scale(1.08)}
.cinematic-arrow:active{transform:translateY(-50%) scale(.94)}
.cinematic-arrow:disabled{opacity:.18;cursor:default;transform:translateY(-50%)!important;background:rgba(8,8,8,.45);color:#fff;border-color:rgba(255,255,255,.12)}
.cinematic-progress{position:absolute;left:12%;right:12%;bottom:20px;height:1px;background:rgba(255,255,255,.12);z-index:6;overflow:hidden}
.cinematic-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#31dce6,#ff4ba9);transform:scaleX(var(--cinematic-progress,.02));transform-origin:left;transition:transform .22s ease}

/* vuelo de la obra al visor */
.cinema-curtain{position:fixed;inset:0;z-index:4997;background:rgba(0,0,0,.58);opacity:0;pointer-events:none;transition:opacity .34s ease;backdrop-filter:blur(3px)}
.cinema-curtain.go{opacity:1}
.cinema-flight{position:fixed;z-index:4999;margin:0!important;padding:0!important;overflow:hidden!important;pointer-events:none!important;background:#090909;box-shadow:0 35px 90px rgba(0,0,0,.55);transform-origin:top left;will-change:left,top,width,height,border-radius;transition:left .46s cubic-bezier(.16,1,.3,1),top .46s cubic-bezier(.16,1,.3,1),width .46s cubic-bezier(.16,1,.3,1),height .46s cubic-bezier(.16,1,.3,1),border-radius .46s ease}
.cinema-flight .offline-rotate{width:100%!important;height:100%!important}
.cinema-flight .offline-art{width:100%!important;height:100%!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;transform:none!important}

/* visor cinematográfico */
body.cinema-open{overflow:hidden!important}
.cinematic-v7 .offline-lightbox.is-open{display:block!important}
.cinematic-v7 .offline-lightbox.is-open .offline-backdrop{animation:cin-backdrop .34s ease both}
.cinematic-v7 .offline-lightbox .offline-panel{
  display:grid!important;grid-template-columns:360px minmax(0,1fr)!important;grid-template-rows:1fr!important;
  inset:0!important;background:#050505!important;overflow:hidden
}
.cinematic-v7 .offline-lightbox .offline-details{
  grid-column:1!important;grid-row:1!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  width:360px!important;height:100svh!important;max-height:none!important;padding:clamp(92px,13vh,150px) 34px 38px!important;
  border-left:0!important;border-right:1px solid rgba(255,255,255,.13)!important;border-top:0!important;
  background:rgba(9,9,9,.98)!important;overflow:auto!important;z-index:20!important
}
.cinematic-v7 .offline-lightbox .offline-viewer{
  grid-column:2!important;grid-row:1!important;position:relative!important;width:auto!important;height:100svh!important;min-width:0!important;
  padding:64px 62px 44px!important;overflow:hidden!important;background:radial-gradient(circle at 62% 44%,rgba(49,220,230,.055),transparent 34%),#050505!important
}
.cinematic-v7 .offline-lightbox .offline-viewer:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at calc(50% + var(--cin-lx,0px)) calc(50% + var(--cin-ly,0px)),rgba(255,255,255,.035),transparent 38%)}
.cinematic-v7 .offline-lightbox .offline-rotate.large{
  width:92%!important;height:calc(100svh - 112px)!important;max-width:none!important;max-height:none!important;
  transform:translate3d(var(--cin-lx,0px),var(--cin-ly,0px),0) rotateX(var(--cin-rx,0deg)) rotateY(var(--cin-ry,0deg)) scale(var(--cin-ls,1))!important;
  transform-style:preserve-3d;transition:transform .24s ease-out;will-change:transform;z-index:2
}
.cinematic-v7 .offline-lightbox .offline-art.large{filter:drop-shadow(0 28px 48px rgba(0,0,0,.35))}
.cinematic-v7 .offline-lightbox .offline-details h3{font-size:clamp(31px,3vw,48px)!important;line-height:.98!important;margin:12px 0 32px!important}
.cinematic-v7 .offline-lightbox .offline-details .detail-line{padding:15px 0!important;border-top:1px solid rgba(255,255,255,.12)!important}
.cinematic-v7 .offline-lightbox .offline-counter{left:auto!important;right:22px!important;top:22px!important;z-index:8;color:rgba(255,255,255,.55)!important}
.cinematic-v7 .offline-lightbox .offline-close{right:20px!important;left:auto!important;top:20px!important;z-index:30!important}
.cinematic-v7 .offline-lightbox .offline-prev{left:14px!important}.cinematic-v7 .offline-lightbox .offline-next{right:14px!important}
.cinematic-v7 .offline-lightbox.is-open .offline-details{animation:cin-details .66s cubic-bezier(.16,1,.3,1) both}
.cinematic-v7 .offline-lightbox.is-open .offline-rotate.large{animation:cin-art .72s cubic-bezier(.16,1,.3,1) both}
.cinematic-v7 .offline-lightbox.is-open .offline-details>*{animation:cin-copy .58s cubic-bezier(.16,1,.3,1) both}
.cinematic-v7 .offline-lightbox.is-open .offline-details>*:nth-child(1){animation-delay:.08s}.cinematic-v7 .offline-lightbox.is-open .offline-details>*:nth-child(2){animation-delay:.14s}.cinematic-v7 .offline-lightbox.is-open .offline-details>*:nth-child(3){animation-delay:.20s}.cinematic-v7 .offline-lightbox.is-open .offline-details>*:nth-child(4){animation-delay:.26s}.cinematic-v7 .offline-lightbox.is-open .offline-details>*:nth-child(5){animation-delay:.32s}
.cinematic-v7 .offline-lightbox.is-switching .offline-rotate.large{animation:cin-switch .34s ease both!important}
@keyframes cin-backdrop{from{opacity:0}to{opacity:1}}
@keyframes cin-details{from{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:none}}
@keyframes cin-art{from{opacity:0;transform:translate3d(105px,0,0) rotateY(-9deg) scale(.84)}to{opacity:1;transform:translate3d(var(--cin-lx,0px),var(--cin-ly,0px),0) rotateX(var(--cin-rx,0deg)) rotateY(var(--cin-ry,0deg)) scale(var(--cin-ls,1))}}
@keyframes cin-copy{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
@keyframes cin-switch{0%{opacity:.35;transform:translate3d(24px,0,0) scale(.97)}100%{opacity:1}}

@media(max-width:900px){
  .cinematic-v7 #pinturas .cinematic-track{padding-left:max(9vw,calc(50% - 175px))!important;padding-right:max(9vw,calc(50% - 175px))!important;gap:20px!important}
  .cinematic-v7 #pinturas .cinematic-track .work-card{flex-basis:min(74vw,350px)!important;width:min(74vw,350px)!important}
  .cinematic-arrow{width:42px;height:68px;font-size:34px}.cinematic-prev{left:2px}.cinematic-next{right:2px}
  .cinematic-v7 .offline-lightbox .offline-panel{grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) auto!important}
  .cinematic-v7 .offline-lightbox .offline-viewer{grid-column:1!important;grid-row:1!important;height:auto!important;min-height:0!important;padding:56px 15px 16px!important}
  .cinematic-v7 .offline-lightbox .offline-details{grid-column:1!important;grid-row:2!important;width:100%!important;height:auto!important;max-height:34svh!important;padding:18px 20px 22px!important;border-right:0!important;border-top:1px solid rgba(255,255,255,.13)!important}
  .cinematic-v7 .offline-lightbox .offline-rotate.large{width:94%!important;height:60svh!important}
  .cinematic-v7 .offline-lightbox.is-open .offline-details{animation-name:cin-details-up}
  @keyframes cin-details-up{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}
}
@media(max-width:740px){
  .cinematic-gallery-head p{display:none}.cinematic-gallery-head{margin-top:24px}.cinematic-position{min-width:92px}
  .cinematic-stage:before,.cinematic-stage:after{width:8%}
  .cinematic-v7 #pinturas .cinematic-track{padding-top:30px!important;padding-bottom:56px!important}
  .cinematic-progress{left:15%;right:15%;bottom:14px}
  .cinematic-v7 .paintings-archive .period-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cinematic-v7 .offline-lightbox .offline-close{left:10px!important;right:auto!important}
  .cinematic-v7 .offline-lightbox .offline-counter{right:12px!important}
}
@media(prefers-reduced-motion:reduce){
  .cinematic-v7 #pinturas .cinematic-track .work-card,.cinema-flight,.cinema-curtain,.cinematic-v7 .offline-lightbox.is-open .offline-details,.cinematic-v7 .offline-lightbox.is-open .offline-rotate.large,.cinematic-v7 .offline-lightbox.is-open .offline-details>*{transition:none!important;animation:none!important}
}


/* ===== V8 · 10 destacadas + archivo completo en miniaturas ===== */
.hybrid-v8 .cinematic-gallery-head{margin-top:34px!important}
.hybrid-v8 .cinematic-stage{
  --featured-card-w:clamp(300px,31vw,455px);
  padding-top:20px!important;padding-bottom:42px!important;
  background:radial-gradient(ellipse 28% 58% at 50% 48%,rgba(255,255,255,.105) 0%,rgba(255,255,255,.035) 36%,rgba(255,255,255,0) 72%);
}
.hybrid-v8 .cinematic-stage:after{right:0;background:linear-gradient(270deg,#080808 3%,rgba(8,8,8,.88) 28%,rgba(8,8,8,0))}
.hybrid-v8 #pinturas .cinematic-track{
  padding:52px calc(50% - var(--featured-card-w)/2) 78px!important;
  gap:clamp(24px,4vw,68px)!important;
  scroll-snap-type:x mandatory!important;
  scroll-padding-inline:calc(50% - var(--featured-card-w)/2)!important;
}
.hybrid-v8 #pinturas .cinematic-track .work-card{
  flex:0 0 var(--featured-card-w)!important;width:var(--featured-card-w)!important;
  display:block!important;
  filter:saturate(.72) brightness(.66)!important;
}
.hybrid-v8 #pinturas .cinematic-track .work-card.is-cinematic-near{filter:saturate(.90) brightness(.84)!important}
.hybrid-v8 #pinturas .cinematic-track .work-card.is-cinematic-active{
  filter:saturate(1.06) brightness(1.12) contrast(1.035) drop-shadow(0 34px 46px rgba(0,0,0,.52))!important;
}
.hybrid-v8 #pinturas .cinematic-track .work-card.is-cinematic-active .card-media{
  box-shadow:0 0 0 1px rgba(255,255,255,.12),0 38px 88px rgba(0,0,0,.58),0 0 70px rgba(255,255,255,.055)!important;
}
.hybrid-v8 #pinturas .cinematic-track .featured-card:not(.is-cinematic-active) .card-info{opacity:.38}
.hybrid-v8 #pinturas .cinematic-track .featured-card .card-info{transition:opacity .28s ease,transform .28s ease!important}
.hybrid-v8 #pinturas .cinematic-track .featured-card.is-cinematic-active .card-info{opacity:1}

/* Las destacadas no desaparecen al cambiar el filtro de formato del archivo. */
#filter-all:checked ~ main #pinturas .cinematic-track .work-card,
#filter-small:checked ~ main #pinturas .cinematic-track .work-card,
#filter-medium:checked ~ main #pinturas .cinematic-track .work-card,
#filter-large:checked ~ main #pinturas .cinematic-track .work-card{display:block!important}

.hybrid-v8 .archive-grid-head{
  display:flex;align-items:end;justify-content:space-between;gap:28px;
  padding:32px 0 20px;margin-top:12px;border-top:1px solid rgba(255,255,255,.13)
}
.hybrid-v8 .archive-grid-kicker{font-size:10px;letter-spacing:.18em;color:#31dce6}
.hybrid-v8 .archive-grid-head h3{margin:5px 0 0;font-size:clamp(28px,3.2vw,48px);font-weight:500;letter-spacing:-.035em}
.hybrid-v8 .archive-grid-head p{margin:6px 0 0;color:rgba(255,255,255,.53);font-size:13px}
.hybrid-v8 .archive-grid-count{font-size:11px;letter-spacing:.12em;color:rgba(255,255,255,.55);white-space:nowrap;padding-bottom:8px}

/* Archivo como V5: todas las obras visibles en miniaturas, sin carrusel. */
.hybrid-v8 #pinturas .archive-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:32px 14px!important;
  overflow:visible!important;
  padding:0 0 34px!important;
  margin:0!important;
  scroll-snap-type:none!important;
  scrollbar-width:auto!important;
}
.hybrid-v8 #pinturas .archive-grid .work-card{
  width:auto!important;min-width:0!important;max-width:none!important;
  flex:none!important;scroll-snap-align:none!important;
  transform:none!important;opacity:1!important;filter:none!important;
}
.hybrid-v8 #pinturas .archive-grid .card-media{aspect-ratio:4/5!important}
.hybrid-v8 #pinturas .archive-grid .card-info{padding-top:10px!important}
.hybrid-v8 #pinturas .archive-grid .card-number{font-size:15px!important}
.hybrid-v8 #pinturas .archive-grid .card-tech,.hybrid-v8 #pinturas .archive-grid .card-meta{font-size:10px!important}
.hybrid-v8 #pinturas .archive-grid .card-link{margin-top:8px!important}

@media(max-width:1180px){
  .hybrid-v8 #pinturas .archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:800px){
  .hybrid-v8 .cinematic-stage{--featured-card-w:min(72vw,390px)}
  .hybrid-v8 #pinturas .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 9px!important}
  .hybrid-v8 .archive-grid-head{align-items:start;flex-direction:column;gap:6px}
}
@media(max-width:480px){
  .hybrid-v8 .cinematic-stage{--featured-card-w:76vw}
  .hybrid-v8 .cinematic-arrow{width:44px;height:66px;font-size:34px}
  .hybrid-v8 #pinturas .archive-grid .card-number{font-size:13px!important}
  .hybrid-v8 #pinturas .archive-grid .card-link{font-size:9px!important}
}

/* ===== V9 · Cinemática primero + archivo 5×5 paginado ===== */
.layout-v9 .cinematic-gallery-head{margin-top:18px!important}
.layout-v9 .cinematic-stage{margin-bottom:20px!important}
.layout-v9 .paintings-archive{margin-top:10px!important}
.layout-v9 #pinturas .filters{margin-top:8px!important;margin-bottom:2px!important}

/* Cinco columnas: 25 obras iniciales = cinco filas en escritorio. */
.layout-v9 #pinturas .archive-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:22px 12px!important;
  padding:0 0 22px!important;
}
.layout-v9 #pinturas .archive-grid .work-card{
  width:auto!important;min-width:0!important;max-width:none!important;
  transform:none!important;opacity:1!important;filter:none!important;
}
.layout-v9 #pinturas .archive-grid .offline-work-link{display:block;border-radius:13px!important}
.layout-v9 #pinturas .archive-grid .card-media{
  aspect-ratio:4/5!important;
  border-radius:13px!important;
  overflow:hidden!important;
  background:#0b0b0b!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.055)!important;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease!important;
}
.layout-v9 #pinturas .archive-grid .offline-work-link:hover .card-media{
  transform:translateY(-3px) scale(1.012)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.10)!important;
}
.layout-v9 #pinturas .archive-grid .card-info{padding-top:8px!important}
.layout-v9 #pinturas .archive-grid .card-number{font-size:13px!important;line-height:1.2!important}
.layout-v9 #pinturas .archive-grid .card-tech,
.layout-v9 #pinturas .archive-grid .card-meta{font-size:9px!important;line-height:1.35!important}
.layout-v9 #pinturas .archive-grid .card-link{font-size:8.5px!important;margin-top:6px!important}

/* Ocultamiento de paginación; debe ganar sobre los radios de formato. */
.layout-v9 #pinturas .archive-grid .work-card.archive-pagination-hidden{display:none!important}

.layout-v9 .archive-loadmore-wrap{
  display:flex;align-items:center;justify-content:center;gap:16px;
  padding:10px 0 44px;
}
.layout-v9 .archive-load-more{
  appearance:none;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.035);
  color:#fff;border-radius:999px;padding:12px 25px;cursor:pointer;
  font:600 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.13em;text-transform:uppercase;
  transition:border-color .22s ease,background .22s ease,transform .22s ease,color .22s ease;
}
.layout-v9 .archive-load-more:hover{border-color:#31dce6;color:#31dce6;background:rgba(49,220,230,.055);transform:translateY(-1px)}
.layout-v9 .archive-load-more[hidden]{display:none!important}
.layout-v9 .archive-load-status{font-size:10px;letter-spacing:.08em;color:rgba(255,255,255,.45)}

@media(max-width:1180px){
  .layout-v9 #pinturas .archive-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .layout-v9 #pinturas .archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px 10px!important}
}
@media(max-width:620px){
  .layout-v9 #pinturas .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 9px!important}
  .layout-v9 .archive-loadmore-wrap{flex-direction:column;gap:9px;padding-bottom:34px}
  .layout-v9 .archive-load-more{padding:12px 22px}
}


/* ===== V10 · Visor corregido: apertura limpia, imagen estática y controles separados ===== */
/* La imagen ampliada no sigue al cursor ni inclina el plano. */
.cinematic-v7 .offline-lightbox .offline-rotate.large{
  transform:translate3d(0,0,0) rotateX(0deg) rotateY(0deg) scale(1)!important;
  transition:none!important;
  will-change:auto!important;
}
.cinematic-v7 .offline-lightbox .offline-viewer:after{
  background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.025),transparent 40%)!important;
}
.cinematic-v7 .offline-lightbox.is-open .offline-rotate.large,
.cinematic-v7 .offline-lightbox.is-switching .offline-rotate.large{
  animation:none!important;
}

/* Las miniaturas del archivo abren directo: sin vuelo, sin segunda animación ni 'precarga' visual. */
.cinematic-v7 .offline-lightbox.opened-from-archive .offline-backdrop,
.cinematic-v7 .offline-lightbox.opened-from-archive .offline-details,
.cinematic-v7 .offline-lightbox.opened-from-archive .offline-details>*{
  animation:none!important;
}

/* Separación clara entre contador y botón cerrar. */
.cinematic-v7 .offline-lightbox .offline-close{
  right:20px!important;
  top:20px!important;
}
.cinematic-v7 .offline-lightbox .offline-counter{
  left:auto!important;
  right:82px!important;
  top:31px!important;
  min-width:58px;
  text-align:right;
  white-space:nowrap;
  z-index:25!important;
}

@media(max-width:740px){
  .cinematic-v7 .offline-lightbox .offline-close{
    left:10px!important;
    right:auto!important;
  }
  .cinematic-v7 .offline-lightbox .offline-counter{
    left:auto!important;
    right:14px!important;
    top:max(20px,env(safe-area-inset-top))!important;
    text-align:right;
  }
}

/* ===== V11 · Cinemática estable y centrado exacto ===== */
/* JS hace el snap exacto. Desactivamos el snap nativo para que no pelee con la
   animación y no produzca el pequeño salto al terminar. */
.layout-v9 #pinturas .cinematic-track{
  scroll-snap-type:none!important;
  scroll-behavior:auto!important;
}
.layout-v9 #pinturas .cinematic-track .work-card{
  scroll-snap-align:none!important;
  scroll-snap-stop:normal!important;
  /* Las variables de perspectiva siguen el scroll cuadro a cuadro; no deben
     perseguirlo con otra transición CSS encima. */
  transition:filter .24s ease!important;
}
.layout-v9 #pinturas .cinematic-track .card-media{
  transition:box-shadow .26s ease!important;
}
.layout-v9 #pinturas .cinematic-track.is-dragging .work-card,
.layout-v9 #pinturas .cinematic-track.is-animating .work-card{
  transition:filter .18s ease!important;
}
.layout-v9 #pinturas .cinematic-track .featured-card.is-cinematic-active{
  cursor:pointer;
}


/* ===== V12 · Visor a pantalla completa + períodos legibles ===== */
/* El visor siempre ocupa la ventana completa y muestra la obra entera junto a su ficha. */
.viewer-v12 .offline-lightbox.is-open,
.viewer-v12 .offline-lightbox:target{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  z-index:12000!important;
  display:block!important;
}
.viewer-v12 .offline-lightbox .offline-panel{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
.viewer-v12 .offline-lightbox .offline-viewer{
  min-height:0!important;
}
.viewer-v12 .offline-lightbox .offline-rotate.large{
  max-width:100%!important;
  max-height:100%!important;
}
.viewer-v12 .offline-lightbox .offline-art.large{
  width:100%!important;
  height:100%!important;
  background-size:contain!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
/* El contador queda separado de la X. */
.viewer-v12 .offline-lightbox .offline-counter{
  right:84px!important;
  top:31px!important;
}

/* Miniaturas de períodos y del archivo con puntas redondeadas. */
.viewer-v12 #pinturas .period-art{
  border-radius:12px!important;
  overflow:hidden!important;
}
.viewer-v12 #pinturas .archive-grid .card-media{
  border-radius:13px!important;
  overflow:hidden!important;
}

/* V13 · El recuadro cyan de los períodos abraza solamente el texto. */
.viewer-v12 #pinturas .paintings-archive .period-copy.paint-motion-text{
  display:inline-flex!important;
  flex-direction:column!important;
  width:max-content!important;
  max-width:100%!important;
  margin:5px 0 0 0!important;
  padding:3px 5px!important;
  border-radius:5px!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .25s ease!important;
}
.viewer-v12 #pinturas .paintings-archive .period-copy.paint-motion-text:hover{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  margin:5px 0 0 0!important;
  padding:3px 5px!important;
  background:#c9f8f5!important;
  color:#071011!important;
  box-shadow:3px 3px 0 rgba(255,75,169,.82)!important;
  transform:translateY(-2px)!important;
}
.viewer-v12 #pinturas .paintings-archive .period-copy.paint-motion-text:hover strong,
.viewer-v12 #pinturas .paintings-archive .period-copy.paint-motion-text:hover small{
  color:#071011!important;
}
.viewer-v12 #pinturas .paintings-archive .period-card.is-empty .period-copy.paint-motion-text:hover small{
  color:#9e164f!important;
}

/* V13 · Archivo completo: vuelve al comportamiento anterior, sin placa cyan en los datos. */

@media(max-width:740px){
  .viewer-v12 .offline-lightbox .offline-counter{
    right:14px!important;
    top:max(20px,env(safe-area-inset-top))!important;
  }
}


/* V15 · Firma en inicio ajustada */
#inicio{isolation:isolate}
#inicio .hero-signature{
  position:absolute;
  right:clamp(20px,3vw,42px);
  bottom:clamp(18px,3vw,34px);
  z-index:5;
  width:clamp(180px,22vw,340px);
  opacity:.96;
  transform:rotate(-3deg);
  transform-origin:bottom right;
}
#inicio .hero-signature-layer{
  display:block;
  width:100%;
  height:auto;
  user-select:none;
  -webkit-user-drag:none;
  pointer-events:none;
}
#inicio .hero-signature-white{
  filter:brightness(0) invert(1);
  opacity:1;
  transition:opacity .2s ease,transform .22s ease;
}
#inicio .hero-signature-black{
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity .2s ease,transform .22s ease;
}
#inicio .hero-signature:hover .hero-signature-white{
  opacity:0;
}
#inicio .hero-signature:hover .hero-signature-black{
  opacity:1;
}
#inicio .hero-signature:hover .hero-signature-layer{
  transform:translateY(-1px);
}
@media (max-width: 980px){
  #inicio .hero-signature{
    width:clamp(160px,38vw,240px);
    right:18px;
    bottom:16px;
  }
}
@media (max-width: 640px){
  #inicio .hero-signature{
    width:clamp(132px,44vw,200px);
    right:14px;
    bottom:14px;
    opacity:.9;
  }
}


/* V16 · limpieza de textos y título Archivo Completo con movimiento */
#pinturas .cinematic-gallery-head>div:first-child{align-self:center}
#pinturas .archive-motion-title{
  margin:5px 0 0!important;
  font-size:clamp(28px,3.2vw,48px)!important;
  font-weight:500!important;
  letter-spacing:-.035em!important;
  line-height:1!important;
  width:max-content;
  max-width:100%;
}
#pinturas .archive-motion-title:hover .paint-letter{
  color:#ff4ba9!important;
  text-shadow:4px 4px 0 rgba(255,75,169,.22)!important;
}


/* ===== V17 · lenguaje visual unificado en todos los capítulos ===== */
/* Títulos principales: mismo gesto cinético que Pinturas, respetando el color base de cada capítulo. */
.section-motion-heading{perspective:1000px;transform-style:preserve-3d}
.section-motion-title{
  display:flex!important;
  align-items:baseline;
  flex-wrap:wrap;
  gap:0!important;
  overflow:visible;
  transform-style:preserve-3d;
  cursor:default;
  width:max-content;
  max-width:100%;
}
.section-motion-title .motion-word{display:inline-flex;align-items:baseline;white-space:nowrap}
.section-motion-title .motion-space{display:inline-block;width:.27em;flex:0 0 .27em}
.section-motion-title .paint-letter{
  display:inline-block;
  color:currentColor;
  transform:translate3d(var(--section-letter-x,0px),var(--section-letter-y,0px),0) rotate(var(--section-letter-r,0deg));
  transform-origin:50% 70%;
  transition:transform .28s cubic-bezier(.16,1,.3,1),color .22s ease,text-shadow .25s ease;
  will-change:transform;
}
.section-motion-title:hover .paint-letter{
  color:#ff4ba9!important;
  text-shadow:4px 4px 0 rgba(255,75,169,.22)!important;
}

/* Gráfica: misma escala y ritmo de miniaturas que el archivo de Pinturas. */
.layout-v9 #laminas .laminas-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:22px 12px!important;
  overflow:visible!important;
  padding:0 0 22px!important;
  margin:0!important;
}
.layout-v9 #laminas .lamina-card{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  transform:none!important;
  opacity:1!important;
  filter:none!important;
}
.layout-v9 #laminas .lamina-card .offline-work-link{
  display:block!important;
  border-radius:13px!important;
}
.layout-v9 #laminas .lamina-card .card-media{
  aspect-ratio:4/5!important;
  border-radius:13px!important;
  overflow:hidden!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.08)!important;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease!important;
}
.layout-v9 #laminas .lamina-card .offline-work-link:hover .card-media{
  transform:translateY(-3px) scale(1.012)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.14),0 0 0 1px rgba(0,0,0,.12)!important;
}
.layout-v9 #laminas .lamina-card .card-info{padding-top:8px!important}
.layout-v9 #laminas .lamina-card .card-number{font-size:13px!important;line-height:1.2!important}
.layout-v9 #laminas .lamina-card .card-tech,
.layout-v9 #laminas .lamina-card .card-meta{font-size:9px!important;line-height:1.35!important}
.layout-v9 #laminas .lamina-card .card-link{font-size:8.5px!important;margin-top:6px!important}
/* Mismo feedback cromático de los datos que Pinturas, adaptado al fondo claro. */
#laminas .lamina-card .card-info>div{transition:color .22s ease,transform .28s cubic-bezier(.16,1,.3,1),background-color .22s ease}
#laminas .lamina-card:hover .card-number{color:#00aeb9!important;transform:translateX(5px)}
#laminas .lamina-card:hover .card-tech{color:#e5007d!important;transform:translateX(-3px)}
#laminas .lamina-card:hover .card-meta{color:#111!important;transform:translateX(3px)}

/* Que los títulos de cada capítulo mantengan sus escalas editoriales originales. */
#laminas .section-motion-title,
#tridimensional .section-motion-title{font-size:clamp(44px,6vw,82px);letter-spacing:-.05em;line-height:.94;margin:8px 0 0}
.editorial-v2 .bio .section-motion-title{font-size:clamp(58px,8vw,108px)!important;line-height:.82!important;letter-spacing:-.065em!important;margin:8px 0 0!important}
.editorial-v2 .contact .section-motion-title{font-size:clamp(64px,10vw,142px)!important;line-height:.78!important;letter-spacing:-.075em!important;margin:8px 0 12px!important}

@media(max-width:1180px){
  .layout-v9 #laminas .laminas-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .layout-v9 #laminas .laminas-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px 10px!important}
}
@media(max-width:620px){
  .layout-v9 #laminas .laminas-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 9px!important}
}
@media(hover:none),(pointer:coarse){
  .section-motion-title .paint-letter{transform:none!important}
}
@media(prefers-reduced-motion:reduce){
  .section-motion-title .paint-letter{transform:none!important;transition:none!important}
}


/* =========================================================
   V20 · MOBILE FIRST — corrección integral para teléfono
   No altera la composición de escritorio.
   ========================================================= */
@media (max-width:740px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important;-webkit-text-size-adjust:100%}
  body{padding-bottom:env(safe-area-inset-bottom)}
  main{width:100%;overflow:clip}

  /* Menú: legible y desplazable, en vez de comprimir seis botones. */
  .editorial-v2 .topbar{
    top:max(6px,env(safe-area-inset-top))!important;
    left:8px!important;right:8px!important;width:auto!important;
    transform:none!important;border-radius:16px!important;overflow:hidden!important;
  }
  .editorial-v2 .topbar .nav{height:50px!important;min-height:50px!important;padding:5px 7px!important;overflow:hidden!important}
  .editorial-v2 .navlinks{
    display:flex!important;grid-template-columns:none!important;width:100%!important;height:40px!important;
    gap:4px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;justify-content:flex-start!important;
  }
  .editorial-v2 .navlinks::-webkit-scrollbar{display:none}
  .editorial-v2 .navlinks>a{
    flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;
    min-height:38px!important;padding:0 10px!important;font-size:10.5px!important;line-height:1.05!important;
    letter-spacing:.01em!important;white-space:nowrap!important;border-radius:11px!important;
  }
  .editorial-v2 .nav-dimensional{font-size:9.5px!important}

  /* Inicio: imagen de fondo intacta, texto respirado y sin choques con firma. */
  .editorial-v2 .hero{min-height:100svh!important;height:auto!important;overflow:hidden!important}
  .editorial-v2 .hero:after{
    background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,.48) 30%,rgba(0,0,0,.88) 78%,rgba(0,0,0,.96) 100%)!important;
  }
  .editorial-v2 .hero-media img{object-position:58% center!important;transform:scale(1.02)!important}
  .editorial-v2 .hero-copy{
    min-height:100svh!important;max-width:none!important;padding:88px 16px 118px!important;justify-content:flex-end!important;
  }
  .editorial-v2 .hero h1{
    font-size:clamp(54px,16.2vw,72px)!important;line-height:.79!important;letter-spacing:-.068em!important;
    margin:12px 0 18px!important;max-width:100%!important;
  }
  .editorial-v2 .hero-statement{font-size:11.4px!important;line-height:1.48!important;max-width:100%!important;color:rgba(255,255,255,.82)!important}
  .editorial-v2 .hero-actions{margin-top:18px!important}
  #inicio .hero-signature{width:min(43vw,180px)!important;right:14px!important;bottom:18px!important;transform:rotate(-3deg)!important}

  /* Márgenes verticales y títulos. */
  .editorial-v2 .section{width:100%!important;max-width:none!important;padding:78px 14px 72px!important}
  .editorial-v2 .section-title-row{padding-top:18px!important;margin-bottom:28px!important;gap:8px!important}
  .editorial-v2 .section h2,
  #laminas .section-motion-title{font-size:clamp(44px,14vw,60px)!important;line-height:.86!important;letter-spacing:-.06em!important}
  #tridimensional .section-motion-title{font-size:clamp(31px,9.7vw,42px)!important;line-height:.92!important;letter-spacing:-.045em!important;width:100%!important}
  #tridimensional .section-motion-title .motion-word{max-width:100%!important}
  .editorial-v2 .count{font-size:8.5px!important;padding-top:2px!important}
  .section-motion-title{max-width:100%!important}

  /* Cinemática: cómoda con el pulgar y compatible con scroll vertical de página. */
  .layout-v9 .cinematic-gallery-head{margin-top:16px!important;padding-top:14px!important;align-items:center!important}
  .cinematic-kicker{font-size:9px!important}
  .cinematic-position{font-size:9px!important;min-width:auto!important;gap:7px!important}
  .cinematic-position i{width:22px!important}
  .cinematic-position #cinematic-current{font-size:12px!important}
  .hybrid-v8 .cinematic-stage{--featured-card-w:76vw!important;margin-inline:-14px!important;width:calc(100% + 28px)!important;padding-top:6px!important;padding-bottom:32px!important}
  .hybrid-v8 #pinturas .cinematic-track{
    gap:16px!important;padding:30px calc(50% - var(--featured-card-w)/2) 58px!important;
    touch-action:pan-y pinch-zoom!important;overscroll-behavior-x:contain!important;
  }
  .hybrid-v8 #pinturas .cinematic-track .work-card{border-radius:16px!important}
  .hybrid-v8 .cinematic-arrow{width:34px!important;height:58px!important;font-size:30px!important;opacity:.9!important}
  .hybrid-v8 .cinematic-prev{left:5px!important}.hybrid-v8 .cinematic-next{right:5px!important}
  .cinematic-progress{left:18%!important;right:18%!important;bottom:11px!important}

  /* Períodos y filtros. */
  .paintings-archive{padding:12px!important;margin:16px 0 24px!important}
  .archive-heading{gap:10px!important;align-items:center!important}
  .archive-heading .archive-kicker{font-size:8.5px!important}
  .archive-all{padding:8px 12px!important;font-size:9px!important;white-space:nowrap!important}
  .cinematic-v7 .paintings-archive .period-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .period-art{aspect-ratio:1.35/1!important;border-radius:12px!important}
  .period-copy strong{font-size:11px!important}.period-copy small{font-size:8.5px!important}
  .viewer-v12 #pinturas .paintings-archive .period-copy.paint-motion-text{padding:3px 4px!important}
  .period-status{font-size:9px!important;display:flex!important;justify-content:space-between!important;gap:8px!important}
  .editorial-v2 .filters{gap:7px!important;margin:0 -14px 14px!important;padding:4px 14px 14px!important;overflow-x:auto!important;scroll-padding-inline:14px!important}
  .editorial-v2 .filter{font-size:9.5px!important;padding:9px 12px!important;margin:0!important;white-space:nowrap!important}

  /* Archivo: dos columnas reales, sin miniaturas ni textos desbordados. */
  .layout-v9 #pinturas .archive-grid,
  .layout-v9 #laminas .laminas-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 9px!important;width:100%!important}
  .layout-v9 #pinturas .archive-grid .card-media,
  .layout-v9 #laminas .lamina-card .card-media{border-radius:11px!important}
  .layout-v9 #pinturas .archive-grid .card-info,
  .layout-v9 #laminas .lamina-card .card-info{padding:7px 2px 0!important}
  .layout-v9 #pinturas .archive-grid .card-number,
  .layout-v9 #laminas .lamina-card .card-number{font-size:12px!important;overflow-wrap:anywhere}
  .layout-v9 #pinturas .archive-grid .card-tech,
  .layout-v9 #pinturas .archive-grid .card-meta,
  .layout-v9 #laminas .lamina-card .card-tech,
  .layout-v9 #laminas .lamina-card .card-meta{font-size:8.5px!important;line-height:1.35!important;overflow-wrap:anywhere}
  .layout-v9 #pinturas .archive-grid .card-link,
  .layout-v9 #laminas .lamina-card .card-link{font-size:8px!important;margin-top:5px!important}
  .hybrid-v8 .archive-grid-head{padding:24px 0 16px!important;margin-top:8px!important;gap:4px!important}
  #pinturas .archive-motion-title{font-size:clamp(30px,10vw,42px)!important;line-height:.92!important}
  .archive-grid-count{font-size:9px!important}
  .layout-v9 .archive-loadmore-wrap{padding:12px 0 26px!important}

  /* Gráfica. */
  #laminas{padding-top:78px!important}
  #laminas .section-title-row{margin-bottom:28px!important}

  /* Obra tridimensional: fondo a sangre, contenido centrado y usable. */
  .tridimensional-section{
    width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;
    padding:76px 14px 70px!important;background:#c8f4f1!important;
    box-shadow:50vw 0 0 #c8f4f1,-50vw 0 0 #c8f4f1!important;
  }
  .tridimensional-section .section-title-row{margin-bottom:22px!important}
  .dimensional-intro{font-size:14px!important;line-height:1.5!important;margin:10px 0 22px!important}
  .dimensional-grid{grid-template-columns:1fr!important;gap:10px!important}
  .dimensional-card{min-height:215px!important;border-radius:16px!important;padding:14px!important}
  .dimensional-form{height:155px!important}

  /* Biografía: lectura cómoda a una columna. */
  .editorial-v2 .bio{width:100%!important;max-width:none!important;padding:78px 14px 72px!important}
  .editorial-v2 .bio .section-motion-title{font-size:clamp(48px,15vw,64px)!important;line-height:.84!important}
  .editorial-v2 .bio .section-head{margin-bottom:34px!important}
  .editorial-v2 .bio .section-head>p{font-size:13px!important;line-height:1.45!important}
  .editorial-v2 .bio-intro{display:grid!important;grid-template-columns:1fr!important;gap:24px!important;padding-bottom:40px!important}
  .bio-name h3{font-size:clamp(44px,13vw,60px)!important;line-height:.88!important}
  .bio-story{font-size:14px!important;line-height:1.62!important}
  .bio-block{padding:34px 0!important}
  .bio-block-head{grid-template-columns:1fr!important;gap:10px!important;margin-bottom:20px!important}
  .bio-block-head h3{font-size:26px!important;line-height:1!important}
  .timeline-item{grid-template-columns:52px minmax(0,1fr)!important;gap:10px!important;padding:11px 0!important}
  .timeline-year{font-size:13px!important}.timeline-text{font-size:12.5px!important;line-height:1.45!important}
  .bio-lists{grid-template-columns:1fr!important;gap:0!important}
  .bio-list{font-size:12.5px!important;line-height:1.5!important}
  .bio-signoff{font-size:9px!important;overflow-wrap:anywhere}

  /* Contacto: una columna, email sin salirse de pantalla. */
  .editorial-v2 .contact{width:100%!important;max-width:none!important;padding:78px 14px 72px!important}
  .editorial-v2 .contact .section-motion-title{font-size:clamp(50px,15.5vw,68px)!important;line-height:.82!important;margin:8px 0 12px!important}
  .contact-head p{font-size:13px!important;line-height:1.45!important}
  .contact-grid{grid-template-columns:1fr!important;gap:9px!important}
  .contact-card{min-height:0!important;grid-template-columns:40px minmax(0,1fr)!important;gap:12px!important;padding:15px!important;border-radius:15px!important}
  .contact-icon{font-size:22px!important}.contact-label{font-size:9px!important}.contact-value{font-size:13px!important;line-height:1.25!important;overflow-wrap:anywhere;word-break:break-word}.contact-small{font-size:10px!important}

  /* Visores: imagen grande arriba, datos debajo; controles dentro del área segura. */
  .cinematic-v7 .offline-lightbox .offline-panel{grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) auto!important}
  .cinematic-v7 .offline-lightbox .offline-viewer{height:auto!important;min-height:0!important;padding:max(52px,calc(env(safe-area-inset-top) + 44px)) 8px 12px!important}
  .cinematic-v7 .offline-lightbox .offline-rotate.large{width:96%!important;height:58svh!important;max-height:58svh!important}
  .cinematic-v7 .offline-lightbox .offline-details{width:100%!important;height:auto!important;max-height:36svh!important;padding:14px 16px max(18px,env(safe-area-inset-bottom))!important}
  .cinematic-v7 .offline-lightbox .offline-details h3{font-size:25px!important;margin:5px 0 13px!important}
  .cinematic-v7 .offline-lightbox .offline-details .detail-line{padding:8px 0!important;font-size:11px!important}
  .cinematic-v7 .offline-lightbox .offline-close{left:10px!important;top:max(10px,env(safe-area-inset-top))!important;width:38px!important;height:38px!important}
  .cinematic-v7 .offline-lightbox .offline-counter{right:12px!important;top:max(17px,calc(env(safe-area-inset-top) + 7px))!important;font-size:10px!important}
  .cinematic-v7 .offline-lightbox .offline-arrow{width:34px!important;height:54px!important;font-size:30px!important}

  .lamina-lightbox .offline-panel{grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) auto!important}
  .lamina-lightbox .offline-viewer,.lamina-viewer{padding:max(52px,calc(env(safe-area-inset-top) + 44px)) 10px 12px!important;min-height:60svh!important;height:auto!important}
  .lamina-lightbox .offline-details,.lamina-lightbox .lamina-details,.lamina-details{width:100%!important;max-height:36svh!important;padding:14px 16px max(18px,env(safe-area-inset-bottom))!important;position:relative!important}
  .lamina-lightbox .offline-close{left:10px!important;right:auto!important;top:max(10px,env(safe-area-inset-top))!important}
  .lamina-lightbox .offline-counter{right:12px!important;left:auto!important;top:max(17px,calc(env(safe-area-inset-top) + 7px))!important}

  footer{padding:24px 14px max(34px,env(safe-area-inset-bottom))!important;font-size:8px!important;line-height:1.5!important}
}

@media (max-width:390px){
  .editorial-v2 .navlinks>a{font-size:10px!important;padding-inline:9px!important}
  .editorial-v2 .hero h1{font-size:clamp(50px,16vw,64px)!important}
  .hybrid-v8 .cinematic-stage{--featured-card-w:78vw!important}
  #tridimensional .section-motion-title{font-size:clamp(29px,9.3vw,36px)!important}
}

@media (hover:none),(pointer:coarse){
  /* En teléfono eliminamos hover fantasma y movimientos que quedan pegados después de tocar. */
  .card:hover,.offline-work-link:hover .card-media,.lamina-card:hover .card-media{transform:none!important}
  .section-motion-title:hover .paint-letter,#pinturas .archive-motion-title:hover .paint-letter{color:inherit!important;text-shadow:none!important}
  #pinturas .card:hover .card-number,#pinturas .card:hover .card-tech,#pinturas .card:hover .card-meta,
  #laminas .lamina-card:hover .card-number,#laminas .lamina-card:hover .card-tech,#laminas .lamina-card:hover .card-meta{transform:none!important}
  #inicio .hero-signature:hover .hero-signature-white{opacity:1!important}
  #inicio .hero-signature:hover .hero-signature-black{opacity:0!important}
}


/* V21 · Menú hamburguesa solo en celular */
.menu-toggle{display:none;appearance:none;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#fff;width:44px;height:44px;border-radius:14px;align-items:center;justify-content:center;gap:4px;flex-direction:column;cursor:pointer;transition:background .22s ease,border-color .22s ease,transform .22s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.menu-toggle span{display:block;width:18px;height:1.8px;border-radius:999px;background:#fff;transition:transform .22s ease,opacity .18s ease,background-color .22s ease}
.menu-backdrop{display:none}
@media (max-width: 900px){
  .menu-toggle{display:flex;margin-left:auto}
  .nav{justify-content:flex-end;position:relative}
  .navlinks{
    position:fixed;top:60px;left:12px;right:12px;z-index:2101;display:flex;flex-direction:column;align-items:stretch;gap:0;
    padding:12px;background:rgba(10,10,10,.96);border:1px solid rgba(255,255,255,.1);border-radius:18px;
    box-shadow:0 20px 50px rgba(0,0,0,.32);opacity:0;pointer-events:none;transform:translateY(-10px) scale(.985);
    transition:opacity .2s ease,transform .24s cubic-bezier(.16,1,.3,1);max-height:min(70svh,520px);overflow:auto
  }
  .navlinks a{font-size:15px;padding:12px 10px;color:#f1f1f1;border-bottom:1px solid rgba(255,255,255,.07)}
  .navlinks a:last-of-type{border-bottom:0}
  .navlinks .nav-indicator{display:none!important}
  .menu-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.44);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:2099}
  body.mobile-menu-open .navlinks{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
  body.mobile-menu-open .menu-backdrop{opacity:1;pointer-events:auto}
  body.mobile-menu-open .menu-toggle{background:#fff;border-color:#fff;transform:translateY(-1px)}
  body.mobile-menu-open .menu-toggle span{background:#080808}
  body.mobile-menu-open .menu-toggle span:nth-child(1){transform:translateY(5.8px) rotate(45deg)}
  body.mobile-menu-open .menu-toggle span:nth-child(2){opacity:0}
  body.mobile-menu-open .menu-toggle span:nth-child(3){transform:translateY(-5.8px) rotate(-45deg)}
}


/* =========================================================
   V22 · HAMBURGUESA REAL EN CELULAR
   Desktop queda intacto. En <=740px desaparece la barra larga:
   queda únicamente el botón y el menú se despliega sobre la página.
   ========================================================= */
@media (max-width:740px){

  /* El header deja de ser una barra horizontal: queda sólo el botón. */
  body.editorial-v2 .topbar{
    top:max(10px,env(safe-area-inset-top))!important;
    left:auto!important;
    right:12px!important;
    bottom:auto!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    border:0!important;
    border-radius:15px!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }

  body.editorial-v2 .topbar .nav{
    width:48px!important;
    height:48px!important;
    min-height:48px!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    overflow:visible!important;
  }

  body.editorial-v2 .menu-toggle{
    display:flex!important;
    position:relative!important;
    z-index:2205!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:15px!important;
    background:rgba(10,10,10,.86)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    pointer-events:auto!important;
  }

  body.editorial-v2 .menu-toggle span{
    width:20px!important;
    height:2px!important;
    flex:none!important;
  }

  /* El menú real. Sobrescribe las reglas viejas de la barra móvil. */
  body.editorial-v2 .topbar .navlinks{
    position:fixed!important;
    top:calc(max(10px,env(safe-area-inset-top)) + 58px)!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100svh - 88px)!important;
    margin:0!important;
    padding:10px!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    grid-template-columns:none!important;

    overflow-x:hidden!important;
    overflow-y:auto!important;
    scrollbar-width:none!important;

    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:18px!important;
    background:rgba(9,9,9,.97)!important;
    box-shadow:0 24px 60px rgba(0,0,0,.48)!important;
    backdrop-filter:blur(24px)!important;
    -webkit-backdrop-filter:blur(24px)!important;

    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-10px) scale(.985)!important;
    transform-origin:top right!important;
    transition:
      opacity .18s ease,
      visibility .18s ease,
      transform .24s cubic-bezier(.16,1,.3,1)!important;
    z-index:2203!important;
  }

  body.editorial-v2 .topbar .navlinks::-webkit-scrollbar{display:none!important}

  body.editorial-v2 .topbar .navlinks > a{
    width:100%!important;
    height:auto!important;
    min-height:48px!important;
    flex:0 0 auto!important;
    padding:14px 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:left!important;

    font-size:15px!important;
    line-height:1.15!important;
    letter-spacing:.01em!important;
    white-space:normal!important;
    color:#f5f5f5!important;

    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    border-radius:0!important;
    background:transparent!important;
    transform:none!important;
  }

  body.editorial-v2 .topbar .navlinks > a:last-of-type{
    border-bottom:0!important;
  }

  body.editorial-v2 .topbar .navlinks > a.nav-dimensional span{
    width:auto!important;
    text-align:left!important;
  }

  body.editorial-v2 .topbar .navlinks > a:after,
  body.editorial-v2 .topbar .nav-indicator{
    display:none!important;
  }

  /* Fondo detrás del menú. */
  body.editorial-v2 .menu-backdrop{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:2200!important;
    background:rgba(0,0,0,.52)!important;
    backdrop-filter:blur(4px)!important;
    -webkit-backdrop-filter:blur(4px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .2s ease,visibility .2s ease!important;
  }

  body.editorial-v2.mobile-menu-open .topbar .navlinks{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
  }

  body.editorial-v2.mobile-menu-open .menu-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.editorial-v2.mobile-menu-open .menu-toggle{
    background:#fff!important;
    border-color:#fff!important;
  }

  body.editorial-v2.mobile-menu-open .menu-toggle span{
    background:#080808!important;
  }

  body.editorial-v2.mobile-menu-open .menu-toggle span:nth-child(1){
    transform:translateY(6px) rotate(45deg)!important;
  }
  body.editorial-v2.mobile-menu-open .menu-toggle span:nth-child(2){
    opacity:0!important;
  }
  body.editorial-v2.mobile-menu-open .menu-toggle span:nth-child(3){
    transform:translateY(-6px) rotate(-45deg)!important;
  }

  body.editorial-v2.mobile-menu-open{
    overflow:hidden!important;
  }
}

/* En escritorio/tablet grande, el botón no existe visualmente y el menú original sigue igual. */
@media (min-width:741px){
  .menu-toggle,
  .menu-backdrop{display:none!important}
}


/* =========================================================
   V23 · móvil: sin zoom accidental + zoom sólo en obra ampliada
   + títulos magenta al tocar
   ========================================================= */
@media (max-width:740px){
  html,body,main,section,a,button,label,.card,.period-card,.contact-card{
    touch-action:manipulation;
  }

  /* La obra ampliada sí recibe gestos propios de zoom/pan. */
  .offline-lightbox .offline-viewer .offline-rotate.large,
  .offline-lightbox .offline-viewer .lamina-large-image{
    touch-action:none!important;
    -webkit-user-select:none!important;
    user-select:none!important;
    -webkit-user-drag:none!important;
    transform-origin:0 0!important;
    will-change:transform;
  }

  .offline-lightbox .offline-viewer.is-art-zoomed{
    overflow:hidden!important;
  }

  .offline-lightbox .offline-viewer.is-art-zoomed .offline-arrow{
    opacity:.16!important;
    pointer-events:none!important;
  }

  /* En pantallas táctiles el equivalente del hover se activa por toque. */
  .section-motion-title.is-touch-active .paint-letter,
  .paintings-motion-title.is-touch-active .paint-letter,
  #pinturas .archive-motion-title.is-touch-active .paint-letter{
    color:#ff4ba9!important;
    text-shadow:4px 4px 0 rgba(255,75,169,.22)!important;
  }

  .section-motion-title,
  .paintings-motion-title,
  #pinturas .archive-motion-title{
    -webkit-tap-highlight-color:transparent;
  }
}


/* =========================================================
   V24 · Biografía alineada + archivo de períodos móvil simple
   ========================================================= */

/* Escritorio: Biografía vuelve a la izquierda, como los otros capítulos. */
@media (min-width:741px){
  .editorial-v2 .bio .section-head{
    display:block!important;
    text-align:left!important;
  }
  .editorial-v2 .bio .section-head .eyebrow,
  .editorial-v2 .bio .section-head .section-motion-title,
  .editorial-v2 .bio .section-head>p{
    text-align:left!important;
    margin-left:0!important;
    margin-right:auto!important;
  }
  .editorial-v2 .bio .section-head>p{
    margin-top:20px!important;
    max-width:620px!important;
  }
}

/* Celular: períodos como lista vertical de texto, sin miniaturas. */
@media (max-width:740px){
  #pinturas .paintings-archive{
    padding:18px 0 8px!important;
    margin:14px 0 24px!important;
    border-left:0!important;
    border-right:0!important;
    background:transparent!important;
  }
  #pinturas .paintings-archive .archive-heading{
    display:block!important;
    margin-bottom:8px!important;
  }
  #pinturas .paintings-archive .archive-kicker{
    display:block!important;
    font-size:11px!important;
    line-height:1.2!important;
    letter-spacing:.16em!important;
  }
  #pinturas .paintings-archive .archive-heading p,
  #pinturas .paintings-archive .archive-all,
  #pinturas .paintings-archive .period-status{
    display:none!important;
  }
  .cinematic-v7 #pinturas .paintings-archive .period-grid,
  #pinturas .paintings-archive .period-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  #pinturas .paintings-archive .period-card{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.13)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:left!important;
  }
  #pinturas .paintings-archive .period-card:first-child{
    border-top:1px solid rgba(255,255,255,.13)!important;
  }
  #pinturas .paintings-archive .period-art{
    display:none!important;
  }
  #pinturas .paintings-archive .period-copy,
  #pinturas .paintings-archive .period-copy.paint-motion-text{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:14px 2px!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    color:#fff!important;
  }
  #pinturas .paintings-archive .period-copy strong{
    display:block!important;
    font-size:17px!important;
    line-height:1.15!important;
    font-weight:600!important;
    letter-spacing:-.015em!important;
    color:inherit!important;
  }
  #pinturas .paintings-archive .period-copy small{
    display:none!important;
  }
  #pinturas .paintings-archive .period-card.is-active .period-copy strong,
  #pinturas .paintings-archive .period-card:active .period-copy strong{
    color:#ff4ba9!important;
  }
}


/* =========================================================
   V25 · "Todas" en períodos móvil + numeradores unificados
   ========================================================= */

/* El acceso "Todas" vive dentro de la lista sólo para celular. */
.mobile-period-all{display:none!important}

/* Todos los marcadores 01/02/03/04/05 usan exactamente la misma caja tipográfica. */
.section-index-kicker{
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.24em!important;
  text-transform:uppercase!important;
  white-space:normal!important;
}

/* Biografía ya no hereda la escala/estilo diferente de .eyebrow. */
.editorial-v2 .bio .section-head .section-index-kicker{
  margin:0!important;
  text-align:left!important;
}

/* Tridimensional conserva su color propio pero no cambia fuente ni tamaño. */
.tridimensional-section .section-index-kicker{
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.24em!important;
  text-transform:uppercase!important;
}

@media (max-width:740px){
  /* La lista queda: Todas + cinco décadas, una debajo de otra. */
  #pinturas .paintings-archive .mobile-period-all{
    display:block!important;
  }

  /* Como el primer ítem ahora es "Todas", la línea superior sigue quedando correcta. */
  #pinturas .paintings-archive .mobile-period-all{
    border-top:1px solid rgba(255,255,255,.13)!important;
  }
  #pinturas .paintings-archive .mobile-period-all + .period-card{
    border-top:0!important;
  }

  #pinturas .paintings-archive .mobile-period-all .period-copy{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:14px 2px!important;
    color:#fff!important;
  }

  #pinturas .paintings-archive .mobile-period-all .period-copy strong{
    display:block!important;
    font-size:17px!important;
    line-height:1.15!important;
    font-weight:600!important;
    letter-spacing:-.015em!important;
  }

  #pinturas .paintings-archive .mobile-period-all.is-active .period-copy strong,
  #pinturas .paintings-archive .mobile-period-all:active .period-copy strong{
    color:#ff4ba9!important;
  }

  /* Mismo tamaño también en móvil para todos los numeradores de sección. */
  .section-index-kicker,
  .tridimensional-section .section-index-kicker,
  .editorial-v2 .bio .section-head .section-index-kicker{
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:800!important;
    letter-spacing:.24em!important;
  }
}


/* =========================================================
   V27 · Períodos: escritorio 5 grupos / celular Todas + 5
   ========================================================= */

/* En escritorio "Todas" NO ocupa lugar. Quedan los 5 grupos en una sola fila. */
.editorial-v2 .paintings-archive .period-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
.editorial-v2 .paintings-archive .period-card.mobile-period-all{
  display:none!important;
}

/* En celular reaparece "Todas" como primera opción de la lista vertical. */
@media (max-width:740px){
  .editorial-v2 #pinturas .paintings-archive .period-grid{
    grid-template-columns:1fr!important;
  }
  .editorial-v2 #pinturas .paintings-archive .period-card.mobile-period-all{
    display:block!important;
  }
}

/* Archivo fotográfico */
.images-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 12px;padding:0 0 22px}
.image-archive-card{width:auto!important;min-width:0!important;max-width:none!important;border-radius:13px;opacity:1!important;transform:none!important;filter:none!important}
.image-archive-card:hover{border-color:var(--accent)}
.image-archive-link{display:block;text-decoration:none}
.image-archive-media{aspect-ratio:4/5!important;background:#0b0b0b!important;border-radius:13px!important;overflow:hidden!important;box-shadow:0 0 0 1px rgba(255,255,255,.055)!important;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease!important}
.image-archive-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.image-archive-link:hover .image-archive-media{transform:translateY(-3px) scale(1.012)!important;box-shadow:0 10px 28px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.10)!important}
.image-archive-copy{padding:8px 2px 0!important}
.image-archive-copy .card-number{font-size:13px!important;line-height:1.2!important}
.image-archive-copy .card-tech{font-size:9px!important;line-height:1.35!important;margin-top:4px}
.image-archive-copy .card-link{font-size:8.5px!important;margin-top:6px!important}
.image-archive-copy>div{transition:color .22s ease,transform .28s cubic-bezier(.16,1,.3,1),background-color .22s ease}
.image-archive-card:hover .card-number{color:#31dce6!important;transform:translateX(5px)}
.image-archive-card:hover .card-tech{color:#ff4ba9!important;transform:translateX(-3px)}
.image-archive-card:hover .card-link{background:#f5f5ef!important;color:#080808!important;transform:rotate(-5deg) scale(1.08)}
.image-archive-panel{max-width:none!important;width:100%!important}
.image-archive-viewer{background:#050505}
.image-archive-details h3{font-size:clamp(24px,3vw,42px);line-height:1.08;margin-top:12px}
@media(max-width:1180px){.images-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.images-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}}
@media(max-width:620px){.images-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 9px}.image-archive-copy{padding:7px 2px 0!important}.image-archive-copy .card-number{font-size:12px!important}.image-archive-copy .card-tech{font-size:8.5px!important}.image-archive-copy .card-link{font-size:8px!important;margin-top:5px!important}}
@media(hover:none),(pointer:coarse){.image-archive-card:hover .card-number,.image-archive-card:hover .card-tech,.image-archive-card:hover .card-link{transform:none!important}}
@media(prefers-reduced-motion:reduce){.image-archive-copy>div{transform:none!important;transition:none!important}}

/* Estado de disponibilidad en las fichas de Pinturas. */
.editorial-v2 #pinturas .archive-grid .card-link.work-status{
  grid-column:2/3!important;
  grid-row:1/4!important;
  align-self:start!important;
  justify-self:end!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:25px!important;
  margin:0!important;
  padding:5px 9px!important;
  border:1px solid currentColor!important;
  border-radius:999px!important;
  background:transparent!important;
  overflow:visible!important;
  font-size:8px!important;
  font-weight:650!important;
  line-height:1!important;
  letter-spacing:.105em!important;
  white-space:nowrap!important;
  transform:none!important;
}
.editorial-v2 #pinturas .archive-grid .card-link.work-status span:first-child{
  display:block!important;
  font-size:inherit!important;
  color:inherit!important;
}
.editorial-v2 #pinturas .archive-grid .card-link.work-status.is-available{color:#43d28c!important}
.editorial-v2 #pinturas .archive-grid .card-link.work-status.is-unavailable{color:#ff5d70!important}
.editorial-v2 #pinturas .archive-grid .work-card:hover .card-link.work-status{
  background:transparent!important;
  color:inherit!important;
  transform:none!important;
}
.editorial-v2 #pinturas .archive-grid .work-card:hover .card-link.work-status.is-available{color:#43d28c!important}
.editorial-v2 #pinturas .archive-grid .work-card:hover .card-link.work-status.is-unavailable{color:#ff5d70!important}
@media(max-width:620px){
  .editorial-v2 #pinturas .archive-grid .card-link.work-status{
    min-height:23px!important;
    padding:5px 7px!important;
    font-size:7px!important;
    letter-spacing:.08em!important;
  }
}

/* Estado también visible dentro de la ficha ampliada. */
.offline-details .detail-state strong{
  text-transform:uppercase;
  letter-spacing:.09em;
}
.offline-details .detail-state strong.is-available{color:#43d28c!important}
.offline-details .detail-state strong.is-unavailable{color:#ff5d70!important}

/* Flechas perfectamente centradas en los círculos de Gráfica e Imágenes. */
.editorial-v2 #laminas .card-link,
.editorial-v2 #imagenes .card-link{
  position:relative!important;
}
.editorial-v2 #laminas .card-link span:last-child,
.editorial-v2 #imagenes .card-link span:last-child{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  font-size:15px!important;
  line-height:1!important;
  text-align:center!important;
  transform:none!important;
}
.editorial-v2 #laminas .card:hover .card-link span:last-child,
.editorial-v2 #laminas .offline-work-link:hover .card-link span:last-child,
.editorial-v2 #imagenes .card:hover .card-link span:last-child,
.editorial-v2 #imagenes .offline-work-link:hover .card-link span:last-child{
  transform:none!important;
}