/* ==================== EVITAR SCROLL HORIZONTAL ==================== */

html,
body {
    overflow-x: clip;
    scroll-behavior: smooth;
    /* Scroll suave al desplazar con ancla */
}

.page-overflow {
    overflow-x: clip;
}

/* ==================== SCROLLBAR ==================== */

html {
    scrollbar-width: auto;
    scrollbar-color: var(--color-accent-aqua-secondary) var(--color-border-2);
}

html::-webkit-scrollbar-track {
    background: var(--color-border-2);
}

html::-webkit-scrollbar-thumb {
    background: var(--color-accent-aqua-secondary);
}