/* Carga del estudio (04/11/2026). Fondo oscuro de la casa, la tela de hilos del final y la firma G. Urru que se llena de luz
   según avanza la carga de verdad. Al acabar, la firma vuela a la cabecera mientras el velo se funde (05/11/2026). */
html.carga-on{overflow:hidden}
.cg{position:fixed;inset:0;z-index:2147483000;background:#0d0e13;color:#f4f0ec;display:grid;place-items:center;overflow:hidden;}
.cg *{box-sizing:border-box}
.cg-tela{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .5s ease}
.cg-firma{position:relative;width:clamp(240px,27vw,420px);aspect-ratio:720/189;opacity:0;transition:opacity .7s ease .1s;--p:0}
.cg.ve .cg-tela,.cg.ve .cg-firma{opacity:1}
.cg-firma img{position:absolute;inset:0;width:100%;height:100%;display:block}
.cg-fantasma{opacity:.15}
.cg-llena{-webkit-mask-image:linear-gradient(90deg,#000 calc(var(--p)*112% - 12%),transparent calc(var(--p)*112%));
  mask-image:linear-gradient(90deg,#000 calc(var(--p)*112% - 12%),transparent calc(var(--p)*112%))}
/* la luz que va por delante del trazo */
.cg-luz{position:absolute;top:-45%;bottom:-45%;left:calc(var(--p)*100%);width:90px;margin-left:-45px;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(ellipse at center,rgba(255,226,170,.5),rgba(240,170,90,.16) 38%,transparent 68%);opacity:calc(1 - var(--p)*var(--p)*var(--p)*var(--p))}
.cg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:820px){.cg-firma{width:min(68vw,300px)}.cg-luz{width:64px;margin-left:-32px}}
@media (prefers-reduced-motion:reduce){.cg-tela{display:none}.cg-fantasma{display:none}.cg-llena{-webkit-mask-image:none;mask-image:none}.cg-luz{display:none}.cg-firma,.cg-tela{transition:none}}
