.ambiente{z-index:-1;pointer-events:none;contain:strict;width:100%;height:100lvh;animation:amb-entra 1.6s var(--entra) .35s both;--amb-c:.22;--amb-grano-op:.17;--amb-grano:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .2 0 0 0 0 .16 0 0 0 0 .12 2.4 0 0 0 -1.1'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)'/%3E%3C/svg%3E");position:fixed;top:0;left:0;overflow:hidden}@media (prefers-color-scheme:dark){:root:not([data-tema=claro]) .ambiente{--amb-c:.05;--amb-grano-op:.05;--amb-grano:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .96 0 0 0 0 .92 2.4 0 0 0 -1.1'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)'/%3E%3C/svg%3E")}}:root[data-tema=oscuro] .ambiente{--amb-c:.05;--amb-grano-op:.05;--amb-grano:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .96 0 0 0 0 .92 2.4 0 0 0 -1.1'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)'/%3E%3C/svg%3E")}.ambiente canvas{will-change:transform;max-width:none;display:block;position:absolute}@keyframes amb-entra{0%{opacity:0}to{opacity:1}}.amb-columna{will-change:transform;width:100%;height:140lvh;position:absolute;top:0;left:0}.amb-c1,.amb-c2,.amb-c3{width:85vmax;height:85vmax;opacity:var(--amb-c)}.amb-c1{top:-30vmax;right:-34vmax}.amb-c2{top:calc(50% - 30vmax);left:-38vmax}.amb-c3{top:calc(100% - 30vmax);right:-34vmax}.amb-grano{background-image:var(--amb-grano);opacity:var(--amb-grano-op);background-size:180px 180px;position:absolute;inset:0}@media (prefers-color-scheme:light){:root:not([data-tema=oscuro]):has(.ambiente){--fondo:#faf6f0}}:root[data-tema=claro]:has(.ambiente){--fondo:#faf6f0}.amb-velos{z-index:-1;pointer-events:none;--amb-velo:color-mix(in srgb, var(--fondo) 96%, transparent);width:100%;height:0;position:absolute;top:0;left:0;overflow:clip visible}.amb-velos>i{background:var(--amb-velo);box-shadow:0 0 32px 32px var(--amb-velo);border-radius:8px;display:block;position:absolute;top:0;left:0}@media (prefers-color-scheme:dark){:root:not([data-tema=claro]) .amb-velos{display:none}}:root[data-tema=oscuro] .amb-velos{display:none}:root:has(.ambiente) .barra-pasos:not([data-pegada]){background-color:#0000}@media (prefers-reduced-motion:reduce){.ambiente{animation:none!important}}