/* ===================================
   Remove Unwanted Lines Fix
   Elimina líneas no deseadas que aparecen en el diseño
   =================================== */

/* ===== OCULTAR LÍNEAS NO DESEADAS ===== */

/* Ocultar la línea del scroll indicator si está mal posicionada */
.scroll-line {
    display: none !important;
}

/* Si quieres mostrar el scroll indicator pero sin la línea */
.scroll-indicator {
    gap: 0 !important; /* Eliminar espacio donde estaba la línea */
}

.scroll-indicator .scroll-text {
    margin-bottom: 0 !important;
}

/* Eliminar cualquier pseudo-elemento que pueda crear líneas */
.side-nav::before,
.side-nav::after {
    display: none !important;
    content: none !important;
}

.nav-dots::before,
.nav-dots::after {
    display: none !important;
    content: none !important;
}

/* Eliminar líneas de separación en secciones */
section::before,
section::after {
    border: none !important;
    background: none !important;
}

/* Si hay alguna línea horizontal no deseada */
hr {
    display: none !important;
}

/* Eliminar bordes no deseados en el hero section */
#home::before,
#home::after,
.hero-section::before,
.hero-section::after {
    display: none !important;
}

/* Eliminar cualquier línea decorativa en el hero */
.hero-content::before,
.hero-content::after,
.hero-title::before,
.hero-title::after,
.hero-subtitle::before,
.hero-subtitle::after {
    display: none !important;
}

/* ===== LIMPIAR BORDES NO NECESARIOS ===== */

/* Eliminar bordes en elementos principales */
.main-container {
    border: none !important;
    outline: none !important;
}

section,
.section {
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
}

/* ===== FIX ESPECÍFICO PARA SCROLL INDICATOR ===== */

/* Opción 1: Ocultar completamente el scroll indicator */
/*
.scroll-indicator {
    display: none !important;
}
*/

/* Opción 2: Mostrar solo el texto sin la línea */
.scroll-indicator {
    position: absolute !important;
    bottom: 40px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 10 !important;
}

.scroll-indicator .scroll-text {
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
    opacity: 0.6 !important;
    color: var(--text-secondary) !important;
}

/* Animar solo el texto (sin línea) */
@keyframes floatText {
    0%, 100% {
        transform: translateY(0);
        opacity: 0.6;
    }
    50% {
        transform: translateY(-5px);
        opacity: 1;
    }
}

.scroll-indicator .scroll-text {
    animation: floatText 2s ease-in-out infinite;
}

/* ===== ELIMINAR LÍNEAS EN ABOUT SECTION ===== */
.unified-about-section::before,
.unified-about-section::after,
.about-content::before,
.about-content::after {
    display: none !important;
}

/* ===== ELIMINAR LÍNEAS EN EXPERIENCE SECTION ===== */
/* Mantener solo la línea del timeline que sí queremos */
.experience-timeline::before {
    /* Esta línea SÍ la queremos mantener */
}

/* Pero eliminar otras líneas decorativas */
.experience-section::before,
.experience-section::after,
.modern-experience::before,
.modern-experience::after {
    display: none !important;
}

/* ===== ELIMINAR LÍNEAS EN PROJECTS ===== */
.modern-projects::before,
.modern-projects::after,
.projects-grid::before,
.projects-grid::after {
    display: none !important;
}

/* ===== ELIMINAR LÍNEAS EN CONTACT ===== */
#contact::before,
#contact::after,
.contact-section::before,
.contact-section::after {
    display: none !important;
}

/* ===== MOBILE ESPECÍFICO ===== */
@media (max-width: 768px) {
    /* En móvil, asegurarse de que no hay líneas extrañas */
    * {
        border-left: none !important;
        border-right: none !important;
    }

    /* Excepciones para elementos que SÍ necesitan bordes */
    .project-card,
    .contact-card,
    .skill-item,
    .cv-section,
    button,
    .btn,
    input,
    textarea {
        /* Estos pueden mantener sus bordes originales */
        border: initial;
    }
}

/* ===== DEBUG: ENCONTRAR LÍNEAS ===== */
/* Descomenta esto temporalmente para encontrar elementos con líneas */
/*
*[style*="border"],
*[style*="1px"],
*[style*="line"] {
    outline: 2px solid red !important;
}
*/