#entrada-clientes {position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#f4e7cf,#dbc3a1)}
#entrada-clientes video {position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
#entrada-clientes canvas {width:min(100%,576px);height:100dvh;object-fit:contain}

#entrada-clientes {opacity:1;transition:opacity 700ms ease-in-out}
#entrada-clientes canvas {transition:filter 700ms ease-in-out,opacity 700ms ease-in-out}
#entrada-clientes.entrada-salida {opacity:0}
#entrada-clientes.entrada-salida canvas {filter:blur(9px);opacity:0}
@media(prefers-reduced-motion:reduce){#entrada-clientes,#entrada-clientes canvas{transition:none}}