/* ===================================
   REMOVE WHITE LINE FIX
   Elimina la línea blanca en medio de la pantalla
   =================================== */

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

/* Alternativa: hacer transparentes las líneas si necesitan mantener el espaciado */
.signature-divider span[style*="background"],
.signature-divider span {
    background: transparent !important;
    opacity: 0 !important;
}

/* Ajustar el signature-divider sin las líneas */
.signature-divider {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    margin-bottom: 1.5rem !important;
}

/* Centrar el texto sin las líneas */
.signature-text {
    font-size: 0.9rem !important;
    color: rgba(255, 255, 255, 0.6) !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Eliminar líneas horizontales HR */
hr {
    display: none !important;
    height: 0 !important;
    border: none !important;
}

/* Eliminar bordes superiores e inferiores que puedan crear líneas */
.contact-section {
    border-top: none !important;
    border-bottom: none !important;
}

.footer-section,
footer {
    border-top: none !important;
}

.social-links-section {
    border-top: none !important;
}

/* Eliminar cualquier elemento con clase line o divider */
.line,
.divider,
.horizontal-line,
.separator,
[class*="divider-line"],
[class*="line-divider"] {
    display: none !important;
}

/* Eliminar pseudo-elementos que puedan crear líneas */
.signature-divider::before,
.signature-divider::after,
.kombo-signature::before,
.kombo-signature::after {
    display: none !important;
    content: none !important;
}

/* Asegurar que no haya líneas en los pseudo-elementos de secciones */
section::before,
section::after,
div[class*="section"]::before,
div[class*="section"]::after {
    border: none !important;
    background: transparent !important;
}

/* Eliminar líneas en elementos específicos */
.section-divider,
.content-divider,
.page-divider {
    display: none !important;
}

/* Fix para elementos que puedan tener height: 1px o 2px */
*[style*="height: 1px"],
*[style*="height: 2px"],
*[style*="height:1px"],
*[style*="height:2px"] {
    height: 0 !important;
    display: none !important;
}

/* Asegurar que no haya bordes blancos accidentales */
* {
    border-color: transparent !important;
}

/* Restaurar bordes necesarios con colores más sutiles */
.card,
.project-card,
.skill-card,
button,
.btn,
input,
textarea {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Eliminar líneas específicas del KOmbo section */
.kombo-signature span:not(.tag-bracket):not(.tag-name):empty {
    display: none !important;
}

/* Asegurar que el contenido del KOmbo tag se vea bien sin líneas */
.kombo-tag-display {
    margin-top: 1rem !important;
}

/* Prevenir líneas en medio de la pantalla */
body::before,
body::after,
main::before,
main::after,
.container::before,
.container::after {
    display: none !important;
    content: none !important;
}