:root {
    --lv-yellow: #F5C300;
    --lv-dark:   #1A1A1A;
    --lv-gray:   #F8F8F8;
}

/* Navbar */
.lv-navbar {
    background-color: var(--lv-dark);
    height: 56px;
}

/* Login */
.lv-login-bg {
    background: linear-gradient(135deg, var(--lv-dark) 0%, #2d2d2d 100%);
}

.lv-login-card {
    width: 100%;
    max-width: 400px;
    border-radius: 12px;
    border: none;
}

/* Botón primario */
.lv-btn-primary {
    background-color: var(--lv-yellow);
    border-color: var(--lv-yellow);
    color: var(--lv-dark);
}

.lv-btn-primary:hover {
    background-color: #e0b000;
    border-color: #e0b000;
    color: var(--lv-dark);
}

/* Cards de galería */
.lv-card {
    border-radius: 10px;
    border: 1px solid #e8e8e8;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.lv-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
}

/* Badges de tipo */
.lv-badge-tipo {
    font-size: 0.7rem;
    padding: 3px 8px;
    border-radius: 20px;
    font-weight: 600;
}