.sg{width:100%;position:relative}.sg-wall{aspect-ratio:16/9;border:6px solid #050506;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1f,0 30px 60px -30px #000000d9}.sg-scene{background:linear-gradient(#0b2a44 0%,#12507a 52%,#f08a4b 100%);position:absolute;inset:0}.sg-sun{aspect-ratio:1;background:radial-gradient(circle,#ffd27a 0 55%,#ffd27a00 72%);border-radius:50%;width:22%;position:absolute;top:46%;left:62%}.sg-hill{background:linear-gradient(#1c2b22,#101712);border-radius:50% 50% 0 0;height:62%;position:absolute;bottom:-30%;left:-10%;right:-10%}.sg-rail{background:#ffffff4d;height:2px;position:absolute;bottom:18%;left:0;right:0}.sg-train{background:linear-gradient(#ff6a2b, var(--c-naranja));border-radius:10px 30px 4px 4px;width:46%;height:15%;animation:7s linear infinite sg-train;position:absolute;bottom:calc(18% + 2px);left:-48%;box-shadow:0 6px 18px -6px #e8521fb3}.sg-train b{opacity:.85;background:repeating-linear-gradient(90deg,#ffe7c2 0 12%,#0000 12% 18%);border-radius:2px;height:34%;position:absolute;top:22%;left:8%;right:16%}@keyframes sg-train{to{left:104%}}.sg-bezels{background:linear-gradient(90deg,#0000 calc(50% - 4px),#050506 calc(50% - 4px) calc(50% + 4px),#0000 calc(50% + 4px)),linear-gradient(#0000 calc(50% - 4px),#050506 calc(50% - 4px) calc(50% + 4px),#0000 calc(50% + 4px));position:absolute;inset:0}.sg-n{color:#cfe9f7;background:#050506b3;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.66rem;font-weight:900;display:grid;position:absolute}.sg-n[data-n="1"]{top:8px;left:8px}.sg-n[data-n="2"]{top:8px;left:calc(50% + 10px)}.sg-n[data-n="3"]{top:calc(50% + 10px);left:8px}.sg-n[data-n="4"]{top:calc(50% + 10px);left:calc(50% + 10px)}.sg-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.sg-tv{aspect-ratio:16/11;background:#141210;border:5px solid #050506;border-radius:5px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1f,0 24px 48px -28px #000000d9;container-type:inline-size}.sg-a,.sg-b{animation:8s step-end infinite sg-a;position:absolute;inset:0}.sg-a{align-content:start;gap:6cqw;padding:9cqw 9cqw 0;display:grid}.sg-a b{color:#fff;font-size:11cqw;font-weight:900}.sg-a span{align-items:center;gap:4cqw;display:flex}.sg-a span i{background:#ffffff38;border-radius:2cqw;flex:1;height:4cqw}.sg-a span em{background:var(--c-naranja);border-radius:2cqw;width:18cqw;height:4cqw}.sg-b{background:radial-gradient(ellipse at 50% 120%, #ff8a3d, var(--c-naranja) 60%, #b83a10);place-items:center;padding:6cqw;animation-name:sg-b;display:grid}.sg-b b{color:#fff;text-align:center;letter-spacing:-.02em;font-size:17cqw;font-weight:900;line-height:1}@keyframes sg-a{0%{opacity:1}50%{opacity:0}}@keyframes sg-b{0%{opacity:0}50%{opacity:1}}.sg-tick{color:var(--fg-mute);justify-content:center;align-items:center;gap:8px;margin:14px 0 0;font-size:.78rem;display:flex}.sg-tick i{background:var(--c-celeste);width:8px;height:8px;box-shadow:0 0 10px var(--c-celeste);border-radius:50%;animation:4s ease-out infinite sg-tick}@keyframes sg-tick{0%,10%{opacity:1;scale:1.5}25%,to{opacity:.35;scale:1}}.sg-split-tv{aspect-ratio:16/9;background:#0e0f11;border:6px solid #050506;border-radius:6px;grid-template-rows:1fr 1fr auto;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:5px;padding:5px;display:grid;box-shadow:0 0 0 1px #ffffff1f,0 30px 60px -30px #000000d9;container-type:inline-size}.sg-z{outline-offset:-1px;border-radius:4px;outline:1px dashed #00aeef8c;place-items:center;display:grid;position:relative;overflow:hidden}.sg-z em{letter-spacing:.08em;text-transform:uppercase;color:#ffffffbf;font-size:max(9px,1.9cqw);font-style:normal;font-weight:700;position:absolute;top:5px;left:6px}.sg-z1{background:linear-gradient(120deg,#123a5a,#1f6f9c 45%,#0d2a40) 0 0/200% 100%;grid-row:1/3;animation:6s ease-in-out infinite alternate sg-video}@keyframes sg-video{to{background-position:100% 0}}.sg-play{border-top:2.4cqw solid #0000;border-bottom:2.4cqw solid #0000;border-left:4cqw solid #ffffffe6;width:0;height:0}.sg-z2{background:linear-gradient(160deg,#1b2b3d,#12161c);grid-template-columns:auto auto;gap:2cqw}.sg-z2 b{font-size:6cqw;font-weight:900}.sg-sunny{aspect-ratio:1;background:#ffd27a;border-radius:50%;width:5cqw;box-shadow:0 0 0 1cqw #ffd27a40}.sg-z3{background:linear-gradient(160deg,#3a1a0e,#1a120e)}.sg-z3 b{color:var(--c-naranja);grid-area:1/1;font-size:6.5cqw;font-weight:900;animation:6s step-end infinite sg-a}.sg-z3 .sg-p2{animation-name:sg-b}.sg-z4{background:#1b1d22;grid-column:1/3;place-items:center start;height:max(16px,5.2cqw)}.sg-z4 span{white-space:nowrap;color:#e3e8ec;padding-left:100%;font-size:max(9px,2.3cqw);animation:14s linear infinite sg-ticker}@keyframes sg-ticker{to{translate:-100%}}@media (prefers-reduced-motion:reduce){.sg-train{animation:none;left:30%}.sg-a,.sg-b,.sg-tick i,.sg-z1,.sg-z3 b,.sg-z4 span{animation:none}.sg-b,.sg-z3 .sg-p2{opacity:0}.sg-z4 span{padding-left:8px}}@media (width<=560px){.sg-row{gap:6px}.sg-tv{border-width:3px}.sg-n{width:16px;height:16px;font-size:.58rem}}
