/* ===================================
   COMPLETE LINE REMOVAL FIX
   Elimina TODAS las líneas, transparentes y cristalinas
   =================================== */

/* FORZAR ELIMINACIÓN DE TODAS LAS LÍNEAS EN NAVEGACIÓN */
.side-nav::before,
.side-nav::after,
.nav-dots::before,
.nav-dots::after,
.nav-dot::before,
.nav-dot::after,
.dot::before,
.dot::after {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    border: none !important;
    background: none !important;
    background-image: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    position: absolute !important;
    z-index: -9999 !important;
    pointer-events: none !important;
}

/* Eliminar cualquier gradiente transparente que cree líneas */
.side-nav,
.side-nav *,
.nav-dots,
.nav-dots *,
.nav-dot,
.nav-dot * {
    background-image: none !important;
    background: transparent !important;
}

/* Solo permitir el fondo de los dots activos */
.dot {
    background-color: var(--text-muted, #495670) !important;
}

.nav-dot.active .dot,
.nav-dot:hover .dot {
    background-color: var(--accent, #0ea5e9) !important;
}

/* Eliminar cualquier línea con gradiente transparente */
*[style*="linear-gradient"],
*[style*="radial-gradient"] {
    background-image: none !important;
}

/* Específicamente para la navegación - eliminar gradientes */
.side-nav *[style*="gradient"],
.nav-dots *[style*="gradient"],
.nav-dot *[style*="gradient"] {
    background: transparent !important;
    background-image: none !important;
}

/* Eliminar elementos con rgba transparente que creen líneas */
.side-nav [style*="rgba"],
.nav-dots [style*="rgba"] {
    background: transparent !important;
}

/* Eliminar cualquier elemento con height de 1-2px que pueda ser una línea */
.side-nav *[style*="height: 1px"],
.side-nav *[style*="height: 2px"],
.side-nav *[style*="height:1px"],
.side-nav *[style*="height:2px"],
.nav-dots *[style*="height: 1px"],
.nav-dots *[style*="height: 2px"],
.nav-dots *[style*="height:1px"],
.nav-dots *[style*="height:2px"] {
    display: none !important;
    height: 0 !important;
    visibility: hidden !important;
}

/* Eliminar backdrop filters que creen efecto cristalino */
.side-nav,
.side-nav *,
.nav-dots,
.nav-dots * {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
}

/* Eliminar todos los spans vacíos que puedan crear líneas */
.side-nav span:empty,
.nav-dots span:empty,
.signature-divider span:empty {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
}

/* Eliminar líneas del signature-divider definitivamente */
.signature-divider span {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    background: none !important;
}

/* Mantener solo el texto del signature */
.signature-text {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
    background: transparent !important;
}

.signature-divider {
    background: transparent !important;
    border: none !important;
}

/* Eliminar cualquier HR o línea divisoria */
hr,
.divider,
.separator,
.line,
.horizontal-line,
.vertical-line,
[class*="divider"],
[class*="separator"],
[class*="-line"],
[class*="line-"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
}

/* Eliminar bordes que puedan crear líneas */
section,
.section,
.side-nav,
.nav-dots,
.nav-dot {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    outline: none !important;
}

/* Asegurar que no haya sombras que parezcan líneas */
.side-nav,
.side-nav *,
.nav-dots,
.nav-dots * {
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Prevenir cualquier overlay transparente */
.side-nav::before,
.side-nav::after {
    content: "" !important;
    display: none !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    background: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    z-index: -9999 !important;
}

/* Limpiar completamente la navegación */
.side-nav {
    position: fixed !important;
    left: var(--spacing-lg, 3rem) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 100 !important;
    background: transparent !important;
    border: none !important;
}

.nav-dots {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--spacing-sm, 1rem) !important;
    background: transparent !important;
    border: none !important;
}

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

/* Asegurar que los dots sean solo círculos simples */
.dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Eliminar cualquier elemento inline vacío */
.side-nav *:empty:not(.dot):not(img):not(input):not(br):not(hr) {
    display: none !important;
}

/* Forzar transparencia en elementos no esenciales */
.side-nav > *:not(.nav-dots),
.nav-dots > *:not(.nav-dot),
.nav-dot > *:not(.dot):not(.dot-label) {
    background: transparent !important;
    border: none !important;
}

/* ULTRA AGRESIVO - Eliminar TODO pseudo-elemento en navegación */
.side-nav *::before,
.side-nav *::after,
.nav-dots *::before,
.nav-dots *::after,
.nav-dot *::before,
.nav-dot *::after {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Eliminar cualquier cosa con clase que sugiera una línea */
[class*="line"]:not(.loader-line):not(.scroll-line):not(.page-animated-lines):not(.grid-overlay),
[id*="line"]:not(#loader-line):not(#scroll-line) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    opacity: 0 !important;
}

/* Asegurar que navigation-padding-fix no agregue líneas */
.side-nav[style*="::before"],
.side-nav[style*="::after"] {
    background: transparent !important;
}

/* Override cualquier estilo inline que pueda crear líneas */
[style*="height: 1px"],
[style*="height:1px"],
[style*="height: 2px"],
[style*="height:2px"],
[style*="width: 1px"],
[style*="width:1px"],
[style*="width: 2px"],
[style*="width:2px"] {
    display: none !important;
    visibility: hidden !important;
}

/* Eliminar cualquier filtro o efecto visual */
* {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Solo aplicar backdrop-filter donde sea absolutamente necesario */
.modal,
.dropdown,
.popup {
    backdrop-filter: blur(10px) !important;
}

/* Asegurar que el contenido detrás sea visible */
.side-nav,
.nav-dots,
.nav-dot,
.dot-label {
    pointer-events: auto !important;
    isolation: auto !important;
    mix-blend-mode: normal !important;
}