@layer components{.landing{--fondo:#050505;--panel:#0b0b0c;--panel-2:#121214;--borde:#ffffff1f;--tinta:#fff;--tinta-2:#b4b4b4;--apagado:#7d7d7d;--rejilla:#ffffff12;--eje:#ffffff47;--acento:#fff;--acento-tinta:#050505;--brillo:#ffffff38;--l-azul:#2a78d6;--l-naranja:#e2602b;--l-verde:#1baf7a;--superficie:var(--fondo);--superficie-2:var(--panel-2);background:var(--fondo);color:var(--tinta);scroll-behavior:smooth;min-height:100vh}.landing a{color:inherit}.landing,.landing :is(h1,h2,h3,.l-display,.l-titulo){font-family:var(--font-sans)}.landing .mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.landing .l-display{letter-spacing:-.03em;font-size:clamp(2rem,4vw,3.1rem);font-weight:600;line-height:1.08}.landing details>summary{cursor:pointer;list-style:none}.landing details>summary::-webkit-details-marker{display:none}.landing :is(.grid,.flex,.md\:flex,.md\:grid-cols-2,.lg\:grid-cols-4)>*{min-width:0}.l-rotulo{letter-spacing:.06em;text-transform:uppercase;color:var(--apagado);font-size:12px}.landing .l-titulo{letter-spacing:-.045em;font-size:clamp(3rem,7vw,5.75rem);font-weight:600;line-height:1}.l-pill{letter-spacing:-.01em;white-space:nowrap;border:1px solid #ffffff47;border-radius:8px;align-items:center;gap:.5rem;padding:.7rem 1.1rem;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.landing .l-pill:hover,.landing .l-pill--solida{color:#050505;background:#fff;border-color:#fff}.landing .l-pill--solida:hover{background:#e4e4e4;border-color:#e4e4e4}.l-pill--chica{padding:.45rem .85rem;font-size:13px}.l-tarjeta{border:1px solid var(--borde);background:var(--panel);border-radius:10px;padding:1.25rem 1.5rem}.l-pantalla{background:#0a0a0b;border:1px solid #ffffff2e;border-radius:16px;overflow:hidden;box-shadow:0 40px 120px -50px #ffffff59}.l-ondas{pointer-events:none;opacity:.35;position:absolute;inset:0}@keyframes l-pulso{0%,to{opacity:.35}50%{opacity:1}}@keyframes l-giro{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.l-nodo{animation:3s ease-in-out infinite l-pulso}.l-anillo{transform-origin:50%;animation:60s linear infinite l-giro}@media (prefers-reduced-motion:reduce){.l-nodo,.l-anillo{animation:none}}.l-flotante{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080809d9;border:1px solid #ffffff24;border-radius:8px;width:11.5rem;padding:.7rem .9rem;position:absolute}@media (max-width:1023px){.l-flotante{width:auto;position:static}}}
