/* Cabecera que se contrae al hacer scroll (móvil); la mueve rpStickyHeader.js.
   Casa (26-09-2026): sin hairline al compactar. La barra fina se separa del
   contenido por una sombra suave, y la luz que entra por la esquina es la
   del tema, no la «luz blanca» vieja. */
@media (max-width: 768px) {
    [data-rp-header][data-rp-header] {
        position: sticky;
        top: 0;
        z-index: 50;
        margin-bottom: 16px;
        margin-left: calc(-1 * var(--rp-header-pad-x, 0px));
        margin-right: calc(-1 * var(--rp-header-pad-x, 0px));
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: max(var(--rp-header-pad-x, 0px), var(--rp-header-back, 0px));
        padding-right: max(var(--rp-header-pad-x, 0px), var(--rp-header-slot, 58px));
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, color-mix(in srgb, var(--theme-color, #b33131) 6%, transparent) 100%),
            radial-gradient(ellipse 70% 60% at 0% 0%, color-mix(in srgb, var(--theme-color, #b33131) 14%, transparent) 0%, transparent 70%),
            var(--rp-bg, #1a1a1e);
        border-bottom: none;
        box-shadow: 0 10px 24px -14px rgba(0, 0, 0, 0);
        transition: padding 0.22s ease, box-shadow 0.22s ease;
    }

    [data-rp-header] [data-rp-header-title] {
        font-size: 30px;
        line-height: 1.05;
        transition: font-size 0.22s ease;
    }

    [data-rp-header][data-rp-header].is-compact {
        padding-top: 9px;
        padding-bottom: 9px;
        min-height: 48px;
        box-sizing: border-box;
        box-shadow: 0 10px 24px -14px rgba(0, 0, 0, 0.7);
    }

    [data-rp-header].is-compact [data-rp-header-title] {
        font-size: 17px;
    }

    [data-rp-header].is-compact [data-rp-header-hide] {
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.18s ease;
    }

    [data-rp-header] [data-rp-header-hide] {
        transition: opacity 0.18s ease;
    }
}

@media (max-width: 768px) and (prefers-reduced-motion: reduce) {
    [data-rp-header],
    [data-rp-header] [data-rp-header-title],
    [data-rp-header] [data-rp-header-hide] {
        transition: none;
    }
}