

:root{
  --kusi-curva:cubic-bezier(.2,.7,.2,1);          
  --kusi-curva-suave:cubic-bezier(.45,0,.55,1);   
  --kusi-dur-entra:720ms;                         
  --kusi-desp:14px;                               
  --kusi-empujon-dur:10s;                         
  --kusi-empujon-escala:1.035;                    
  --kusi-s0:1.06;                                 
  --kusi-niebla:#B9C7D2;--kusi-ocre:#E9B45A;--kusi-noche:#12181F;--kusi-claro:#F2F4F5;
}


[data-kusi-empujon]{overflow:hidden;contain:paint}

[data-kusi-empujon] img:not(.kusi-capa){animation:none!important}
[data-kusi-empujon] .kusi-capa{animation:none}
.kusi-capa{display:block;width:100%;height:100%;
  transform-origin:50% 50%;
  scale:var(--kusi-s0);                 
  translate:0 var(--kusi-py,0px);
  backface-visibility:hidden}
.kusi-capa img{width:100%;height:100%;object-fit:cover;display:block}

html.kusi-mov .kusi-capa.kusi-lista{
  animation:kusi-empujon var(--kusi-empujon-dur) var(--kusi-curva-suave) infinite alternate both;
  animation-play-state:paused}
html.kusi-mov .kusi-capa.kusi-lista.kusi-visible{animation-play-state:running;will-change:scale,translate}
@keyframes kusi-empujon{
  from{scale:var(--kusi-s0)}
  to{scale:calc(var(--kusi-s0) * var(--kusi-empujon-escala))}}



html.kusi-mov .kusi-pre{opacity:0;transform:translate3d(0,var(--kusi-desp),0);
  transition:opacity var(--kusi-dur-entra) var(--kusi-curva),transform var(--kusi-dur-entra) var(--kusi-curva);
  transition-delay:var(--kusi-retardo,0ms)}
html.kusi-mov .kusi-pre[data-kusi-entra="fundido"]{transform:none}
html.kusi-mov .kusi-pre.kusi-in{opacity:1;transform:none}


[data-kusi-credito]{position:relative;padding-left:.9rem;
  font:400 .8rem/1.35 Newsreader,"Newsreader",Georgia,serif;color:var(--kusi-claro);
  letter-spacing:.01em;max-width:min(30rem,calc(100% - 2rem))}
[data-kusi-credito].kusi-rotulo{position:absolute;left:clamp(.75rem,3vw,2rem);bottom:clamp(.75rem,3vw,2rem);z-index:3;
  margin:0;padding:.55rem .75rem .6rem .9rem;background:rgba(18,24,31,.78);border-radius:2px}
[data-kusi-credito] .kusi-linea{position:absolute;left:0;top:.6rem;bottom:.6rem;width:2px;background:var(--kusi-ocre);
  transform-origin:50% 0}
[data-kusi-credito] [data-kusi-parte]{display:block}
[data-kusi-credito] [data-kusi-parte="titulo"]{font-weight:700;font-size:.88rem;color:#fff}
[data-kusi-credito] [data-kusi-parte="licencia"]{color:var(--kusi-niebla)}
html.kusi-mov [data-kusi-credito].kusi-espera .kusi-linea{transform:scaleY(0)}
html.kusi-mov [data-kusi-credito].kusi-espera [data-kusi-parte]{opacity:0;transform:translate3d(0,6px,0)}
html.kusi-mov [data-kusi-credito] .kusi-linea{transition:transform 600ms var(--kusi-curva)}
html.kusi-mov [data-kusi-credito] [data-kusi-parte]{transition:opacity 450ms var(--kusi-curva),transform 450ms var(--kusi-curva);
  transition-delay:calc(180ms + var(--kusi-i,0) * 110ms)}

html.kusi-debug [data-kusi-jurista="pendiente"]{outline:2px dashed var(--kusi-ocre);outline-offset:-6px}
html.kusi-debug [data-kusi-jurista="pendiente"]::before{content:"BY-SA · pendiente jurista";position:absolute;top:.5rem;left:.5rem;z-index:4;
  font:700 .7rem/1 Newsreader,sans-serif;background:var(--kusi-ocre);color:#12181F;padding:.3rem .45rem}


@media (prefers-reduced-motion:reduce){
  .kusi-capa{animation:none!important;translate:none!important;will-change:auto!important}
  html.kusi-mov .kusi-pre{transform:none!important;transition:opacity 300ms linear!important}
  html.kusi-mov [data-kusi-credito] [data-kusi-parte]{transform:none!important;transition:opacity 300ms linear!important}
  html.kusi-mov [data-kusi-credito] .kusi-linea{transition:none!important;transform:none!important}
}

html[data-kusi="off"] .kusi-capa,html.v11-calma .kusi-capa{animation:none!important;translate:none!important}
html[data-kusi="off"] .kusi-pre,html.v11-calma .kusi-pre{opacity:1!important;transform:none!important}


@media (prefers-reduced-motion:no-preference){
  [data-kusi-empujon] [data-kusi-credito] .kusi-linea{animation:kusi-linea 600ms var(--kusi-curva) 900ms both}
  [data-kusi-empujon] [data-kusi-credito] [data-kusi-parte]{animation:kusi-parte 450ms var(--kusi-curva) both;
    animation-delay:calc(1050ms + var(--kusi-i,0) * 110ms)}
}
@keyframes kusi-linea{from{transform:scaleY(0)}to{transform:none}}
@keyframes kusi-parte{from{opacity:0;transform:translate3d(0,6px,0)}to{opacity:1;transform:none}}
