.film{position:relative;background:#000;--pie:clamp(30px,6vh,64px)}@supports (height:1lvh){.film{--pie: calc(clamp(30px,6vh,64px) + 100lvh - 100svh) }}.film-e{position:relative;background:#000}.js .film-e{position:sticky;top:0;height:100vh;height:100lvh;overflow:hidden;contain:paint}.js .film-e:before,.js .film-e:after{content:"";position:absolute;left:0;right:0;z-index:12;pointer-events:none}.js .film-e:before{top:0;height:20%;background:linear-gradient(to bottom,#060405a8,#06040500)}.js .film-e:after{bottom:0;height:clamp(130px,21%,230px);background:linear-gradient(to top,#060405d6,#06040500)}.en-film .cabecera.sobre{background:transparent;box-shadow:none}.tomas{position:absolute;inset:0;display:none}.js .tomas{display:block}.toma{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0% 50%;transform-origin:var(--o,50% 50%);visibility:hidden;will-change:transform,opacity}.vertical .toma{object-position:50% 50%;transform-origin:50% 48%}.rotulos{margin:0;padding:var(--aire) var(--m);list-style:none}.rotulos h2{position:static;width:auto;height:auto;clip-path:none;font-size:clamp(1.3rem,1.9vw,1.9rem)}.js .rotulos{position:absolute;z-index:13;left:var(--m);right:var(--m);bottom:var(--pie);padding:0}.js .rotulos h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.rotulos li{margin-bottom:1.2em;max-width:34em;font-size:clamp(1.05rem,1.4vw,1.32rem);line-height:1.38;color:#f8f4f0;text-shadow:0 1px 14px rgba(0,0,0,.9)}.js .rotulos li{position:absolute;left:0;bottom:0;margin:0;width:100%;opacity:0;visibility:hidden}.film-nota{display:none}.js .film-nota{display:block;position:absolute;z-index:14;right:var(--m);bottom:var(--pie);font-size:.84rem;color:#f8f4f0b8;text-shadow:0 1px 10px rgba(0,0,0,.9)}.hilo{position:absolute;z-index:14;left:0;right:0;bottom:calc(var(--pie) - clamp(30px,6vh,64px));height:3px;background:var(--rojo);transform:scaleX(0);transform-origin:0 50%;transition:opacity .4s}.film-e[data-estado=encendiendo] .hilo,.film-e[data-estado=probada] .hilo{opacity:0}.fin{display:none}.js .fin{display:block;position:absolute;z-index:13;left:var(--m);right:var(--m);bottom:var(--pie);opacity:0;visibility:hidden}.fin:before{content:"";position:absolute;z-index:-1;left:calc(-1 * var(--m));right:calc(-1 * var(--m));bottom:calc(-1 * var(--pie));height:calc(100% + var(--pie) + 24vh);background:linear-gradient(to top,#060405eb,#0604059e 50%,#06040500);pointer-events:none}.fin-frase{font-size:clamp(2.1rem,4.4vw,5rem);text-shadow:0 2px 26px rgba(0,0,0,.7)}.fin-frase span{opacity:.3;transition:opacity .7s ease}.fin-frase span.dicha{opacity:1}.fin-sub{margin-top:.6em;max-width:34em;font-size:clamp(1.05rem,1.4vw,1.32rem);line-height:1.38;color:#f8f4f0;text-shadow:0 1px 14px rgba(0,0,0,.9)}.boton{display:none;position:absolute;z-index:15;left:0;top:0;width:clamp(88px,7vw,132px);height:clamp(88px,7vw,132px);margin:calc(clamp(88px,7vw,132px)/-2) 0 0 calc(clamp(88px,7vw,132px)/-2);padding:0;border:0;border-radius:50%;background:none;color:#fff;font:inherit;cursor:pointer;opacity:0;visibility:hidden;-webkit-tap-highlight-color:transparent}.js .boton{display:block}.boton i{position:absolute;inset:0;border-radius:50%;border:3px solid var(--rojo);transition:background .2s ease,transform .14s ease}.boton i:nth-child(1){box-shadow:0 0 34px #ff2d558c,inset 0 0 18px #ff2d5559}.boton i:nth-child(2){animation:latido 1.9s ease-out infinite}.boton span{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);padding:.42em .85em;border-radius:999px;background:var(--rojo);color:#17040a;white-space:nowrap;font-weight:640;font-stretch:106%;font-size:clamp(.98rem,1.1vw,1.14rem);line-height:1.1}.boton:hover i:nth-child(1){background:#ff2d5538}.boton:active i:nth-child(1){transform:scale(.9)}@keyframes latido{0%{transform:scale(1);opacity:.9}to{transform:scale(1.85);opacity:0}}.lineas{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);grid-template-areas:"t v" "l v" "n v";column-gap:clamp(28px,5vw,100px);align-content:center;min-height:100vh}.lineas h2{grid-area:t}.lista{grid-area:l;margin:clamp(20px,4vh,40px) 0 0;padding:0;list-style:none;border-top:1px solid var(--linea)}.lista li{position:relative;border-bottom:1px solid var(--linea)}.lista li:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--rojo);transform:scaleX(0);transform-origin:0 50%}.lista li.activa:after{animation:barrido var(--dur,3.4s) linear forwards}.lista.quieta li.activa:after{animation:none;transform:scaleX(1)}@keyframes barrido{to{transform:scaleX(1)}}.lista a{display:flex;align-items:baseline;gap:.42em;padding:.3em 0 .32em;text-decoration:none;color:var(--tenue);font-size:clamp(1.5rem,3vw,3.1rem);font-weight:540;font-stretch:112.5%;letter-spacing:-.02em;line-height:1.08;transition:color .25s ease}.lista li.activa a,.lista a:focus-visible{color:var(--tinta)}.lista span{white-space:nowrap}.lista .pts{flex:1;align-self:center;min-width:12px;height:4px;overflow:hidden}.lista .pts:before{content:"";display:block;height:100%;background:radial-gradient(circle at 2px 2px,rgba(244,240,236,.42) 1.5px,transparent 1.8px) 0 0/10px 4px repeat-x;transform:translate(-101%);transition:transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms)}.lista.leida .pts:before{transform:none}.lista b{font-weight:540;font-variant-numeric:tabular-nums;min-width:1px;opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease,color .25s ease;transition-delay:calc(var(--d,0ms) + .42s),calc(var(--d,0ms) + .42s),0ms}.lista.leida b{opacity:1;transform:none}.lista li.activa b{color:var(--rojo-t)}.lectura{grid-area:n;margin-top:1em}.vitrina{grid-area:v;position:relative;min-width:0;align-self:stretch;display:flex;min-height:clamp(240px,62vh,640px)}.vitrina a{flex:1;min-width:0;display:flex;flex-direction:column;text-decoration:none}.vit-f{position:relative;flex:1;min-height:0;display:block}.vit-f:before{content:"";position:absolute;inset:-6% -8%;background:radial-gradient(closest-side,#ff2d5533,#f4f0ec12 48%,#06040500);pointer-events:none}.vit-i{position:absolute;left:5%;top:5%;width:90%;height:90%;max-width:none;object-fit:contain;opacity:0;transform:translateY(16px) scale(.965);transition:opacity .5s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.vit-i.puesta{opacity:1;transform:none}.vitrina figcaption{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:1.2em;min-height:3.2em;margin-top:.8em}.vit-t{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.98rem;line-height:1.3;color:var(--tenue)}.vit-p{flex:none;font-weight:600;font-stretch:106%;font-size:1.12rem}.vitrina a:hover .vit-t{color:var(--tinta)}.proyecto{padding-top:clamp(36px,7vh,80px)}.proyecto h2{max-width:17em}.proyecto .entrada{margin-top:.8em}.proyecto .accion{margin-top:clamp(20px,3.4vh,32px)}.clientes{margin-top:clamp(56px,11vh,120px);padding-top:16px;border-top:1px solid var(--linea);color:var(--tenue);font-size:.98rem}.clientes b{font-weight:560;color:var(--tinta)}.rutas{position:relative;display:flex;align-items:flex-end;min-height:min(92vh,820px);overflow:hidden;background:#000}.rutas video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%}.rutas:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#060405d1,#0604051a 58%),linear-gradient(to top,#060405b3,#06040500 44%);pointer-events:none}.rutas-t{position:relative;z-index:1;width:100%;max-width:calc(var(--ancho) + 2 * var(--m));margin:0 auto;padding:var(--aire) var(--m) clamp(40px,9vh,84px)}.rutas .entrada{margin-top:.6em;color:#f8f4f0e0}.rutas-b{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(20px,3.4vh,32px)}@media(max-width:899px){.lineas{grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "v" "l" "n";min-height:0}.vitrina{min-height:0;height:clamp(250px,38vh,340px);margin-top:14px}.vit-f:before{inset:-4% 0}.vitrina figcaption{min-height:2.7em;margin-top:.4em}.vit-t{font-size:.9rem}.vit-p{font-size:1rem}.lista a{font-size:clamp(1.4rem,6.4vw,2.4rem)}}@media(max-aspect-ratio:1/1){.film{--pie: calc(clamp(30px,6vh,64px) + 22px) }@supports (height:1lvh){.film{--pie: calc(clamp(30px,6vh,64px) + 22px + 100lvh - 100svh) }}.js .film-nota{right:auto;left:var(--m);bottom:calc(var(--pie) - 26px);font-size:.76rem}.hilo{bottom:calc(var(--pie) - clamp(30px,6vh,64px) - 22px)}.rutas video{object-position:66% 50%}.rutas:after{background:linear-gradient(to top,#060405eb,#0604051a 66%)}}@media(prefers-reduced-motion:reduce){.boton i:nth-child(2),.lista li.activa:after{animation:none}.lista .pts:before,.lista b{transition:none}.vit-i{transition:opacity .2s linear;transform:none}}