/* ===================================
   NAVIGATION LINE FIX
   Elimina las líneas de la navegación lateral
   =================================== */

/* Eliminar cualquier línea vertical en la navegación lateral */
.side-nav::before,
.side-nav::after {
    display: none !important;
    content: none !important;
    height: 0 !important;
    width: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* Eliminar líneas en los contenedores de dots */
.nav-dots::before,
.nav-dots::after {
    display: none !important;
    content: none !important;
    height: 0 !important;
    width: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* Eliminar cualquier línea en cada nav-dot */
.nav-dot::before,
.nav-dot::after {
    display: none !important;
    content: none !important;
    height: 0 !important;
    width: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* Eliminar líneas en los dots individuales */
.dot::before,
.dot::after {
    display: none !important;
    content: none !important;
}

/* Eliminar cualquier borde en la navegación */
.side-nav,
.nav-dots,
.nav-dot,
.dot,
.dot-label {
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    outline: none !important;
}

/* Asegurar que no haya líneas de fondo */
.side-nav,
.nav-dots {
    background: transparent !important;
    background-image: none !important;
}

/* Eliminar cualquier gradiente lineal que pueda crear líneas */
.side-nav *,
.nav-dots * {
    background-image: none !important;
}

/* Específicamente eliminar líneas verticales */
.side-nav {
    position: fixed;
    left: var(--spacing-lg, 3rem);
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    /* Asegurar que no haya líneas de conexión */
    background: none !important;
}

/* Limpiar los dots para que solo sean círculos */
.dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: var(--text-muted, #495670) !important;
    border: none !important;
    box-shadow: none !important;
}

/* Dots activos sin líneas */
.nav-dot.active .dot,
.nav-dot:hover .dot {
    background: var(--accent, #0ea5e9) !important;
    transform: scale(1.5) !important;
    box-shadow: 0 0 20px var(--accent, #0ea5e9) !important;
    border: none !important;
}

/* Eliminar cualquier elemento con clase line en la navegación */
.side-nav .line,
.nav-dots .line,
.nav-dot .line,
.side-nav [class*="line"],
.nav-dots [class*="line"],
.nav-dot [class*="line"] {
    display: none !important;
}

/* Eliminar pseudo-elementos de todos los hijos de side-nav */
.side-nav *::before,
.side-nav *::after {
    display: none !important;
    content: none !important;
}

/* Fix para elementos span que puedan crear líneas */
.side-nav span:not(.dot):not(.dot-label),
.nav-dots span:not(.dot):not(.dot-label) {
    display: none !important;
}

/* Asegurar que las etiquetas se vean bien sin líneas */
.dot-label {
    position: absolute !important;
    left: 20px !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: var(--text-secondary, #8892b0) !important;
    white-space: nowrap !important;
    background: transparent !important;
    border: none !important;
}

/* Eliminar cualquier SVG o path que pueda crear líneas */
.side-nav svg,
.nav-dots svg,
.side-nav path,
.nav-dots path {
    display: none !important;
}

/* Eliminar cualquier div vacío que pueda crear líneas */
.side-nav div:empty:not(.dot):not(.nav-dots),
.nav-dots div:empty:not(.dot) {
    display: none !important;
}

/* Asegurar espaciado correcto sin líneas */
.nav-dots {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--spacing-sm, 1rem) !important;
    background: transparent !important;
}

.nav-dot {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    background: transparent !important;
}

/* Prevenir cualquier línea de conexión vertical */
.side-nav::before {
    display: none !important;
    content: none !important;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
}

/* Eliminar cualquier elemento decorativo */
.side-nav .decorator,
.side-nav .divider,
.side-nav .separator,
.nav-dots .decorator,
.nav-dots .divider,
.nav-dots .separator {
    display: none !important;
}