/* SeedLab — afinados visuales sobre Tailwind */

[x-cloak] { display: none !important; }

html { scroll-behavior: smooth; }
body { background: radial-gradient(circle at 20% -10%, rgba(22,240,138,.07), transparent 40%), var(--tw-bg, #0a0e0c); }

::selection { background: #16f08a; color: #0a0e0c; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #1a2326; border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: #233030; }

.btn-glow {
    box-shadow: 0 0 0 0 rgba(22,240,138,.6);
    transition: box-shadow .3s, transform .3s;
}
.btn-glow:hover { box-shadow: 0 0 0 6px rgba(22,240,138,.15); transform: translateY(-1px); }

.product-card { transition: transform .3s ease, box-shadow .3s ease; }
.product-card:hover { transform: translateY(-4px); box-shadow: 0 30px 60px -30px rgba(22,240,138,.3); }

.gradient-mask {
    -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent);
    mask-image: linear-gradient(to bottom, black 70%, transparent);
}

.kbd {
    font: 600 11px/1 ui-monospace, monospace;
    padding: 3px 6px; border: 1px solid #233030; border-radius: 4px; color: #7f8d89;
    background: #11181a;
}

.shimmer {
    background: linear-gradient(110deg, #11181a 8%, #1a2326 18%, #11181a 33%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite linear;
}
@keyframes shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }