/* =========================
   CUSTOM CURSOR
========================= */

/* Remove cursor padrão */
html, body, a, button {
    cursor: none !important;
}

/* Ponto central (segue o mouse instantaneamente) */
.cursor-dot {
    width: 8px;
    height: 8px;
    background-color: #55047a;
    position: fixed;
    top: 0;
    left: 0;
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999;
}

/* Círculo externo (movimento suavizado via JS) */
.cursor-outline {
    width: 40px;
    height: 40px;
    border: 2px solid rgba(130, 56, 248, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    border-radius: 50%;
    pointer-events: none;
    z-index: 9998;
    transition: transform 0.15s ease-out,
                background-color 0.3s,
                border-color 0.3s;
}

/* Estado ativo (hover em links e botões) */
.cursor-active {
    transform: scale(1.5) translate(-33%, -33%);
    background-color: rgba(56, 189, 248, 0.1);
    border-color: #38bdf8;
}