/* For God so loved the world, that He gave His only begotten Son, that all who believe in Him should not perish but have everlasting life */

#loader_chirho {
    position: fixed;
    inset: 0;
    z-index: 1090;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: var(--loader_overlay_background_chirho, rgba(24, 42, 66, .12));
}

.loader_panel_chirho {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    box-sizing: border-box;
    width: 232px;
    max-width: 100%;
    padding: 28px 24px 24px;
    border: 1px solid var(--loader_panel_border_chirho, rgba(255, 255, 255, .65));
    border-radius: 28px;
    background: var(--loader_panel_background_chirho,
        linear-gradient(145deg, rgba(255, 255, 255, .62), rgba(255, 255, 255, .16) 48%, rgba(222, 240, 255, .28)));
    color: var(--color_store_list_item_title_chirho, #17263c);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    backdrop-filter: blur(24px) saturate(180%);
    box-shadow: var(--loader_panel_shadow_chirho,
        0 20px 56px rgba(18, 40, 66, .15),
        0 4px 12px rgba(18, 40, 66, .06),
        inset 0 1px 0 rgba(255, 255, 255, .95),
        inset 1px 0 0 rgba(255, 255, 255, .42),
        inset 0 -1px 0 rgba(255, 255, 255, .38));
    text-align: center;
}

/* El desenfoque se limita al cristal para conservar la transparencia y la legibilidad. */
.loader_panel_chirho::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    border-radius: inherit;
    opacity: var(--loader_glass_reflection_opacity_chirho, 1);
    background: radial-gradient(ellipse at 0 0, rgba(255, 255, 255, .58), transparent 58%),
                radial-gradient(ellipse at 100% 100%, rgba(185, 225, 255, .28), transparent 54%);
}

.loader_emblem_chirho {
    position: relative;
    display: grid;
    place-items: center;
    width: 108px;
    height: 108px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: var(--loader_emblem_background_chirho,
        linear-gradient(145deg, rgba(255, 255, 255, .55), rgba(214, 239, 255, .18)));
    box-shadow: var(--loader_emblem_shadow_chirho,
        inset 0 1px 1px rgba(255, 255, 255, .85), 0 6px 20px rgba(36, 120, 180, .06));
}

.loader_emblem_chirho::before,
.loader_emblem_chirho::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 2px solid rgba(36, 120, 180, .12);
    border-radius: inherit;
}

.loader_emblem_chirho::after {
    border-color: var(--loader_ring_color_chirho, #2478b4) transparent transparent;
    animation: loader_orbit_chirho 1.6s linear infinite;
}

.loader_symbol_chirho {
    display: block;
    width: 52px;
    height: 65px;
    filter: var(--loader_symbol_filter_chirho, none);
    animation: loader_breathe_chirho 2.4s ease-in-out infinite;
}

.loader_title_chirho {
    margin: 0 0 4px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
}

.loader_description_chirho {
    margin: 0;
    color: inherit;
    opacity: .72;
    font-size: .8125rem;
    line-height: 1.5;
}

/* Animamos solo transformación y opacidad para mantener la carga fluida. */
@keyframes loader_orbit_chirho {
    to { transform: rotate(360deg); }
}

@keyframes loader_breathe_chirho {
    0%, 100% { transform: scale(.96); opacity: .75; }
    50% { transform: scale(1); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .loader_emblem_chirho::after,
    .loader_symbol_chirho {
        animation: none;
    }
}

@media (forced-colors: active) {
    .loader_panel_chirho {
        background: Canvas;
        color: CanvasText;
        border-color: CanvasText;
    }

    .loader_panel_chirho::before {
        display: none;
    }

    .loader_emblem_chirho::after {
        border-top-color: Highlight;
    }
}

@supports not ((backdrop-filter: blur(24px)) or (-webkit-backdrop-filter: blur(24px))) {
    .loader_panel_chirho {
        background: var(--color_alter_background_chirho, #f4f4f4);
    }
}