:root {
    /* Oscuros cálidos — base negro-ámbar sin subtono azul */
    --brand-oscuro-principal: #d4b800; /*#1a1500;*/ /* negro cálido, base dorada */
    --brand-oscuro-secundario: #2e2600; /* carbón dorado oscuro      */
    --brand-gris-dorado: #857840; /* gris cálido con oro       */
    /* Dorados — más saturados y amarillos que la versión anterior */
    --brand-dorado-principal: #d4b800; /* dorado puro               */
    --brand-dorado-claro: #f0d840; /* dorado luminoso / amarillo*/
    --brand-beige-dorado: #f5e68a; /* crema dorada              */
    --brand-dorado-hover: #a89010; /* dorado profundo para hover*/
    /* Neutros */
    --brand-blanco: #FFFFFF;
    --brand-texto: #1a1500; /* texto oscuro cálido       */
    /* ── Aliases retrocompatibles ──────────────────────────────────
       Si en tu código ya usas --brand-navy-* o --brand-verde-*
       estas líneas evitan romper nada. Puedes quitarlos cuando
       hayas migrado todos los usos al nuevo nombre.               */
    --brand-navy-principal: var(--brand-oscuro-principal);
    --brand-navy-secundario: var(--brand-oscuro-secundario);
    --brand-verde-principal: var(--brand-oscuro-principal);
    --brand-verde-secundario: var(--brand-oscuro-secundario);
    --brand-gris-neutro: var(--brand-gris-dorado);
    --brand-marron-dorado: var(--brand-dorado-hover);
}

body {
    color: var(--brand-texto);
}

a {
    color: var(--brand-dorado-principal);
}

    a:hover {
        color: var(--brand-dorado-hover);
    }


.report-viewer-wrapper {
    position: relative;
}

.report-viewer-frame {
    width: 100%;
    height: calc(100vh - 180px);
    border: 0;
}

.report-loading-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.85);
    z-index: 10;
}