/* Íconos y paginación del visor usan el verde compartido de la identidad corporativa. */
.visor-documento-2026 {
    color: var(--cipba-verde);
}

.visor-documento-2026 button,
.visor-documento-2026 a,
.visor-documento-2026 h1 {
    color: var(--cipba-verde);
}

.visor-documento-2026 button i {
    color: inherit;
}

.visor-documento-2026 button:hover,
.visor-documento-2026 button:focus-visible {
    color: var(--cipba-petroleo);
}

/* El estado deshabilitado conserva el acento, atenuado para distinguirlo del control activo. */
.visor-documento-2026 button.disabled,
.visor-documento-2026 button:disabled {
    color: color-mix(in srgb, var(--cipba-verde) 35%, transparent) !important;
}

.visor-documento-2026 button:focus-visible {
    outline: 2px solid var(--cipba-verde) !important;
    outline-offset: 3px;
    border-radius: 6px;
}