.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 250, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

.glass-nav {
    background: rgba(247, 246, 244, 0.8);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
}

.wordmark {
    letter-spacing: 0.32em;
    font-weight: 300;
}

#mobile-menu {
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.screenshots-scroll {
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-snap-type: x mandatory;
}
.screenshots-scroll::-webkit-scrollbar {
    display: none;
}
.screenshots-scroll > * {
    scroll-snap-align: center;
}

/* Línia de pols animada al hero */
.pulse-line path {
    stroke-dasharray: 600;
    stroke-dashoffset: 600;
    animation: pulse-draw 3.2s ease-in-out infinite;
}
@keyframes pulse-draw {
    0%   { stroke-dashoffset: 600; }
    55%  { stroke-dashoffset: 0; }
    100% { stroke-dashoffset: -600; }
}
@media (prefers-reduced-motion: reduce) {
    .pulse-line path { animation: none; stroke-dashoffset: 0; }
}

/* Evita el parpelleig del text abans de carregar les traduccions */
html.i18n-loading [data-i18n],
html.i18n-loading [data-render] {
    opacity: 0;
}
[data-i18n], [data-render] {
    transition: opacity 0.15s ease;
}

.prose-legal p + p,
.prose-legal p + ul,
.prose-legal ul + p {
    margin-top: 0.75rem;
}
.prose-legal ul {
    list-style: disc;
    padding-left: 1.25rem;
}
.prose-legal li + li {
    margin-top: 0.35rem;
}