/*
 * SEPARATORS: Separadores unificados
 * Compatible con: LiteSpeed Cache, Cloudflare, Redis
 */

/* ==========================================================
   SEPARADORES UNIFICADOS
========================================================== */

/* Separador normal (doble línea) */
.informe-section-separator {
    border-top: var(--border-width-thin) solid var(--color-border-medium);
    border-bottom: var(--border-width-thin) solid var(--color-border-medium);
    border-left: none;
    border-right: none;
    height: 0;
    margin: 42px 0;
    background: transparent;
}

/* Separador grueso (línea negra) */
.informe-section-separator--thick {
    border: none;
    background: var(--color-separator-thick);
    height: var(--border-width-thick);
    margin: 42px 0;
}

/* Separador de items (fino) */
.informe-item-sep {
    border: 0;
    border-top: var(--border-width-thin) solid var(--color-border);
    margin: var(--space-3) 0;
    height: var(--border-width-thin);
    background: transparent;
}

/* Separador de footer */
.informe-footer-sep {
    border: none;
    height: var(--border-width-medium);
    background: var(--color-text);
    margin: 0 0 var(--space-1) 0;
}

/* ==========================================================
   ESTILOS ESPECÍFICOS PARA FRONT-TEST (compatibilidad)
========================================================== */

/* Separador normal en front-test (doble línea) */
.informe-front-test .informe-section-separator {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    height: 0;
    margin: 42px 0;
}

/* Separador grueso en front-test (línea negra) */
.informe-front-test .informe-section-separator--thick {
    border-top: none;
    border-bottom: none;
    background: #000;
    height: 4px;
    margin: 42px 0;
}