/*
 * C7.2 — Diseño General
 *
 * Esta hoja NO altera el fallback estático.
 * Solo se activa cuando public-design-runtime.js marca
 * data-design-runtime="published-applied".
 */

html[data-design-runtime="published-applied"] body {
    background-color:
        var(--k9-design-colors-background, #050505);

    color:
        var(--k9-design-colors-text, #F1F1F1);

    font-family:
        var(
            --k9-design-typography-body,
            "Bebas Neue",
            sans-serif
        );
}


html[data-design-runtime="published-applied"]
:is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .brand-text,
    .section-title,
    .docs-title,
    .k9-name
) {
    font-family:
        var(
            --k9-design-typography-display,
            "Bebas Neue",
            sans-serif
        );
}


html[data-design-runtime="published-applied"]
:is(
    h1,
    h2,
    h3,
    .section-title,
    .docs-title
) {
    color:
        var(--k9-design-colors-primary, #D4A72C);
}


html[data-design-runtime="published-applied"]
.navbar {
    background:
        color-mix(
            in srgb,
            var(--k9-design-colors-background, #050505) 94%,
            transparent
        );

    border-bottom-color:
        var(--k9-design-colors-primary, #D4A72C);

    box-shadow:
        var(
            --k9-design-shadows-navbar,
            0 8px 24px rgba(0, 0, 0, 0.20)
        );

    backdrop-filter:
        blur(
            var(--k9-design-effects-blur, 10px)
        );
}


html[data-design-runtime="published-applied"]
.navbar
:is(
    .nav-item,
    .brand-text,
    a
) {
    transition:
        color
        var(--k9-design-effects-motion, 220ms)
        ease,
        transform
        var(--k9-design-effects-motion, 220ms)
        ease;
}


html[data-design-runtime="published-applied"]
.navbar
:is(
    .nav-item,
    .brand-text,
    a
):hover {
    color:
        var(
            --k9-design-colors-primary-light,
            #F0C95A
        );
}


html[data-design-runtime="published-applied"]
main {
    color:
        var(--k9-design-colors-text, #F1F1F1);
}


html[data-design-runtime="published-applied"]
:is(
    .news-card,
    .k9-card,
    .docs-card,
    .docs-info-card,
    .academy-block,
    .form-card
) {
    background-color:
        var(--k9-design-colors-panel, #101010);

    border-color:
        var(--k9-design-colors-border, #2A2A2A);

    border-radius:
        var(--k9-design-radii-medium, 14px);

    box-shadow:
        var(
            --k9-design-shadows-card,
            0 12px 30px rgba(0, 0, 0, 0.28)
        );

    transition:
        transform
        var(--k9-design-effects-motion, 220ms)
        ease,
        border-color
        var(--k9-design-effects-motion, 220ms)
        ease,
        box-shadow
        var(--k9-design-effects-motion, 220ms)
        ease;
}


html[data-design-runtime="published-applied"]
:is(
    .news-card,
    .k9-card,
    .docs-card,
    .docs-info-card,
    .academy-block
):hover {
    border-color:
        var(--k9-design-colors-primary, #D4A72C);

    box-shadow:
        var(
            --k9-design-effects-glow,
            0 0 18px rgba(212, 167, 44, 0.18)
        );
}


html[data-design-runtime="published-applied"]
main
:is(
    button,
    a[class*="button"],
    a[class*="btn"]
):not(.menu-toggle) {
    border-radius:
        var(--k9-design-radii-small, 8px);

    transition:
        transform
        var(--k9-design-effects-motion, 220ms)
        ease,
        background-color
        var(--k9-design-effects-motion, 220ms)
        ease,
        border-color
        var(--k9-design-effects-motion, 220ms)
        ease,
        color
        var(--k9-design-effects-motion, 220ms)
        ease;
}


html[data-design-runtime="published-applied"]
main
:is(
    button,
    a[class*="button"],
    a[class*="btn"]
):not(.menu-toggle):hover {
    border-color:
        var(--k9-design-colors-primary, #D4A72C);
}


html[data-design-runtime="published-applied"]
:is(
    section,
    .section,
    .docs-section
) {
    scroll-margin-top:
        var(--k9-design-spacing-section, 48px);
}


html[data-design-runtime="published-applied"]
:is(
    .muted,
    .subtitle,
    .section-subtitle,
    .docs-description
) {
    color:
        var(--k9-design-colors-text-soft, #BFC3C7);
}


@media (prefers-reduced-motion: reduce) {

    html[data-design-runtime="published-applied"] * {
        transition-duration: 0ms !important;
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
    }

}

/* =========================================================
   C7.3 — LANDING / ACCESO
   Solo se activa cuando design_landing está Published.
   ========================================================= */

html[data-design-scope="landing"][data-design-page-runtime="published-applied"]
.tactical-frame {
    background:
        var(
            --k9-design-colors-hero_panel,
            rgba(14, 14, 14, 0.85)
        );

    border-color:
        var(
            --k9-design-colors-hero_border,
            #8D6D18
        );

    padding:
        var(
            --k9-design-spacing-frame_padding,
            60px
        );

    border-radius:
        var(
            --k9-design-radii-frame,
            5px
        );

    box-shadow:
        var(
            --k9-design-shadows-frame,
            0 0 20px rgba(212, 167, 44, 0.20)
        );
}


html[data-design-scope="landing"][data-design-page-runtime="published-applied"]
.subtitle {
    color:
        var(
            --k9-design-colors-hero_subtitle,
            #F0C95A
        );

    letter-spacing:
        var(
            --k9-design-spacing-subtitle_letter_spacing,
            4px
        );
}


html[data-design-scope="landing"][data-design-page-runtime="published-applied"]
.main-title {
    color:
        var(
            --k9-design-colors-hero_title,
            #F1F1F1
        );

    font-size:
        var(
            --k9-design-spacing-title_size,
            4rem
        );

    letter-spacing:
        var(
            --k9-design-spacing-title_letter_spacing,
            8px
        );

    border-right-color:
        var(
            --k9-design-colors-hero_divider,
            #D4A72C
        );
}


html[data-design-scope="landing"][data-design-page-runtime="published-applied"]
.divider {
    background:
        linear-gradient(
            90deg,
            transparent,
            var(
                --k9-design-colors-hero_divider,
                #D4A72C
            ),
            transparent
        );

    margin:
        var(
            --k9-design-spacing-divider_margin,
            30px
        )
        0;
}


html[data-design-scope="landing"][data-design-page-runtime="published-applied"]
.values {
    color:
        var(
            --k9-design-colors-hero_values,
            #F1F1F1
        );

    letter-spacing:
        var(
            --k9-design-spacing-values_letter_spacing,
            2px
        );
}


html[data-design-scope="landing"][data-design-page-runtime="published-applied"]
.btn-solicitar button {
    border-color:
        var(
            --k9-design-colors-cta_border,
            #D4A72C
        );

    color:
        var(
            --k9-design-colors-cta_text,
            #F0C95A
        );

    padding:
        var(
            --k9-design-spacing-cta_padding_y,
            15px
        )
        var(
            --k9-design-spacing-cta_padding_x,
            30px
        );

    border-radius:
        var(
            --k9-design-radii-cta,
            0px
        );

    letter-spacing:
        var(
            --k9-design-spacing-cta_letter_spacing,
            2px
        );
}


html[data-design-scope="landing"][data-design-page-runtime="published-applied"]
.btn-solicitar button:hover {
    background:
        var(
            --k9-design-colors-cta_hover_background,
            #D4A72C
        );

    color:
        var(
            --k9-design-colors-cta_hover_text,
            #050505
        );

    letter-spacing:
        var(
            --k9-design-spacing-cta_hover_letter_spacing,
            4px
        );

    box-shadow:
        var(
            --k9-design-effects-cta_glow,
            0 0 15px rgba(212, 167, 44, 0.50)
        );
}


@media (max-width: 700px) {

    html[data-design-scope="landing"][data-design-page-runtime="published-applied"]
    .tactical-frame {
        padding:
            min(
                var(
                    --k9-design-spacing-frame_padding,
                    60px
                ),
                28px
            );
    }


    html[data-design-scope="landing"][data-design-page-runtime="published-applied"]
    .main-title {
        font-size:
            min(
                var(
                    --k9-design-spacing-title_size,
                    4rem
                ),
                2.45rem
            );

        letter-spacing:
            min(
                var(
                    --k9-design-spacing-title_letter_spacing,
                    8px
                ),
                4px
            );
    }

}

/* =========================================================
   C7 FAST-TRACK A
   C7.4 Inicio · C7.5 Nosotros · C7.6 Miembros
   C7.7 Documentación · C7.8 Academia
   ========================================================= */

/* C7.4 — INICIO */

html[data-design-scope="home"][data-design-page-runtime="published-applied"] .inicio-container {
    padding-top: var(--k9-design-spacing-container_top, 120px);
    padding-bottom: var(--k9-design-spacing-container_bottom, 80px);
    max-width: var(--k9-design-spacing-container_width, 1000px);
}

html[data-design-scope="home"][data-design-page-runtime="published-applied"] .page-title h1 {
    color: var(--k9-design-colors-header_title, #F1F1F1);
    font-size: var(--k9-design-spacing-title_size, 2.2rem);
}

html[data-design-scope="home"][data-design-page-runtime="published-applied"] .page-title p {
    color: var(--k9-design-colors-header_subtitle, #8D6D18);
}

html[data-design-scope="home"][data-design-page-runtime="published-applied"] .novedades {
    background: var(--k9-design-colors-news_panel, rgba(14,14,14,.80));
    border-color: var(--k9-design-colors-news_border, #8D6D18);
    padding: var(--k9-design-spacing-news_padding, 30px);
    border-radius: var(--k9-design-radii-news_panel, 6px);
}

html[data-design-scope="home"][data-design-page-runtime="published-applied"] .novedades-scroll {
    gap: var(--k9-design-spacing-news_gap, 30px);
}

html[data-design-scope="home"][data-design-page-runtime="published-applied"] .novedad {
    padding-left: var(--k9-design-spacing-item_padding_left, 20px);
    border-left-color: var(--k9-design-colors-item_border, #D4A72C);
}

html[data-design-scope="home"][data-design-page-runtime="published-applied"] .novedad h3 {
    color: var(--k9-design-colors-item_title, #F1F1F1);
}

html[data-design-scope="home"][data-design-page-runtime="published-applied"] .novedad p {
    color: var(--k9-design-colors-item_text, #BFC3C7);
}

html[data-design-scope="home"][data-design-page-runtime="published-applied"] .novedad-tag {
    color: var(--k9-design-colors-tag_text, #F0C95A);
}

html[data-design-scope="home"][data-design-page-runtime="published-applied"] .novedad img,
html[data-design-scope="home"][data-design-page-runtime="published-applied"] .novedad video {
    border-radius: var(--k9-design-radii-media, 4px);
}


/* C7.5 — NOSOTROS */

html[data-design-scope="about"][data-design-page-runtime="published-applied"] .academy-hero {
    padding-top: var(--k9-design-spacing-hero_top, 55px);
    padding-bottom: var(--k9-design-spacing-hero_bottom, 45px);
}

html[data-design-scope="about"][data-design-page-runtime="published-applied"] .academy-subtitle {
    color: var(--k9-design-colors-hero_subtitle, #D4A72C);
}

html[data-design-scope="about"][data-design-page-runtime="published-applied"] .academy-title {
    color: var(--k9-design-colors-hero_title, #F1F1F1);
}

html[data-design-scope="about"][data-design-page-runtime="published-applied"] .academy-line {
    background-color: var(--k9-design-colors-hero_line, #D4A72C);
}

html[data-design-scope="about"][data-design-page-runtime="published-applied"] .academy-wrapper {
    gap: var(--k9-design-spacing-block_gap, 36px);
}

html[data-design-scope="about"][data-design-page-runtime="published-applied"] .academy-block,
html[data-design-scope="about"][data-design-page-runtime="published-applied"] .academy-requirements,
html[data-design-scope="about"][data-design-page-runtime="published-applied"] .academy-cta {
    padding: var(--k9-design-spacing-block_padding, 24px);
}

html[data-design-scope="about"][data-design-page-runtime="published-applied"] .academy-text h2,
html[data-design-scope="about"][data-design-page-runtime="published-applied"] .academy-requirements h2,
html[data-design-scope="about"][data-design-page-runtime="published-applied"] .academy-cta h2 {
    color: var(--k9-design-colors-block_title, #F0C95A);
}

html[data-design-scope="about"][data-design-page-runtime="published-applied"] .academy-text p,
html[data-design-scope="about"][data-design-page-runtime="published-applied"] .academy-list {
    color: var(--k9-design-colors-block_text, #BFC3C7);
}

html[data-design-scope="about"][data-design-page-runtime="published-applied"] .academy-image img {
    border-radius: var(--k9-design-radii-image, 8px);
}

html[data-design-scope="about"][data-design-page-runtime="published-applied"] .academy-btn {
    border-color: var(--k9-design-colors-button_border, #D4A72C);
    color: var(--k9-design-colors-button_text, #F0C95A);
    padding: var(--k9-design-spacing-button_padding_y, 12px) var(--k9-design-spacing-button_padding_x, 26px);
    border-radius: var(--k9-design-radii-button, 6px);
}


/* C7.6 — MIEMBROS */

html[data-design-scope="members"][data-design-page-runtime="published-applied"] .k9-division {
    padding-top: var(--k9-design-spacing-division_top, 48px);
}

html[data-design-scope="members"][data-design-page-runtime="published-applied"] .k9-division-subtitle {
    color: var(--k9-design-colors-subtitle, #BFC3C7);
}

html[data-design-scope="members"][data-design-page-runtime="published-applied"] .k9-section-title {
    color: var(--k9-design-colors-section_title, #F1F1F1);
    letter-spacing: var(--k9-design-spacing-title_tracking, 3px);
}

html[data-design-scope="members"][data-design-page-runtime="published-applied"] .k9-section-line {
    background-color: var(--k9-design-colors-section_line, #D4A72C);
}

html[data-design-scope="members"][data-design-page-runtime="published-applied"] .k9-cards {
    gap: var(--k9-design-spacing-card_gap, 32px);
}

html[data-design-scope="members"][data-design-page-runtime="published-applied"] .k9-card {
    border-color: var(--k9-design-colors-card_border, #D4A72C);
    border-radius: var(--k9-design-radii-card, 10px);
}

html[data-design-scope="members"][data-design-page-runtime="published-applied"] .k9-overlay {
    background-color: var(--k9-design-colors-overlay, rgba(0,0,0,.82));
}

html[data-design-scope="members"][data-design-page-runtime="published-applied"] .k9-role {
    color: var(--k9-design-colors-role, #F0C95A);
}

html[data-design-scope="members"][data-design-page-runtime="published-applied"] .k9-rank {
    color: var(--k9-design-colors-rank, #BFC3C7);
}

html[data-design-scope="members"][data-design-page-runtime="published-applied"] .k9-name {
    color: var(--k9-design-colors-name, #F1F1F1);
}


/* C7.7 — DOCUMENTACIÓN */

html[data-design-scope="documents"][data-design-page-runtime="published-applied"] .docs-wrapper {
    padding: var(--k9-design-spacing-wrapper_padding, 48px);
}

html[data-design-scope="documents"][data-design-page-runtime="published-applied"] .docs-home {
    gap: var(--k9-design-spacing-card_gap, 24px);
}

html[data-design-scope="documents"][data-design-page-runtime="published-applied"] .docs-card {
    background: var(--k9-design-colors-card_background, #101010);
    border-color: var(--k9-design-colors-card_border, #D4A72C);
    padding: var(--k9-design-spacing-card_padding, 32px);
    border-radius: var(--k9-design-radii-card, 14px);
}

html[data-design-scope="documents"][data-design-page-runtime="published-applied"] .docs-card h3 {
    color: var(--k9-design-colors-card_title, #F0C95A);
}

html[data-design-scope="documents"][data-design-page-runtime="published-applied"] .docs-card p {
    color: var(--k9-design-colors-card_text, #BFC3C7);
}

html[data-design-scope="documents"][data-design-page-runtime="published-applied"] .docs-sidebar {
    background: var(--k9-design-colors-sidebar_background, #0E0E0E);
    border-color: var(--k9-design-colors-content_border, #2A2A2A);
    border-radius: var(--k9-design-radii-panel, 12px);
}

html[data-design-scope="documents"][data-design-page-runtime="published-applied"] .docs-content {
    background: var(--k9-design-colors-content_background, #101010);
    border-color: var(--k9-design-colors-content_border, #2A2A2A);
    padding: var(--k9-design-spacing-content_padding, 32px);
    border-radius: var(--k9-design-radii-panel, 12px);
}

html[data-design-scope="documents"][data-design-page-runtime="published-applied"] .sidebar-title,
html[data-design-scope="documents"][data-design-page-runtime="published-applied"] .section-heading h2,
html[data-design-scope="documents"][data-design-page-runtime="published-applied"] .docs-card-icon {
    color: var(--k9-design-colors-accent, #D4A72C);
}


/* C7.8 — ACADEMIA */

html[data-design-scope="academy"][data-design-page-runtime="published-applied"] .k9-division {
    padding-top: var(--k9-design-spacing-division_top, 48px);
}

html[data-design-scope="academy"][data-design-page-runtime="published-applied"] .k9-division-subtitle {
    color: var(--k9-design-colors-subtitle, #BFC3C7);
}

html[data-design-scope="academy"][data-design-page-runtime="published-applied"] .k9-section-title {
    color: var(--k9-design-colors-section_title, #F1F1F1);
    letter-spacing: var(--k9-design-spacing-title_tracking, 3px);
}

html[data-design-scope="academy"][data-design-page-runtime="published-applied"] .k9-section-line {
    background-color: var(--k9-design-colors-section_line, #D4A72C);
}

html[data-design-scope="academy"][data-design-page-runtime="published-applied"] .k9-cards {
    gap: var(--k9-design-spacing-card_gap, 32px);
}

html[data-design-scope="academy"][data-design-page-runtime="published-applied"] .k9-card {
    border-color: var(--k9-design-colors-card_border, #D4A72C);
    border-radius: var(--k9-design-radii-card, 10px);
}

html[data-design-scope="academy"][data-design-page-runtime="published-applied"] .k9-overlay {
    background-color: var(--k9-design-colors-overlay, rgba(0,0,0,.82));
}

html[data-design-scope="academy"][data-design-page-runtime="published-applied"] .k9-role {
    color: var(--k9-design-colors-role, #F0C95A);
}

html[data-design-scope="academy"][data-design-page-runtime="published-applied"] .k9-rank {
    color: var(--k9-design-colors-rank, #BFC3C7);
}

html[data-design-scope="academy"][data-design-page-runtime="published-applied"] .k9-name {
    color: var(--k9-design-colors-name, #F1F1F1);
}


@media (max-width: 700px) {

    html[data-design-scope="home"][data-design-page-runtime="published-applied"] .inicio-container {
        padding-top: min(var(--k9-design-spacing-container_top, 120px), 100px);
    }

    html[data-design-scope="documents"][data-design-page-runtime="published-applied"] .docs-wrapper {
        padding: min(var(--k9-design-spacing-wrapper_padding, 48px), 24px);
    }

    html[data-design-scope="members"][data-design-page-runtime="published-applied"] .k9-cards,
    html[data-design-scope="academy"][data-design-page-runtime="published-applied"] .k9-cards {
        gap: min(var(--k9-design-spacing-card_gap, 32px), 28px);
    }

}