/* ARTECH V3-B04 · Integración e inmersión.
 * Escenas de portada: el contenido se ajusta a la ventana en lugar de apagar el recorrido. */
.v3-enhanced .v3-scene-inner{transform:scale(var(--v3-fit,1));transform-origin:50% 50%}

/* Encabezados enfocados por la navegación (no son controles): sin recuadro rojo. */
h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus{outline:none}

/* Barra fina de avance del capítulo. */
.b4-progress{position:fixed;left:0;right:0;top:0;height:2px;background:#c8102e;transform-origin:0 50%;transform:scaleX(0);z-index:160;pointer-events:none;opacity:0;transition:opacity .3s}
html.b4-on body.page-open .b4-progress{opacity:1}

/* Portadas interiores: la imagen se acerca y el texto se retira al bajar; al subir, regresa. */
html.b4-on .editorial-hero{overflow:hidden}
html.b4-on .editorial-hero-media img,html.b4-on .atelier-hero>img{transform:translate3d(0,calc(var(--b4-hero,0)*9%),0) scale(calc(1 + var(--b4-hero,0)*.09));will-change:transform}
html.b4-on .editorial-hero-copy,html.b4-on .atelier-hero-copy{transform:translate3d(0,calc(var(--b4-hero,0)*-90px),0);opacity:calc(1 - var(--b4-hero,0)*1.5)}
html.b4-on .atelier-hero{overflow:hidden}

/* Bloques editoriales: suben y aparecen con el scroll. */
html.b4-on .b4-rise{opacity:var(--b4-in,1);transform:translate3d(0,calc((1 - var(--b4-in,1))*56px),0)}

/* Fotografías de cierre: las luces se encienden al acercarse. En reposo: sin filtro y a escala real. */
html.b4-on .editorial-closing-media,html.b4-on .b3-follow-media,html.b4-on .b3-closing-media,html.b4-on .vehicle-closing-photo,html.b4-on .b4-next-media{overflow:hidden}
html.b4-on .editorial-closing-media img,html.b4-on .b3-follow-media img,html.b4-on .b3-closing-media img,html.b4-on .vehicle-closing-photo img,html.b4-on .b4-next-media img{filter:brightness(calc(.3 + var(--b4-light,1)*.7))!important;transform:scale(calc(1.12 - var(--b4-light,1)*.12));will-change:transform,filter}

/* Siguiente capítulo: cada página desemboca en la siguiente. */
.b4-next{position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:clamp(24px,4vw,64px);padding:clamp(80px,10vw,140px) clamp(24px,4.5vw,80px);background:#080808;color:#f2f0eb;text-decoration:none;border-top:1px solid #222}
.b4-next-media{margin:0;aspect-ratio:3/2}
.b4-next-media img{display:block;width:100%;height:100%;object-fit:cover}
.b4-next-copy{display:flex;flex-direction:column;gap:18px;padding-bottom:8px}
.b4-next-kicker{font:400 10px/1 Inter,Arial,sans-serif;letter-spacing:.34em;color:#9d9c99}
.b4-next-title{font:300 clamp(40px,6vw,92px)/1 Archivo,Arial,sans-serif;letter-spacing:-.025em;text-transform:uppercase}
.b4-next-note{font:300 15px/1.6 Inter,Arial,sans-serif;color:#b6b5b1;max-width:360px}
.b4-next-arrow{display:grid;place-items:center;width:56px;height:56px;border:1px solid #f2f0eb;border-radius:50%;font:300 20px/1 Inter,Arial,sans-serif;margin-top:10px;transition:background .25s,color .25s}
.b4-next:hover .b4-next-arrow,.b4-next:focus-visible .b4-next-arrow{background:#c8102e;border-color:#c8102e}
.b4-next:focus-visible{outline:2px solid #c8102e;outline-offset:-6px}
@media(max-width:760px){.b4-next{grid-template-columns:1fr;padding:70px 24px}.b4-next-title{font-size:clamp(36px,11vw,54px)}}

@media(prefers-reduced-motion:reduce){
  .b4-progress{display:none}
  .b4-rise{opacity:1!important;transform:none!important}
}

/* El Taller ya cierra con «Sigue las novedades de ARTECH» (B03): se evita el bloque duplicado del boletín. */
body:has(#page-workshops.active) .internal-only,body:has(#page-workshops.active) .newsletter{display:none!important}