/**
 * header-dynamic.css
 *
 * Estilos para los elementos dinámicos del header, como el botón
 * de descarga que aparece y desaparece con el scroll.
 *
 * @version 1.0.0
 * @date 2025-06-10
 * @author Baxahaun
 * // PEV_REF: TAREA_DynamicPDFButton_v2
 */

/*
 * Estilos para el botón de descarga del header.
 * Se asegura de que tenga una transición suave y sea visible por defecto.
 */
.header-actions-desktop #download-pdf {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s;
}

/*
 * Clase que se añade con JS para ocultar el botón.
 * Usamos opacidad y transform en lugar de display:none para permitir la transición
 * y evitar conflictos con las clases de display de Bootstrap.
 */
.header-actions-desktop #download-pdf.header-download-btn--hidden {
    opacity: 0;
    transform: translateY(-5px);
    visibility: hidden;
    pointer-events: none; /* Evita que se pueda hacer clic mientras está oculto */
}