/* «Volver a brillar»: la fotografía de campaña es el escenario, el scroll el tiempo.
   La escala cinematográfica y los tonos de luz pertenecen solo a esta ruta. */
.pagina-taller-cine{--cine-tinta:#34291f;--cine-papel:#f4eddf;background:var(--cine-papel);color:var(--cine-tinta)}
.pagina-taller-cine>.cintillo,.pagina-taller-cine>footer.pie{display:none}
.pagina-taller-cine>.cabecera,.pagina-taller-cine>.cabecera.compacta{position:fixed;inset:0 0 auto;height:88px;background:transparent;box-shadow:none;color:var(--cine-tinta);--logo-hueco:#efe4d2;transition:color .4s}
.pagina-taller-cine .nav-principal a{opacity:1}
.pagina-taller-cine .cabecera::after{content:'';position:absolute;inset:auto var(--borde) 0;height:1px;background:currentColor;opacity:.22;pointer-events:none}
.pagina-taller-cine.cine-oscuro>.cabecera{color:var(--cine-papel);--logo-hueco:#302b27}
.pagina-taller-cine .cabecera .cuenta.vacia{box-shadow:inset 0 0 0 1px currentColor}
.pagina-taller-cine #principal{margin:0;padding:0}
.taller-cine{position:relative;--cine-fondo:#f4eddf;--cine-color:#34291f;color:var(--cine-color)}
.taller-cine.cine-con-scroll{height:520svh}
.cine-escena{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;isolation:isolate}
.cine-imagenes{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#d9c6a8}
.cine-foto{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:58% center;transform-origin:70% 57%;will-change:transform}
.cine-cerrado{opacity:0}
.cine-sombra{position:absolute;inset:0;background:#1c1917;opacity:0}
.cine-lectura{position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,237,223,.24),transparent 66%);pointer-events:none}
.cine-lugar{position:absolute;top:124px;left:var(--borde);right:var(--borde);display:flex;justify-content:space-between;gap:24px;font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.cine-relato{position:absolute;inset:172px 0 156px;display:grid;align-items:center}
.cine-acto{grid-area:1/1;width:66%;padding-left:6.4vw;visibility:hidden;pointer-events:none}
.cine-acto.activo{visibility:visible;pointer-events:auto}
.cine-titulo{font-family:var(--fuente-titulo);font-weight:400;font-size:clamp(72px,10.4vw,176px);line-height:.88;letter-spacing:-.04em;text-wrap:initial;overflow-wrap:normal}
.cine-linea{display:block;overflow:hidden;padding:.05em 0 .12em;margin-bottom:-.12em}
.cine-linea>span{display:block}
.cine-acto[data-cine-acto="1"] .cine-titulo,.cine-acto[data-cine-acto="2"] .cine-titulo{font-size:clamp(56px,7.5vw,128px);line-height:.96}
.cine-acto[data-cine-acto="3"] .cine-titulo{font-size:clamp(56px,7.4vw,122px);line-height:.94}
.cine-texto{max-width:39ch;margin-top:36px;font-size:clamp(14px,1.1vw,17px);line-height:1.65;white-space:pre-line}
.cine-acciones{display:flex;align-items:center;gap:24px;margin-top:28px;flex-wrap:wrap}
.cine-comprar{display:inline-flex;align-items:center;gap:32px;border-bottom:1px solid currentColor;padding:10px 0;font-size:15px;font-weight:500}
.cine-comprar svg,.cine-bio-texto .btn-texto svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.3;fill:none;transition:transform .2s}
.cine-comprar:hover svg{transform:translateX(5px)}
.cine-enlace{font-size:13px;padding:12px 0;text-decoration:underline;text-underline-offset:5px}
.cine-anio{position:absolute;right:var(--borde);bottom:145px;font-family:var(--fuente-titulo);font-size:clamp(80px,11vw,180px);font-weight:400;line-height:1;letter-spacing:-.04em;color:#f4eddf;opacity:0;pointer-events:none}
.cine-pie{position:absolute;inset:auto var(--borde) 28px;display:grid;grid-template-columns:1fr minmax(280px,370px) 1fr;align-items:end;gap:32px}
.cine-pie button{background:none;border:0;cursor:pointer}
.cine-avanzar{justify-self:start;display:flex;align-items:center;gap:22px;padding:10px 0;font-size:12px;min-height:44px;text-align:left}
.cine-avanzar svg{width:16px;height:26px;stroke:currentColor;stroke-width:1.3;fill:none}
.cine-tiempo{display:flex;gap:12px}
.cine-tiempo button{flex:1;min-width:44px;min-height:56px;text-align:left;padding:6px 0;font-size:12px;font-variant-numeric:tabular-nums}
.cine-tiempo-pista{display:block;height:1px;background:color-mix(in srgb,currentColor 28%,transparent);margin-bottom:14px;position:relative}
.cine-tiempo-pista>span{display:block;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left}
.cine-tiempo button[aria-current] .cine-tiempo-pista>span{transform:scaleX(1)}
.cine-tiempo button[aria-current]{font-weight:600}
.cine-biografia{justify-self:end;font-size:12px}
.cine-conocer{display:flex;align-items:center;justify-content:space-between;gap:22px;cursor:pointer;list-style:none;min-height:44px;position:relative;z-index:2}
.cine-conocer::-webkit-details-marker{display:none}
.cine-conocer>.cine-bio-icono{font-size:24px;font-weight:400;line-height:1;transition:transform .2s}
.cine-biografia[open] .cine-conocer>.cine-bio-icono{transform:rotate(45deg)}
.cine-biografia[open] .cine-conocer{position:fixed;right:var(--borde);top:22px;color:var(--tinta);z-index:105}
.cine-biografia[open]{position:fixed;inset:0;z-index:100;background:var(--papel);color:var(--tinta);overflow-y:auto;overscroll-behavior:contain}
.cine-bio-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:7vw;max-width:1320px;padding:116px 6vw 64px;margin:auto}
.cine-bio-retrato{align-self:start;position:sticky;top:110px}
.cine-bio-retrato>img:first-child{width:100%;height:auto;mix-blend-mode:multiply}
.cine-bio-retrato p{border-top:1px solid var(--hair);padding-top:16px;margin-top:16px;font-size:14px}
.cine-firma{width:177px;height:49px;object-fit:contain;mix-blend-mode:multiply;margin-top:20px}
.cine-bio-texto h2{font-size:clamp(36px,4vw,60px);margin-bottom:28px}
.cine-bio-texto>p{font-size:15px;line-height:1.8;margin-bottom:24px}
.cine-bio-texto .btn-texto{display:inline-flex;align-items:center;gap:20px;margin:8px 0 36px}
.cine-bio-texto>.cine-credito{font-size:12px;color:var(--texto-tenue);padding-top:24px;border-top:1px solid var(--hair)}
.cine-bio-legal{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:12px;text-decoration:underline;text-underline-offset:4px}
.cine-sin-js{position:absolute;bottom:26px;left:var(--borde);max-width:50ch;font-size:14px}
.cine-sin-js a{text-decoration:underline}
.taller-cine[data-acto="1"]{--cine-color:#f4eddf}
.taller-cine:not(.cine-con-scroll)[data-acto="1"] .cine-cerrado{opacity:1}
.taller-cine:not(.cine-con-scroll)[data-acto="1"] .cine-sombra{opacity:.35}
.taller-cine:not(.cine-con-scroll)[data-acto="1"] .cine-anio{opacity:1}
.cine-pie [hidden]{display:none}
.pagina-taller-cine.cine-bio-abierta>.cabecera,.pagina-taller-cine.cine-bio-abierta>.menu-velo{visibility:hidden}
.pagina-taller-cine.cine-bio-abierta{overflow:hidden}
.pagina-taller-cine :focus-visible{outline-color:currentColor;outline-offset:6px}
.pagina-taller-cine ::selection{background:var(--cine-tinta);color:var(--cine-papel)}
@media(min-width:1700px){.cine-acto{padding-left:8vw}.cine-relato{top:190px}.cine-pie{bottom:40px}}
@media(max-width:1100px){.cine-pie{grid-template-columns:1fr 280px;gap:16px}.cine-biografia{position:absolute;right:0;bottom:78px}.cine-acto{width:78%;padding-left:var(--borde)}.cine-titulo{font-size:12vw}.cine-anio{bottom:190px}.cine-acciones{gap:18px}.cine-foto{object-position:58% center}}
@media(max-width:900px){
 .pagina-taller-cine>.cabecera,.pagina-taller-cine>.cabecera.compacta{height:70px;background:transparent;color:var(--cine-tinta)}
 .pagina-taller-cine.cine-oscuro>.cabecera{color:var(--cine-papel)}
 .pagina-taller-cine .menu-movil{color:var(--tinta)}
 .pagina-taller-cine .cabecera::after{inset-inline:20px}
 .cine-lugar{top:96px;font-size:10px}
 .cine-relato{inset:140px 0 190px}
 .cine-bio-panel{padding:94px 24px 48px;gap:36px}
 .cine-biografia[open] .cine-conocer{top:13px}
}
@media(max-width:600px){
 .cine-escena{min-height:560px}
 .cine-foto{object-position:66% center}
 .cine-lectura{background:linear-gradient(90deg,rgba(244,237,223,.93),rgba(244,237,223,.84) 68%,rgba(244,237,223,0) 100%)}
 .cine-relato{inset:156px 0 196px;align-items:center}
 .cine-acto{width:100%;padding-inline:24px}
 .cine-titulo{font-size:clamp(72px,17vw,102px);line-height:.9}
 .cine-acto[data-cine-acto="1"] .cine-titulo,.cine-acto[data-cine-acto="2"] .cine-titulo{font-size:clamp(43px,10.7vw,64px);line-height:1}
 .cine-acto[data-cine-acto="3"] .cine-titulo{font-size:clamp(46px,11.8vw,72px)}
 .cine-texto{max-width:29ch;font-size:14px;line-height:1.6;margin-top:26px}
 .cine-acciones{align-items:start;flex-direction:column;gap:2px;margin-top:18px}
 .cine-comprar{font-size:14px;gap:24px;padding:8px 0}
 .cine-enlace{font-size:12px;padding:12px 0}
 .cine-lugar{left:24px;right:24px}
 .cine-pie{inset:auto 24px 18px;grid-template-columns:1fr 1fr;gap:16px}
 .cine-tiempo{grid-row:1;grid-column:1/-1;gap:18px}
 .cine-tiempo button{min-height:48px}
 .cine-avanzar{grid-row:2;font-size:11px;gap:12px}
 .cine-avanzar svg{width:12px;height:23px}
 .cine-biografia{position:static;grid-row:2;font-size:11px}
 .cine-conocer{gap:9px}
 .cine-anio{font-size:26vw;bottom:188px;right:24px}
 .cine-bio-panel{grid-template-columns:1fr}
 .cine-bio-retrato{position:static;max-width:340px;margin:auto}
 .cine-biografia[open] .cine-conocer{right:24px;font-size:13px}
 .cine-biografia[open]::before{content:'';position:fixed;inset:0 0 auto;height:70px;background:var(--papel);z-index:1}
 .cine-sin-js{bottom:94px;left:24px;right:24px}
}
@media(max-height:700px){.cine-lugar{top:100px}.cine-relato{inset:135px 0 152px}.cine-titulo{font-size:min(10vw,110px)}.cine-texto{margin-top:22px}.cine-acto[data-cine-acto="3"] .cine-titulo{font-size:min(6.3vw,72px)}.cine-anio{bottom:140px}.cine-biografia{bottom:70px}}
@media(max-width:600px) and (max-height:700px){.cine-relato{inset:120px 0 156px}.cine-titulo{font-size:70px}.cine-acto[data-cine-acto="3"] .cine-titulo{font-size:43px}.cine-texto{font-size:13px;margin-top:18px}.cine-anio{bottom:158px}.cine-pie{bottom:8px;gap:6px}.cine-acciones{margin-top:10px;gap:0}.cine-acto[data-cine-acto="3"] .cine-texto{margin-top:14px}.cine-biografia{bottom:auto}}
@media(max-height:550px) and (min-width:601px){.cine-escena{min-height:100svh}.cine-lugar{display:none}.cine-relato{inset:98px 0 110px}.cine-titulo{font-size:80px}.cine-acto[data-cine-acto="1"] .cine-titulo,.cine-acto[data-cine-acto="2"] .cine-titulo{font-size:52px}.cine-acto[data-cine-acto="3"] .cine-titulo{font-size:43px}.cine-texto{font-size:12px;max-width:46ch;margin-top:16px}.cine-acciones{position:absolute;left:58%;bottom:12px;max-width:35%;gap:8px}.cine-pie{bottom:12px}.cine-anio{display:none}.cine-biografia{bottom:64px}}
@media(prefers-reduced-motion:reduce){.cine-foto{will-change:auto}.pagina-taller-cine>.cabecera,.cine-comprar svg,.cine-conocer>.cine-bio-icono{transition:none}}
.taller-cine[data-acto="1"] .cine-lectura{opacity:0}
.taller-cine[data-acto="1"] .cine-anio,.taller-cine[data-acto="2"] .cine-anio{opacity:1}
.taller-cine[data-acto="2"] .cine-anio{color:var(--cine-tinta);opacity:.7}
.taller-cine[data-acto="3"] .cine-avanzar svg{transform:rotate(180deg)}
/* La luz del marco protege la navegación sobre la madera y se apaga en 2008. */
.pagina-taller-cine>.cabecera,.pagina-taller-cine>.cabecera.compacta{background:linear-gradient(rgba(244,237,223,.96),rgba(244,237,223,.84) 70%,rgba(244,237,223,0))}
.pagina-taller-cine.cine-oscuro>.cabecera{background:linear-gradient(rgba(28,25,23,.6),rgba(28,25,23,0))}
.pagina-taller-cine .cabecera .logotipo-svg{color:inherit;--logo-hueco:transparent}
.cine-imagenes::after{content:'';position:absolute;inset:auto 0 0;height:155px;background:linear-gradient(0deg,rgba(244,237,223,.98),rgba(244,237,223,.85) 38%,rgba(244,237,223,0));pointer-events:none}
.taller-cine[data-acto="1"] .cine-imagenes::after{background:linear-gradient(0deg,rgba(28,25,23,.65),rgba(28,25,23,0))}
@media(max-width:600px){.cine-imagenes::after{height:190px}}

/* Los estados esenciales conservan su funcionamiento sin JavaScript. */
.pagina-taller-cine:has(.cine-biografia[open])>.cabecera,
.pagina-taller-cine:has(.cine-biografia[open])>.menu-velo{visibility:hidden}
.pagina-taller-cine:has(.cine-biografia[open]){overflow:hidden}
.pagina-taller-cine .cabecera .abrir-menu span{background:currentColor}
.pagina-taller-cine .cabecera .carro-movil{color:inherit}
.pagina-taller-cine.cine-oscuro .cuenta-movil{background:var(--cine-papel);color:var(--cine-tinta)}
.pagina-taller-cine.cine-oscuro .cuenta-movil.vacia{background:transparent;color:var(--cine-papel);box-shadow:inset 0 0 0 1px currentColor}

.cine-bio-cerrar{display:none}
.cine-biografia[open] .cine-bio-abrir{display:none}
.cine-biografia[open] .cine-bio-cerrar{display:inline}
.pagina-taller-cine .cabecera .abrir-menu{color:inherit}

.cine-bio-panel.cine-bio-sin-foto{grid-template-columns:minmax(0,820px);justify-content:center}
.cine-titulo,.cine-titulo span{overflow-wrap:normal;word-break:normal;hyphens:none}