/* Vika 3D — tokens de marca (sacados del logo). Compartido por landing y admin. */
:root {
    --vk-negro:      #0b0710;
    --vk-negro-2:    #140c1b;
    --vk-negro-3:    #1d1227;
    --vk-borde:      rgba(255, 92, 200, .18);
    --vk-rosa:       #ff4fb8;   /* neón del aro y las letras */
    --vk-rosa-claro: #ff9bd6;
    --vk-magenta:    #d63bd8;
    --vk-lila:       #b98cf5;   /* "3D" */
    --vk-morado:     #8a55e6;
    --vk-cereza:     #e3123f;
    --vk-hoja:       #43a047;
    --vk-texto:      #f7eefb;
    --vk-texto-2:    #c7b5d3;
    --vk-texto-3:    #8f7d9c;
    --vk-grad:       linear-gradient(135deg, var(--vk-rosa) 0%, var(--vk-magenta) 50%, var(--vk-lila) 100%);
    --vk-glow:       0 0 18px rgba(255, 79, 184, .55), 0 0 42px rgba(214, 59, 216, .25);
    --vk-radio:      18px;
    --vk-fuente-titulos: 'Fredoka', 'Nunito', system-ui, sans-serif;
    --vk-fuente:     'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

.vk-grad-text {
    background: var(--vk-grad);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.btn-vk {
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-active-color: #fff;
    background: var(--vk-grad);
    border: 0;
    border-radius: 999px;
    font-weight: 800;
    padding: .7rem 1.5rem;
    box-shadow: 0 6px 22px rgba(255, 79, 184, .35);
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.btn-vk:hover, .btn-vk:focus-visible { transform: translateY(-2px); box-shadow: var(--vk-glow); filter: brightness(1.06); color: #fff; }
.btn-vk:disabled { opacity: .6; transform: none; }

.btn-vk-outline {
    color: var(--vk-rosa-claro);
    border: 2px solid var(--vk-rosa);
    border-radius: 999px;
    font-weight: 800;
    padding: .62rem 1.4rem;
    background: transparent;
}
.btn-vk-outline:hover { background: rgba(255, 79, 184, .12); color: #fff; border-color: var(--vk-rosa); box-shadow: var(--vk-glow); }

.btn-wa { background: #25d366; color: #fff; border-radius: 999px; font-weight: 800; border: 0; padding: .7rem 1.5rem; }
.btn-wa:hover { background: #1ebe5a; color: #fff; }