.portada{--p-bg:hsl(var(--background));--p-fg:hsl(var(--foreground));--p-card:hsl(var(--card));--p-muted:hsl(var(--muted));--p-muted-fg:hsl(var(--muted-foreground));--p-border:hsl(var(--border));--p-brand:#fcc203;--p-brand-fg:#231e1a;--p-exito:hsl(var(--success));--p-brillo:#ffec8f;--p-baldosa:#281c0c0e;--letra:"Instrument Sans", ui-sans-serif, system-ui, "Segoe UI", sans-serif;background:var(--p-bg);color:var(--p-fg);font-family:var(--letra);font-size:14px;position:fixed;inset:0;overflow:hidden;container-type:size}.dark .portada{--p-brand:#f6be23;--p-brillo:#fe9;--p-baldosa:#fff0dc0b}.portada.muestra{aspect-ratio:16/9.5;border-radius:14px;width:100%;position:relative;inset:auto}.portada.muestra .entrar,.portada.muestra .salir{pointer-events:none}.marco-muestra{aspect-ratio:16/9.5;contain:layout paint style;width:100%;position:relative;overflow:hidden}.portada.muestra{contain:layout paint style}.portada.muestra.achicada{aspect-ratio:auto;transform-origin:0 0;border-radius:0;position:absolute;top:0;left:0}.portada.chica .tarjeta{-webkit-backdrop-filter:none;backdrop-filter:none;background:color-mix(in srgb, var(--p-card) 94%, transparent)}.portada.chica .cubo.armar polygon{animation-name:armarse}.portada.chica .obra.terminada .baldosa{animation:none}.portada.chica .obra .farol .haz{display:none}.portada.chica .obra .farol .halo,.portada.chica .obra .baliza,.portada.chica .camion .baliza-camion{animation:none}.portada>canvas.fondo{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.portada>.contenido{z-index:2}.velo{z-index:1;pointer-events:none;background:radial-gradient(ellipse 44cqw 44cqh at 50% 50%, var(--p-bg) 30%, color-mix(in srgb, var(--p-bg) 55%, transparent) 70%, transparent);position:absolute;inset:0}.arriba{z-index:4;align-items:center;gap:6px;display:flex;position:absolute;top:max(3.2cqh,14px);right:max(3cqw,14px)}.arriba .idioma{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;place-items:center;width:30px;height:30px;padding:0;display:grid}.arriba .idioma:hover{background:var(--p-muted)}.arriba .idioma>span{opacity:.55;transition:opacity .2s}.arriba .idioma[aria-pressed=true]>span,.arriba .idioma:hover>span{opacity:1}.arriba .idioma[aria-pressed=true]{border-color:var(--p-brand)}.arriba .separa{background:var(--p-border);width:1px;height:18px;margin:0 4px}.palabra{width:var(--ancho,190px);aspect-ratio:378/100;display:block;position:relative}.palabra .blanco{background:var(--p-fg);-webkit-mask:var(--mascara) center / contain no-repeat;-webkit-mask:var(--mascara) center / contain no-repeat;mask:var(--mascara) center / contain no-repeat;position:absolute;inset:0}.palabra img{width:100%;height:100%;position:absolute;inset:0}.nombre{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(26px,4.4cqw,54px);font-weight:600;line-height:1.02}.entrar{background:var(--p-brand);min-width:260px;color:var(--p-brand-fg);font:600 15px var(--letra);cursor:pointer;box-shadow:0 10px 30px -12px color-mix(in srgb, var(--p-brand) 70%, transparent);border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:13px 20px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.entrar:hover{box-shadow:0 14px 34px -12px color-mix(in srgb, var(--p-brand) 85%, transparent);transform:translateY(-1px)}.entrar:focus-visible{outline:2px solid var(--p-fg);outline-offset:3px}.entrar .ms{grid-template-columns:8px 8px;gap:1.5px;display:grid}.entrar .ms i{width:8px;height:8px}.acceso{justify-items:stretch;gap:12px;width:fit-content;max-width:100%;display:grid}.salir{color:var(--p-muted-fg);font:500 12.5px var(--letra);cursor:pointer;background:0 0;border:0;justify-self:center;padding:0}.salir:hover{color:var(--p-fg);text-decoration:underline}.aviso-ingreso{border:1px solid color-mix(in srgb, hsl(var(--destructive)) 30%, transparent);background:color-mix(in srgb, hsl(var(--destructive)) 10%, transparent);border-radius:12px;max-width:380px;padding:9px 12px;font-size:12.5px;line-height:1.45}.ingreso{z-index:3;flex-direction:column;gap:22px;display:flex;position:relative}.marca{align-items:center;gap:14px;display:flex}.aparece{animation:.8s cubic-bezier(.16,1,.3,1) both aparece;animation-delay:calc(var(--n,0) * .12s + var(--desde,0s))}@keyframes aparece{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes encender{0%{opacity:0}to{opacity:1}}@container (width<=560px){.acceso{width:100%}.entrar{width:100%;min-width:0}.aviso-ingreso{max-width:none}}.pildora{background:var(--p-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 8px 2px 3px;font-size:11.5px;font-weight:500;display:inline-flex}.pildora .iniciales{background:color-mix(in srgb, var(--tono,var(--p-brand)) 22%, var(--p-card));border-radius:50%;place-items:center;width:17px;height:17px;font-size:8px;font-weight:700;display:grid}.pildora img{border-radius:2px;width:16px;height:12px;margin-left:4px}.cubo{display:block;overflow:visible}.cubo polygon{fill:var(--p-brand);transform-box:fill-box;transform-origin:50%}.cubo.armar polygon{animation:1.25s cubic-bezier(.16,1,.3,1) both armarse,7s ease-in-out infinite brillo;animation-delay:calc(var(--x) * .5s + var(--azar) * .3s), calc(2.6s + var(--x) * .9s)}.cubo.rapido polygon{animation-duration:.9s,7s;animation-delay:calc(var(--x) * .25s + var(--azar) * .15s), calc(1.8s + var(--x) * .9s)}@keyframes armarse{0%{transform:translate(var(--dx), var(--dy)) rotate(var(--r)) scale(.35);opacity:0}55%{opacity:1}to{opacity:1;transform:none}}@keyframes brillo{0%,7%,to{fill:var(--p-brand)}3.5%{fill:var(--p-brillo)}}.tarjeta{z-index:3;border:1px solid var(--p-border);background:color-mix(in srgb, var(--p-card) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:20px;padding:38px 44px;display:flex;position:relative;box-shadow:0 30px 80px -40px #00000080}@container (width<=560px){.tarjeta{width:100%;padding:30px 22px}}@media (prefers-reduced-motion:reduce){.portada *,.portada :before,.portada :after{transition:none!important;animation:none!important}}