@import url('https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap');



@keyframes fadeUpAndDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    50% {
        opacity: 0;
        transform: translateY(-50%)
    }

    50.01% {
        opacity: 0;
        transform: translateY(50%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

:root {
    --jkd-a-bar-h: 0px;
    --jkd-nav-h: 0px;
    --jkd-c-cont-w: 780px;
    --jkd-c-w: 1280px;
    --jkd-c-wd-w: 1920px;
    --jkd-logo-w: 100px;
    --jkd-logo-mob-w: 35px;
    --jkd-arch-off: 10px;
    --jkd-c-off: 30px;
    --jkd-br-lg: 12px;
    --jkd-br-md: 8px;
    --jkd-br-sm: 3px;
    --jkd-br-xl: 100px;
    --jkd-op-lg: 0.4;
    --jkd-op-md: 0.6;
    --jkd-op-sm: 0.8;
    --jkd-op-xl: 0.2;
    --jkd-shdw-sm: rgba(0, 0, 0, .1);
    --jkd-shdw-md: rgba(0, 0, 0, .2);
    --jkd-shdw-lg: rgba(0, 0, 0, .3);
    --jkd-shdw-xl: rgba(0, 0, 0, .4);
    --jkd-ovrl: rgba(0, 0, 0, .4);
    --jkd-ovrl-ext-sm: rgba(0, 0, 0, .15);
    --jkd-ovrl-lg: rgba(0, 0, 0, .6);
    --jkd-ovrl-md: rgba(0, 0, 0, .4);
    --jkd-ovrl-sm: rgba(0, 0, 0, .25);
    --jkd-ovrl-xl: rgba(0, 0, 0, .8);
    --jkd-dark-col: #000000;
    --jkd-b-col: hsla(0, 0%, 60%, .4);
    --jkd-b-col-wh: hsla(0, 0%, 100%, .3);
    --jkd-dng-col: #d32f2f;
    --jkd-inf-col: #42a5f5;
    --jkd-like-col: #ff5722;
    --jkd-dislike-col: #1abc9c;
    --jkd-st-col: #ffeb3b;
    --jkd-suc-col: #4caf50;
    --jkd-wh-col: #fff;
    --jkd-wr-col: #ffc107;
    --jkd-pr-col: #ff652c;
    --jkd-p-rw-col-1: #e64545;
    --jkd-p-rw-col-2: #e67e22;
    --jkd-p-rw-col-3: #f1c40f;
    --jkd-p-rw-col-4: #27ae60;
    --jkd-p-rw-col-5: #3498db;
    --jkd-p-rw-col-ic: #2ecc71;
    --jkd-p-rw-inact: hsla(0, 0%, 60%, .3);
    --jkd-fabula-heading-font: "Kanit";
    --jkd-fabula-text-font: "Kanit";
    --jkd-h-fw: 500;
    --jkd-m-fw: 500;
    --jkd-d-fw: 400;
    --jkd-tr-dr: 0.21s;
    --jkd-tr-tp: ease;
    --jkd-h-multi: 100;
    --jkd-mt-multi: 100;
    --jkd-txt-multi: 100;
    --jkd-mt-fz: 13px;
    --jkd-txt-fz: 14px;
    --jkd-sp-fz: 14px;
    --pmpro--color--accent: var(--jkd-pr-col) !important;
    --pmpro--color--accent--variation: var(--jkd-pr-col) !important;
    --pmpro--color--border--variation: var(--jkd-b-col) !important
}

.light-cs,
:root,
[data-cs=light] {
    --jkd-bg-col: #fff;
    --jkd-bg-col-sec: #f4f3f3;
    --jkd-h-col: #000;
    --jkd-txt-col: #4a4a4a;
    --pmpro--color--base: #fff !important;
    --pmpro--color--contrast: #000 !important
}

.bg-col-dark,
.dark-cs,
.dark-cs-hover:hover,
.jkd-dark-bg,
.jkd-pr-bg,
.primary-cs,
[data-cs=dark] {
    --jkd-bg-col: #34363a;
    --jkd-bg-col-sec: #28292a;
    --jkd-h-col: #fff;
    --jkd-txt-col: #c7c7c7;
    --pmpro--color--base: #34363a !important;
    --pmpro--color--contrast: #fff !important
}

.dark-cs,
.jkd-dark-bg,
.light-cs {
    color: var(--jkd-txt-col)
}

.primary-cs {
    color: var(--jkd-wh-col) !important;
    --jkd-b-col: var(--jkd-b-col-wh) !important
}

.admin-bar {
    --jkd-a-bar-h: 32px
}

@media only screen and (max-width:767px) {
    .admin-bar {
        --jkd-a-bar-h: 46px
    }
}

.nav-enabled {
    --jkd-nav-h: 70px
}

.nav-enabled .gl-nav-anim .nav:not(.nav-auto-hide) {
    --jkd-nav-h: 55px
}

@media only screen and (max-width:767px) {

    .nav-enabled,
    .nav-enabled .gl-nav-anim .nav:not(.nav-auto-hide) {
        --jkd-nav-h: 60px
    }
}

@media only screen and (max-width:1380px) {
    :root {
        --jkd-c-cont-w: 780px !important
    }
}

@media only screen and (max-width:767px) {
    body {
        --jkd-c-off: 15px !important
    }
}

.col-1 {
    max-width: 100%;
    min-width: 100%;
    width: 100%
}

.col-2 {
    max-width: 50%;
    min-width: 50%;
    width: 50%
}

.col-3 {
    max-width: 33.3333%;
    min-width: 33.3333%;
    width: 33.3333%
}

.col-4 {
    max-width: 25%;
    min-width: 25%;
    width: 25%
}

.col-5 {
    max-width: 20%;
    min-width: 20%;
    width: 20%
}

.col-6 {
    max-width: 16.66666%;
    min-width: 16.66666%;
    width: 16.66666%
}

@media only screen and (max-width:1024px) {
    .col-lg-1 {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }

    .col-lg-2 {
        max-width: 50%;
        min-width: 50%;
        width: 50%
    }

    .col-lg-3 {
        max-width: 33.3333%;
        min-width: 33.3333%;
        width: 33.3333%
    }

    .col-lg-4 {
        max-width: 25%;
        min-width: 25%;
        width: 25%
    }

    .col-lg-5 {
        max-width: 20%;
        min-width: 20%;
        width: 20%
    }

    .col-lg-6 {
        max-width: 16.66666%;
        min-width: 16.66666%;
        width: 16.66666%
    }
}

@media only screen and (max-width:767px) {
    .col-md-1 {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }

    .col-md-2 {
        max-width: 50%;
        min-width: 50%;
        width: 50%
    }

    .col-md-3 {
        max-width: 33.3333%;
        min-width: 33.3333%;
        width: 33.3333%
    }

    .col-md-4 {
        max-width: 25%;
        min-width: 25%;
        width: 25%
    }

    .col-md-5 {
        max-width: 20%;
        min-width: 20%;
        width: 20%
    }

    .col-md-6 {
        max-width: 16.66666%;
        min-width: 16.66666%;
        width: 16.66666%
    }
}

@media only screen and (max-width:576px) {
    .col-sm-1 {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }

    .col-sm-2 {
        max-width: 50%;
        min-width: 50%;
        width: 50%
    }

    .col-sm-3 {
        max-width: 33.3333%;
        min-width: 33.3333%;
        width: 33.3333%
    }

    .col-sm-4 {
        max-width: 25%;
        min-width: 25%;
        width: 25%
    }

    .col-sm-5 {
        max-width: 20%;
        min-width: 20%;
        width: 20%
    }

    .col-sm-6 {
        max-width: 16.66666%;
        min-width: 16.66666%;
        width: 16.66666%
    }
}

@media only screen and (max-width:425px) {
    .col-xs-1 {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }

    .col-xs-2 {
        max-width: 50%;
        min-width: 50%;
        width: 50%
    }

    .col-xs-3 {
        max-width: 33.3333%;
        min-width: 33.3333%;
        width: 33.3333%
    }

    .col-xs-4 {
        max-width: 25%;
        min-width: 25%;
        width: 25%
    }

    .col-xs-5 {
        max-width: 20%;
        min-width: 20%;
        width: 20%
    }

    .col-xs-6 {
        max-width: 16.66666%;
        min-width: 16.66666%;
        width: 16.66666%
    }
}

.wh-col {
    color: var(--jkd-wh-col) !important
}

.wh-col svg {
    stroke: var(--jkd-wh-col) !important
}

.h-col {
    color: var(--jkd-h-col)
}

.h-col svg {
    stroke: var(--jkd-h-col) !important
}

.b-col {
    color: var(--jkd-b-col)
}

.pr-col {
    color: var(--jkd-pr-col)
}

.pr-col svg {
    stroke: var(--jkd-pr-col) !important
}

.t-col {
    color: var(--jkd-t-col)
}

.inh-col {
    color: inherit
}

.dark-col {
    color: var(--jkd-dark-col)
}

.b-col {
    background-color: var(--jkd-b-col) !important
}

.bg-col-dark {
    background-color: var(--jkd-dark-col)
}

.bg-col-hd {
    background-color: var(--jkd-h-col) !important
}

.bg-col {
    background-color: var(--jkd-bg-col)
}

.bg-col-sec {
    background-color: var(--jkd-bg-col-sec)
}

.bg-col-pr {
    background-color: var(--jkd-pr-col)
}

.bg-col-br {
    background-color: var(--jkd-b-col) !important
}

.bg-col-wh {
    background-color: var(--jkd-wh-col)
}

.jkd-dark-bg .sect-link-wrp {
    background-color: var(--jkd-dark-col)
}

.bg-col .sect-link-wrp {
    background-color: var(--jkd-bg-col) !important
}

.bg-col .sect-link-wrp .jkd-btn {
    border: 1px solid var(--jkd-b-col) !important
}

[data-cs=dark] .b-col-dark-cs {
    background-color: var(--jkd-b-col) !important
}


[data-cs=dark] .bg-col-dark-cs {
    background-color: var(--jkd-bg-col) !important
}

[data-cs=light] .b-col-light-cs {
    background-color: var(--jkd-b-col) !important
}

[data-cs=light] .bg-col-light-cs {
    background-color: var(--jkd-bg-col) !important
}

.d-f {
    display: flex
}

@media only screen and (max-width:1024px) {
    .d-f-lg {
        display: flex !important
    }
}

@media only screen and (max-width:767px) {
    .d-f-md {
        display: flex !important
    }
}

@media only screen and (max-width:576px) {
    .d-f-sm {
        display: flex !important
    }
}

.d-n {
    display: none
}

@media only screen and (max-width:1024px) {
    .d-n-lg {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .d-n-md {
        display: none
    }
}

@media only screen and (max-width:576px) {
    .d-n-sm {
        display: none !important
    }
}

.ai-c {
    align-items: center
}

@media only screen and (max-width:1024px) {
    .ai-c-lg {
        align-items: center !important
    }
}

@media only screen and (max-width:767px) {
    .ai-c-md {
        align-items: center !important
    }
}

@media only screen and (max-width:576px) {
    .ai-c-sm {
        align-items: center !important
    }
}

.ai-e {
    align-items: flex-end
}

@media only screen and (max-width:1024px) {
    .ai-e-lg {
        align-items: flex-end !important
    }
}

@media only screen and (max-width:767px) {
    .ai-e-md {
        align-items: flex-end !important
    }
}

@media only screen and (max-width:576px) {
    .ai-e-sm {
        align-items: flex-end !important
    }
}

.ai-s {
    align-items: flex-start
}

@media only screen and (max-width:1024px) {
    .ai-s-lg {
        align-items: flex-start !important
    }
}

@media only screen and (max-width:767px) {
    .ai-s-md {
        align-items: flex-start !important
    }
}

@media only screen and (max-width:576px) {
    .ai-s-sm {
        align-items: flex-start !important
    }
}

.jc-c {
    justify-content: center
}

@media only screen and (max-width:1024px) {
    .jc-c-lg {
        justify-content: center !important
    }
}

@media only screen and (max-width:767px) {
    .jc-c-md {
        justify-content: center !important
    }
}

@media only screen and (max-width:576px) {
    .jc-c-sm {
        justify-content: center !important
    }
}

.jc-sb {
    justify-content: space-between
}

@media only screen and (max-width:1024px) {
    .jc-sb-lg {
        justify-content: space-between
    }
}

@media only screen and (max-width:767px) {
    .jc-sb-md {
        justify-content: space-between
    }
}

@media only screen and (max-width:576px) {
    .jc-sb-sm {
        justify-content: space-between !important
    }
}

.jc-fs {
    justify-content: flex-start
}

@media only screen and (max-width:1024px) {
    .jc-fs-lg {
        justify-content: flex-start
    }
}

@media only screen and (max-width:767px) {
    .jc-fs-md {
        justify-content: flex-start
    }
}

@media only screen and (max-width:576px) {
    .jc-fs-sm {
        justify-content: flex-start !important
    }
}

.jc-fe {
    justify-content: flex-end
}

.f-wrp {
    flex-wrap: wrap
}

@media only screen and (max-width:1024px) {
    .f-wrp-lg {
        flex-wrap: wrap
    }
}

@media only screen and (max-width:767px) {
    .f-wrp-md {
        flex-wrap: wrap
    }
}

@media only screen and (max-width:576px) {
    .f-wrp-sm {
        flex-wrap: wrap
    }
}

.f-nwrp {
    flex-wrap: nowrap
}

.d-col {
    flex-direction: column
}

@media only screen and (max-width:1024px) {
    .d-col-lg {
        flex-direction: column
    }
}

@media only screen and (max-width:767px) {
    .d-col-md {
        flex-direction: column
    }
}

@media only screen and (max-width:576px) {
    .d-col-sm {
        flex-direction: column !important
    }
}

@media only screen and (max-width:425px) {
    .d-col-xs {
        flex-direction: column
    }
}

.d-row {
    flex-direction: row
}

@media only screen and (max-width:1024px) {
    .d-row-lg {
        flex-direction: row
    }
}

@media only screen and (max-width:767px) {
    .d-row-md {
        flex-direction: row
    }
}

@media only screen and (max-width:576px) {
    .d-row-sm {
        flex-direction: row
    }
}

@media only screen and (max-width:425px) {
    .d-row-xs {
        flex-direction: row
    }
}

.or-1 {
    order: 1
}

@media only screen and (max-width:1024px) {
    .or-1-lg {
        order: 1
    }
}

@media only screen and (max-width:767px) {
    .or-1-md {
        order: 1
    }
}

@media only screen and (max-width:576px) {
    .or-1-sm {
        order: 1
    }
}

.or-2 {
    order: 2
}

@media only screen and (max-width:1024px) {
    .or-2-lg {
        order: 2
    }
}

@media only screen and (max-width:767px) {
    .or-2-md {
        order: 2
    }
}

@media only screen and (max-width:576px) {
    .or-2-sm {
        order: 2
    }
}

.or-3 {
    order: 2
}

@media only screen and (max-width:1024px) {
    .or-3-lg {
        order: 3
    }
}

@media only screen and (max-width:767px) {
    .or-3-md {
        order: 3
    }
}

@media only screen and (max-width:576px) {
    .or-3-sm {
        order: 3
    }
}

.or-4 {
    order: 4
}

@media only screen and (max-width:1024px) {
    .or-4-lg {
        order: 4
    }
}

@media only screen and (max-width:767px) {
    .or-4-md {
        order: 4
    }
}

@media only screen and (max-width:576px) {
    .or-4-sm {
        order: 4
    }
}

.t-0 {
    top: 0
}

@media only screen and (max-width:1024px) {
    .t-0-lg {
        top: 0
    }
}

@media only screen and (max-width:767px) {
    .t-0-md {
        top: 0
    }
}

@media only screen and (max-width:576px) {
    .t-0-sm {
        top: 0 !important
    }
}

.b-10 {
    bottom: 10px
}

@media only screen and (max-width:1024px) {
    .b-10-lg {
        bottom: 10px
    }
}

@media only screen and (max-width:767px) {
    .b-10-md {
        bottom: 10px
    }
}

@media only screen and (max-width:576px) {
    .b-10-sm {
        bottom: 10px
    }
}

.b-0 {
    bottom: 0
}

@media only screen and (max-width:1024px) {
    .b-0-lg {
        bottom: 0
    }
}

@media only screen and (max-width:767px) {
    .b-0-md {
        bottom: 0
    }
}

@media only screen and (max-width:576px) {
    .b-0-sm {
        bottom: 0
    }
}

.l-0 {
    left: 0
}

@media only screen and (max-width:1024px) {
    .l-0-lg {
        left: 0
    }
}

@media only screen and (max-width:767px) {
    .l-0-md {
        left: 0
    }
}

@media only screen and (max-width:576px) {
    .l-0-sm {
        left: 0
    }
}

.r-0 {
    right: 0
}

@media only screen and (max-width:1024px) {
    .r-0-lg {
        right: 0
    }
}

@media only screen and (max-width:767px) {
    .r-0-md {
        right: 0
    }
}

@media only screen and (max-width:576px) {
    .r-0-sm {
        right: 0 !important
    }
}

.t-15 {
    top: 15px
}

@media only screen and (max-width:1024px) {
    .t-15-lg {
        top: 15px
    }
}

@media only screen and (max-width:767px) {
    .t-15-md {
        top: 15px
    }
}

@media only screen and (max-width:576px) {
    .t-15-sm {
        top: 15px !important
    }
}

.t-20 {
    top: 20px
}

@media only screen and (max-width:1024px) {
    .t-20-lg {
        top: 20px !important
    }
}

@media only screen and (max-width:767px) {
    .t-20-md {
        top: 20px !important
    }
}

@media only screen and (max-width:576px) {
    .t-20-sm {
        top: 20px !important
    }
}

.t-30 {
    top: 30px
}

@media only screen and (max-width:1024px) {
    .t-30-lg {
        top: 30px
    }
}

@media only screen and (max-width:767px) {
    .t-30-md {
        top: 30px
    }
}


@media only screen and (max-width:576px) {
    .t-30-sm {
        top: 30px
    }
}

.t-40 {
    top: 40px
}

@media only screen and (max-width:1024px) {
    .t-40-lg {
        top: 40px
    }
}

@media only screen and (max-width:767px) {
    .t-40-md {
        top: 40px
    }
}

@media only screen and (max-width:576px) {
    .t-40-sm {
        top: 40px
    }
}

.t-10 {
    top: 10px
}

@media only screen and (max-width:1024px) {
    .t-10-lg {
        top: 10px
    }
}

@media only screen and (max-width:767px) {
    .t-10-md {
        top: 10px
    }
}

@media only screen and (max-width:576px) {
    .t-10-sm {
        top: 10px
    }
}

.t-5 {
    top: 5px
}

@media only screen and (max-width:1024px) {
    .t-5-lg {
        top: 5px
    }
}

@media only screen and (max-width:767px) {
    .t-5-md {
        top: 5px
    }
}

@media only screen and (max-width:576px) {
    .t-5-sm {
        top: 5px
    }
}

.b-40 {
    bottom: 40px
}

@media only screen and (max-width:1024px) {
    .b-40-lg {
        bottom: 40px
    }
}

@media only screen and (max-width:767px) {
    .b-40-md {
        bottom: 40px
    }
}

@media only screen and (max-width:576px) {
    .b-40-sm {
        bottom: 40px
    }
}

.b-30 {
    bottom: 30px
}

@media only screen and (max-width:1024px) {
    .b-30-lg {
        bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    .b-30-md {
        bottom: 30px
    }
}

@media only screen and (max-width:576px) {
    .b-30-sm {
        bottom: 30px
    }
}

.b-15 {
    bottom: 15px
}

@media only screen and (max-width:1024px) {
    .b-15-lg {
        bottom: 15px
    }
}

@media only screen and (max-width:767px) {
    .b-15-md {
        bottom: 15px
    }
}

@media only screen and (max-width:576px) {
    .b-15-sm {
        bottom: 15px
    }
}

.l-30 {
    left: 30px
}

@media only screen and (max-width:1024px) {
    .l-30-lg {
        left: 30px
    }
}

@media only screen and (max-width:767px) {
    .l-30-md {
        left: 30px
    }
}

@media only screen and (max-width:576px) {
    .l-30-sm {
        left: 30px
    }
}

.l-40 {
    left: 40px
}

@media only screen and (max-width:1024px) {
    .l-40-lg {
        left: 40px
    }
}

@media only screen and (max-width:767px) {
    .l-40-md {
        left: 40px
    }
}

@media only screen and (max-width:576px) {
    .l-40-sm {
        left: 40px
    }
}

.l-15 {
    left: 15px
}

@media only screen and (max-width:1024px) {
    .l-15-lg {
        left: 15px
    }
}

@media only screen and (max-width:767px) {
    .l-15-md {
        left: 15px
    }
}

@media only screen and (max-width:576px) {
    .l-15-sm {
        left: 15px
    }
}

.l-20 {
    left: 20px !important
}

@media only screen and (max-width:1024px) {
    .l-20-lg {
        left: 20px !important
    }
}

@media only screen and (max-width:767px) {
    .l-20-md {
        left: 20px !important
    }
}

@media only screen and (max-width:576px) {
    .l-20-sm {
        left: 20px !important
    }
}

.l-10 {
    left: 10px
}

@media only screen and (max-width:1024px) {
    .l-10-lg {
        left: 10px
    }
}

@media only screen and (max-width:767px) {
    .l-10-md {
        left: 10px
    }
}

@media only screen and (max-width:576px) {
    .l-10-sm {
        left: 10px
    }
}

.l-5 {
    left: 5px
}

@media only screen and (max-width:1024px) {
    .l-5-lg {
        left: 5px
    }
}

@media only screen and (max-width:767px) {
    .l-5-md {
        left: 5px
    }
}

@media only screen and (max-width:576px) {
    .l-5-sm {
        left: 5px
    }
}

.r-30 {
    right: 30px
}

@media only screen and (max-width:1024px) {
    .r-30-lg {
        right: 30px
    }
}

@media only screen and (max-width:767px) {
    .r-30-md {
        right: 30px
    }
}

@media only screen and (max-width:576px) {
    .r-30-sm {
        right: 30px
    }
}

.r-15 {
    right: 15px
}

@media only screen and (max-width:1024px) {
    .r-15-lg {
        right: 15px
    }
}

@media only screen and (max-width:767px) {
    .r-15-md {
        right: 15px
    }
}

@media only screen and (max-width:576px) {
    .r-15-sm {
        right: 15px
    }
}

.r-20 {
    right: 20px
}

@media only screen and (max-width:1024px) {
    .r-20-lg {
        right: 20px
    }
}

@media only screen and (max-width:767px) {
    .r-20-md {
        right: 20px
    }
}

@media only screen and (max-width:576px) {
    .r-20-sm {
        right: 20px
    }
}

.r-10 {
    right: 10px
}

@media only screen and (max-width:1024px) {
    .r-10-lg {
        right: 10px
    }
}

@media only screen and (max-width:767px) {
    .r-10-md {
        right: 10px
    }
}

@media only screen and (max-width:576px) {
    .r-10-sm {
        right: 10px
    }
}

.r-5 {
    right: 5px
}

@media only screen and (max-width:1024px) {
    .r-5-lg {
        right: 5px
    }
}

@media only screen and (max-width:767px) {
    .r-5-md {
        right: 5px
    }
}

@media only screen and (max-width:576px) {
    .r-5-sm {
        right: 5px
    }
}

.img-fl {
    height: auto
}

.img-fl,
.thmb-wrp {
    display: flex;
    width: 100%
}

.bg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.z-modal {
    z-index: 101
}

.z-nav {
    z-index: 50
}

.z-ui {
    z-index: 45
}

.z-ft {
    z-index: 40
}

.z-lyt {
    z-index: 30
}

.z-in {
    z-index: 20
}

.z-md {
    z-index: 10
}

.z-sm {
    z-index: 5
}

.z-st {
    z-index: 1
}

.aligncenter,
.ta-c {
    text-align: center
}

@media only screen and (max-width:1024px) {
    .ta-c-lg {
        text-align: center !important
    }
}

@media only screen and (max-width:767px) {
    .ta-c-md {
        text-align: center !important
    }
}

@media only screen and (max-width:576px) {
    .ta-c-sm {
        text-align: center !important
    }
}

.aligncenter,
.ma-c {
    margin: 0 auto
}

.alignleft,
.has-text-align-left,
.ta-l {
    text-align: left
}

.alignleft {
    margin-right: 30px !important
}

.alignright,
.has-text-align-right,
.ta-r {
    text-align: right
}

.alignright {
    margin-left: 30px !important
}

.w-100 {
    max-width: 100%;
    min-width: 100%;
    width: 100%
}

@media only screen and (max-width:1024px) {
    .w-100-lg {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .w-100-md {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }
}

@media only screen and (max-width:576px) {
    .w-100-sm {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }
}

.w-100-d {
    width: 100%
}

@media only screen and (max-width:1024px) {
    .w-100-d-lg {
        width: 100% !important
    }
}

@media only screen and (max-width:767px) {
    .w-100-d-md {
        width: 100% !important
    }
}

@media only screen and (max-width:576px) {
    .w-100-d-sm {
        width: 100% !important
    }
}

.h-100 {
    max-height: 100%;
    min-height: 100%
}

.h-100,
.h-100-d {
    height: 100%
}

.w-50 {
    max-width: 50%;
    min-width: 50%;
    width: 50%
}

.h-50 {
    height: 50%;
    max-height: 50%;
    min-height: 50%
}

.cover-b {
    display: flex;
    height: 100%;
    inset: 0 0 0 0;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    width: 100%
}

.inl-m-list .menu-item a {
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.inl-m-list .menu-item a:hover {
    color: var(--jkd-h-col)
}

.inl-m-list .menu-item:not(:first-child) {
    margin-left: 15px
}

.inl-m-list .sub-menu {
    display: none
}

.r-list,
.r-list>li {
    margin: 0;
    padding: 0
}

.r-list>li {
    list-style: none
}

.pos-rel {
    position: relative
}

.pos-abs {
    position: absolute !important
}

.pos-fix {
    position: fixed
}

.o-hd {
    overflow: hidden
}

.pe-n {
    pointer-events: none
}

.bar-off::-webkit-scrollbar {
    display: none
}

.op-sm {
    opacity: var(--jkd-op-sm)
}

.op-md {
    opacity: var(--jkd-op-md)
}

.op-lg {
    opacity: var(--jkd-op-lg)
}

.op-xl {
    opacity: var(--jkd-op-xl)
}

#m-wrp .mr-a {
    margin-right: auto
}

#m-wrp .ml-a {
    margin-left: auto
}

#m-wrp .mb-a {
    margin-bottom: auto
}

#m-wrp .mt-a {
    margin-top: auto
}

#m-wrp .p-50 {
    padding: 50px
}

#m-wrp .p-40 {
    padding: 40px
}

#m-wrp .p-30 {
    padding: 30px
}

@media only screen and (max-width:1024px) {
    #m-wrp .p-30-lg {
        padding: 30px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .p-30-md {
        padding: 30px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .p-30-sm {
        padding: 30px
    }
}

#m-wrp .p-25 {
    padding: 25px
}

@media only screen and (max-width:1024px) {
    #m-wrp .p-25-lg {
        padding: 25px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .p-25-md {
        padding: 25px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .p-25-sm {
        padding: 25px
    }
}

#m-wrp .p-20 {
    padding: 20px
}

@media only screen and (max-width:1024px) {
    #m-wrp .p-20-lg {
        padding: 20px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .p-20-md {
        padding: 20px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .p-20-sm {
        padding: 20px
    }
}

#m-wrp .p-10 {
    padding: 10px
}

@media only screen and (max-width:1024px) {
    #m-wrp .p-10-lg {
        padding: 10px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .p-10-md {
        padding: 10px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .p-10-sm {
        padding: 10px
    }
}

#m-wrp .p-15 {
    padding: 15px
}

@media only screen and (max-width:1024px) {
    #m-wrp .p-15-lg {
        padding: 15px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .p-15-md {
        padding: 15px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .p-15-sm {
        padding: 15px
    }
}

#m-wrp .p-5 {
    padding: 5px
}

@media only screen and (max-width:1024px) {
    #m-wrp .p-5-lg {
        padding: 5px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .p-5-md {
        padding: 5px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .p-5-sm {
        padding: 5px
    }
}

#m-wrp .p-0 {
    padding: 0
}

@media only screen and (max-width:1024px) {
    #m-wrp .p-0-lg {
        padding: 0
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .p-0-md {
        padding: 0
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .p-0-sm {
        padding: 0
    }
}

#m-wrp .pt-100 {
    padding-top: 100px
}

#m-wrp .pt-75 {
    padding-top: 75px
}

#m-wrp .pt-50 {
    padding-top: 50px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pt-50-lg {
        padding-top: 50px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pt-50-md {
        padding-top: 50px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pt-50-sm {
        padding-top: 50px
    }
}

#m-wrp .pt-30 {
    padding-top: 30px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pt-30-lg {
        padding-top: 30px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pt-30-md {
        padding-top: 30px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pt-30-sm {
        padding-top: 30px
    }
}

#m-wrp .pt-20 {
    padding-top: 20px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pt-20-lg {
        padding-top: 20px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pt-20-md {
        padding-top: 20px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pt-20-sm {
        padding-top: 20px !important
    }
}

#m-wrp .pt-15 {
    padding-top: 15px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pt-15-lg {
        padding-top: 15px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pt-15-md {
        padding-top: 15px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pt-15-sm {
        padding-top: 15px
    }
}

#m-wrp .pt-10 {
    padding-top: 10px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pt-10-lg {
        padding-top: 10px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pt-10-md {
        padding-top: 10px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pt-10-sm {
        padding-top: 10px
    }
}

#m-wrp .pt-5 {
    padding-top: 5px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pt-5-lg {
        padding-top: 5px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pt-5-md {
        padding-top: 5px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pt-5-sm {
        padding-top: 5px
    }
}

#m-wrp .pt-7 {
    padding-top: 7px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pt-7-lg {
        padding-top: 7px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pt-7-md {
        padding-top: 7px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pt-7-sm {
        padding-top: 7px
    }
}

#m-wrp .pt-0 {
    padding-top: 0
}

@media only screen and (max-width:1024px) {
    #m-wrp .pt-0-lg {
        padding-top: 0
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pt-0-md {
        padding-top: 0
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pt-0-sm {
        padding-top: 0
    }
}

#m-wrp .pb-125 {
    padding-bottom: 125px
}

#m-wrp .pb-100 {
    padding-bottom: 100px
}

#m-wrp .pb-75 {
    padding-bottom: 75px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pb-75-lg {
        padding-bottom: 75px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pb-75-md {
        padding-bottom: 75px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pb-75-sm {
        padding-bottom: 75px
    }
}

#m-wrp .pb-50 {
    padding-bottom: 50px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pb-50-lg {
        padding-bottom: 50px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pb-50-md {
        padding-bottom: 50px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pb-50-sm {
        padding-bottom: 50px
    }
}

#m-wrp .pb-40 {
    padding-bottom: 40px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pb-40-lg {
        padding-bottom: 40px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pb-40-md {
        padding-bottom: 40px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pb-40-sm {
        padding-bottom: 40px !important
    }
}

#m-wrp .pb-30 {
    padding-bottom: 30px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pb-30-lg {
        padding-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pb-30-md {
        padding-bottom: 30px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pb-30-sm {
        padding-bottom: 30px !important
    }
}

#m-wrp .pb-20 {
    padding-bottom: 20px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pb-20-lg {
        padding-bottom: 20px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pb-20-md {
        padding-bottom: 20px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pb-20-sm {
        padding-bottom: 20px !important
    }
}

#m-wrp .pb-15 {
    padding-bottom: 15px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pb-15-lg {
        padding-bottom: 15px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pb-15-md {
        padding-bottom: 15px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pb-15-sm {
        padding-bottom: 15px
    }
}

#m-wrp .pb-10 {
    padding-bottom: 10px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pb-10-lg {
        padding-bottom: 10px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pb-10-md {
        padding-bottom: 10px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pb-10-sm {
        padding-bottom: 10px
    }
}

#m-wrp .pb-7 {
    padding-bottom: 7px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pb-7-lg {
        padding-bottom: 7px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pb-7-md {
        padding-bottom: 7px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pb-7-sm {
        padding-bottom: 7px
    }
}

#m-wrp .pb-5 {
    padding-bottom: 5px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pb-5-lg {
        padding-bottom: 5px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pb-5-md {
        padding-bottom: 5px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pb-5-sm {
        padding-bottom: 5px
    }
}

#m-wrp .pb-0 {
    padding-bottom: 0
}

@media only screen and (max-width:1024px) {
    #m-wrp .pb-0-lg {
        padding-bottom: 0
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pb-0-md {
        padding-bottom: 0
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pb-0-sm {
        padding-bottom: 0
    }
}

#m-wrp .pr-100 {
    padding-right: 100px
}

#m-wrp .pr-75 {
    padding-right: 75px
}

#m-wrp .pr-60 {
    padding-right: 60px
}

#m-wrp .pr-50 {
    padding-right: 50px
}

#m-wrp .pr-40 {
    padding-right: 40px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pr-40-lg {
        padding-right: 40px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pr-40-md {
        padding-right: 40px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pr-40-sm {
        padding-right: 40px
    }
}

#m-wrp .pr-30 {
    padding-right: 30px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pr-30-lg {
        padding-right: 30px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pr-30-md {
        padding-right: 30px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pr-30-sm {
        padding-right: 30px
    }
}

#m-wrp .pr-25 {
    padding-right: 25px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pr-25-lg {
        padding-right: 25px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pr-25-md {
        padding-right: 25px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pr-25-sm {
        padding-right: 25px
    }
}

#m-wrp .pr-20 {
    padding-right: 20px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pr-20-lg {
        padding-right: 20px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pr-20-md {
        padding-right: 20px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pr-20-sm {
        padding-right: 20px
    }
}

#m-wrp .pr-15 {
    padding-right: 15px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pr-15-lg {
        padding-right: 15px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pr-15-md {
        padding-right: 15px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pr-15-sm {
        padding-right: 15px
    }
}

#m-wrp .pr-12 {
    padding-right: 12px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pr-12-lg {
        padding-right: 12px
    }
}


@media only screen and (max-width:767px) {
    #m-wrp .pr-12-md {
        padding-right: 12px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pr-12-sm {
        padding-right: 12px
    }
}

#m-wrp .pr-10 {
    padding-right: 10px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pr-10-lg {
        padding-right: 10px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pr-10-md {
        padding-right: 10px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pr-10-sm {
        padding-right: 10px
    }
}

#m-wrp .pr-5 {
    padding-right: 5px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pr-5-lg {
        padding-right: 5px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pr-5-md {
        padding-right: 5px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pr-5-sm {
        padding-right: 5px
    }
}

#m-wrp .pr-0 {
    padding-right: 0
}

@media only screen and (max-width:1024px) {
    #m-wrp .pr-0-lg {
        padding-right: 0
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pr-0-md {
        padding-right: 0
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pr-0-sm {
        padding-right: 0
    }
}

#m-wrp .pl-75 {
    padding-left: 75px
}

#m-wrp .pl-60 {
    padding-left: 60px
}

#m-wrp .pl-50 {
    padding-left: 50px
}

#m-wrp .pl-40 {
    padding-left: 40px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pl-40-lg {
        padding-left: 40px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pl-40-md {
        padding-left: 40px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pl-40-sm {
        padding-left: 40px
    }
}

#m-wrp .pl-30 {
    padding-left: 30px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pl-30-lg {
        padding-left: 30px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pl-30-md {
        padding-left: 30px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pl-30-sm {
        padding-left: 30px
    }
}

#m-wrp .pl-20 {
    padding-left: 20px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pl-20-lg {
        padding-left: 20px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pl-20-md {
        padding-left: 20px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pl-20-sm {
        padding-left: 20px
    }
}

#m-wrp .pl-25 {
    padding-left: 25px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pl-25-lg {
        padding-left: 25px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pl-25-md {
        padding-left: 25px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pl-25-sm {
        padding-left: 25px
    }
}

#m-wrp .pl-15 {
    padding-left: 15px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pl-15-lg {
        padding-left: 15px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pl-15-md {
        padding-left: 15px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pl-15-sm {
        padding-left: 15px
    }
}

#m-wrp .pl-12 {
    padding-left: 12px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pl-12-lg {
        padding-left: 12px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pl-12-md {
        padding-left: 12px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pl-12-sm {
        padding-left: 12px
    }
}

#m-wrp .pl-10 {
    padding-left: 10px
}

@media only screen and (max-width:1024px) {
    #m-wrp .pl-10-lg {
        padding-left: 10px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pl-10-md {
        padding-left: 10px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pl-10-sm {
        padding-left: 10px
    }
}

#m-wrp .pl-7 {
    padding-left: 7px
}


#m-wrp .pl-5 {
    padding-left: 5px
}

#m-wrp .pl-0 {
    padding-left: 0
}

@media only screen and (max-width:1024px) {
    #m-wrp .pl-0-lg {
        padding-left: 0
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .pl-0-md {
        padding-left: 0
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .pl-0-sm {
        padding-left: 0
    }
}

#m-wrp .m-15 {
    margin: 15px
}

#m-wrp .m-30 {
    margin: 30px
}

#m-wrp .m-15-ng {
    margin: -15px
}

#m-wrp .m-30-ng {
    margin: -30px
}

#m-wrp .mt-100 {
    margin-top: 100px
}

#m-wrp .mt-75 {
    margin-top: 75px
}

#m-wrp .mt-50 {
    margin-top: 50px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mt-50-lg {
        margin-top: 50px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mt-50-md {
        margin-top: 50px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mt-50-sm {
        margin-top: 50px
    }
}

#m-wrp .mt-40 {
    margin-top: 40px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mt-40-lg {
        margin-top: 40px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mt-40-md {
        margin-top: 40px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mt-40-sm {
        margin-top: 40px
    }
}

#m-wrp .mt-30 {
    margin-top: 30px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mt-30-lg {
        margin-top: 30px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mt-30-md {
        margin-top: 30px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mt-30-sm {
        margin-top: 30px
    }
}

#m-wrp .mt-25 {
    margin-top: 25px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mt-25-lg {
        margin-top: 25px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mt-25-md {
        margin-top: 25px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mt-25-sm {
        margin-top: 25px
    }
}

#m-wrp .mt-20 {
    margin-top: 20px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mt-20-lg {
        margin-top: 20px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mt-20-md {
        margin-top: 20px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mt-20-sm {
        margin-top: 20px
    }
}

#m-wrp .mt-15 {
    margin-top: 15px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mt-15-lg {
        margin-top: 15px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mt-15-md {
        margin-top: 15px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mt-15-sm {
        margin-top: 15px !important
    }
}

#m-wrp .mt-12 {
    margin-top: 12px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mt-12-lg {
        margin-top: 12px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mt-12-md {
        margin-top: 12px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mt-12-sm {
        margin-top: 12px
    }
}

#m-wrp .mt-10 {
    margin-top: 10px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mt-10-lg {
        margin-top: 10px !important
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mt-10-md {
        margin-top: 10px !important
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mt-10-sm {
        margin-top: 10px !important
    }
}

#m-wrp .mt-7 {
    margin-top: 7px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mt-7-lg {
        margin-top: 7px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mt-7-md {
        margin-top: 7px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mt-7-sm {
        margin-top: 7px
    }
}

#m-wrp .mt-5 {
    margin-top: 5px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mt-5-lg {
        margin-top: 5px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mt-5-md {
        margin-top: 5px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mt-5-sm {
        margin-top: 5px !important
    }
}

#m-wrp .mt-3 {
    margin-top: 3px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mt-3-lg {
        margin-top: 3px !important
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mt-3-md {
        margin-top: 3px !important
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mt-3-sm {
        margin-top: 3px !important
    }
}

#m-wrp .mt-0 {
    margin-top: 0
}

@media only screen and (max-width:1024px) {
    #m-wrp .mt-0-lg {
        margin-top: 0 !important
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mt-0-md {
        margin-top: 0 !important
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mt-0-sm {
        margin-top: 0 !important
    }
}

#m-wrp .mb-75 {
    margin-bottom: 75px
}

#m-wrp .mb-50 {
    margin-bottom: 50px
}

#m-wrp .mb-40 {
    margin-bottom: 40px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mb-40-lg {
        margin-bottom: 40px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mb-40-md {
        margin-bottom: 40px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mb-40-sm {
        margin-bottom: 40px
    }
}

#m-wrp .mb-30 {
    margin-bottom: 30px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mb-30-lg {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mb-30-md {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mb-30-sm {
        margin-bottom: 30px
    }
}

#m-wrp .mb-25 {
    margin-bottom: 25px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mb-25-lg {
        margin-bottom: 25px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mb-25-md {
        margin-bottom: 25px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mb-25-sm {
        margin-bottom: 25px
    }
}

#m-wrp .mb-20 {
    margin-bottom: 20px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mb-20-lg {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mb-20-md {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mb-20-sm {
        margin-bottom: 20px
    }
}

#m-wrp .mb-15 {
    margin-bottom: 15px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mb-15-lg {
        margin-bottom: 15px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mb-15-md {
        margin-bottom: 15px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mb-15-sm {
        margin-bottom: 15px
    }
}

#m-wrp .mb-12 {
    margin-bottom: 12px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mb-12-lg {
        margin-bottom: 12px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mb-12-md {
        margin-bottom: 12px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mb-12-sm {
        margin-bottom: 12px
    }
}

#m-wrp .mb-10 {
    margin-bottom: 10px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mb-10-lg {
        margin-bottom: 10px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mb-10-md {
        margin-bottom: 10px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mb-10-sm {
        margin-bottom: 10px
    }
}

#m-wrp .mb-5 {
    margin-bottom: 5px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mb-5-lg {
        margin-bottom: 5px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mb-5-md {
        margin-bottom: 5px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mb-5-sm {
        margin-bottom: 5px !important
    }
}

#m-wrp .mb-7 {
    margin-bottom: 7px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mb-7-lg {
        margin-bottom: 7px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mb-7-md {
        margin-bottom: 7px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mb-7-sm {
        margin-bottom: 7px
    }
}

#m-wrp .mb-3 {
    margin-bottom: 3px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mb-3-lg {
        margin-bottom: 3px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mb-3-md {
        margin-bottom: 3px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mb-3-sm {
        margin-bottom: 3px
    }
}

#m-wrp .mb-0 {
    margin-bottom: 0
}

#m-wrp .mr-100 {
    margin-right: 100px
}

#m-wrp .mr-75 {
    margin-right: 75px
}

#m-wrp .mr-50 {
    margin-right: 50px
}

#m-wrp .mr-40 {
    margin-right: 40px
}

#m-wrp .mr-30 {
    margin-right: 30px
}

#m-wrp .mr-20 {
    margin-right: 20px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mr-20-lg {
        margin-right: 20px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mr-20-md {
        margin-right: 20px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mr-20-sm {
        margin-right: 20px
    }
}

#m-wrp .mr-15 {
    margin-right: 15px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mr-15-lg {
        margin-right: 15px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mr-15-md {
        margin-right: 15px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mr-15-sm {
        margin-right: 15px
    }
}

#m-wrp .mr-12 {
    margin-right: 12px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mr-12-lg {
        margin-right: 12px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mr-12-md {
        margin-right: 12px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mr-12-sm {
        margin-right: 12px
    }
}

#m-wrp .mr-10 {
    margin-right: 10px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mr-10-lg {
        margin-right: 10px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mr-10-md {
        margin-right: 10px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mr-10-sm {
        margin-right: 10px
    }
}

#m-wrp .mr-7 {
    margin-right: 7px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mr-7-lg {
        margin-right: 7px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mr-7-md {
        margin-right: 7px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mr-7-sm {
        margin-right: 7px
    }
}

#m-wrp .mr-3 {
    margin-right: 3px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mr-3-lg {
        margin-right: 3px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mr-3-md {
        margin-right: 3px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mr-3-sm {
        margin-right: 3px
    }
}

#m-wrp .mr-5 {
    margin-right: 5px
}

@media only screen and (max-width:1024px) {
    #m-wrp .mr-5-lg {
        margin-right: 5px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mr-5-md {
        margin-right: 5px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mr-5-sm {
        margin-right: 5px
    }
}

#m-wrp .mr-0 {
    margin-right: 0
}

@media only screen and (max-width:1024px) {
    #m-wrp .mr-0-lg {
        margin-right: 0
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .mr-0-md {
        margin-right: 0
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .mr-0-sm {
        margin-right: 0
    }
}

#m-wrp .ml-50 {
    margin-left: 50px
}

#m-wrp .ml-40 {
    margin-left: 40px
}

#m-wrp .ml-30 {
    margin-left: 30px
}

@media only screen and (max-width:1024px) {
    #m-wrp .ml-30-lg {
        margin-left: 30px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .ml-30-md {
        margin-left: 30px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .ml-30-sm {
        margin-left: 30px
    }
}

#m-wrp .ml-20 {
    margin-left: 20px
}

@media only screen and (max-width:1024px) {
    #m-wrp .ml-20-lg {
        margin-left: 20px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .ml-20-md {
        margin-left: 20px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .ml-20-sm {
        margin-left: 20px
    }
}

#m-wrp .ml-15 {
    margin-left: 15px
}

@media only screen and (max-width:1024px) {
    #m-wrp .ml-15-lg {
        margin-left: 15px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .ml-15-md {
        margin-left: 15px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .ml-15-sm {
        margin-left: 15px
    }
}

#m-wrp .ml-12 {
    margin-left: 12px
}

#m-wrp .ml-10 {
    margin-left: 10px
}

@media only screen and (max-width:1024px) {
    #m-wrp .ml-10-lg {
        margin-left: 10px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .ml-10-md {
        margin-left: 10px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .ml-10-sm {
        margin-left: 10px
    }
}

@media only screen and (max-width:1024px) {
    #m-wrp .ml-7-lg {
        margin-left: 7px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .ml-7-md {
        margin-left: 7px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .ml-7-sm {
        margin-left: 7px
    }
}

#m-wrp .ml-7 {
    margin-left: 7px
}

@media only screen and (max-width:1024px) {
    #m-wrp .ml-5-lg {
        margin-left: 5px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .ml-5-md {
        margin-left: 5px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .ml-5-sm {
        margin-left: 5px
    }
}

#m-wrp .ml-5 {
    margin-left: 5px
}

@media only screen and (max-width:1024px) {
    #m-wrp .ml-3-lg {
        margin-left: 3px
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .ml-3-md {
        margin-left: 3px
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .ml-3-sm {
        margin-left: 3px
    }
}

#m-wrp .ml-3 {
    margin-left: 3px
}

#m-wrp .ml-0 {
    margin-left: 0
}

@media only screen and (max-width:1024px) {
    #m-wrp .ml-0-lg {
        margin-left: 0
    }
}

@media only screen and (max-width:767px) {
    #m-wrp .ml-0-md {
        margin-left: 0
    }
}

@media only screen and (max-width:576px) {
    #m-wrp .ml-0-sm {
        margin-left: 0
    }
}

.mt-txt {
    font-size: calc(var(--jkd-mt-fz)*var(--jkd-mt-multi)/100)
}

.up-txt {
    font-size: calc(var(--jkd-mt-fz) - 1px) !important;
    letter-spacing: .5px !important;
    text-transform: uppercase !important
}

.d-fw {
    font-weight: var(--jkd-d-fw) !important
}

.m-fw {
    font-weight: var(--jkd-m-fw) !important
}

.h-fw {
    font-weight: var(--jkd-h-fw)
}

.lnh-1 {
    line-height: 1 !important
}

body .bx-shdw-sm {
    box-shadow: 0 0 15px var(--jkd-shdw-sm)
}

body .bx-shdw-md {
    box-shadow: 0 0 15px var(--jkd-shdw-md)
}

body .bx-shdw-lg {
    box-shadow: 0 0 15px var(--jkd-shdw-lg)
}

body .br-n {
    border-radius: unset !important
}

body .br-sm {
    border-radius: var(--jkd-br-sm)
}

body .br-md {
    border-radius: var(--jkd-br-md)
}

body .br-lg {
    border-radius: var(--jkd-br-lg)
}

body .br-xl {
    border-radius: var(--jkd-br-xl)
}

body .jkd-bs-sm {
    box-shadow: 0 0 15px var(--jkd-shdw-sm)
}

body .jkd-bs-md {
    box-shadow: 0 0 15px var(--jkd-shdw-md)
}

body .jkd-bs-lg {
    box-shadow: 0 0 15px var(--jkd-shdw-lg)
}

body .bd {
    border: 1px solid var(--jkd-b-col) !important
}

body .bdt {
    border-top: 1px solid var(--jkd-b-col)
}

body .bdr {
    border-right: 1px solid var(--jkd-b-col)
}

body .bdb {
    border-bottom: 1px solid var(--jkd-b-col)
}

body .bdl {
    border-left: 1px solid var(--jkd-b-col)
}

body .bdl-5-pr {
    border-left: 5px solid var(--jkd-pr-col)
}

body .bdt-wh {
    border-top: 1px solid var(--jkd-b-col-wh)
}

body .bdr-wh {
    border-right: 1px solid var(--jkd-b-col-wh)
}

body .bdb-wh {
    border-bottom: 1px solid var(--jkd-b-col-wh)
}

body .bdl-wh {
    border-left: 1px solid var(--jkd-b-col-wh)
}

.elementor img.br-md {
    border-radius: var(--jkd-br-md)
}

.avtr {
    border-radius: var(--jkd-br-xl);
    display: flex;
    overflow: hidden
}

.avtr img,
.avtr picture {
    height: 100%;
    width: 100%
}

.avtr--xs {
    height: calc(var(--jkd-avtr-sm) - 5px);
    max-height: calc(var(--jkd-avtr-sm) - 5px);
    max-width: calc(var(--jkd-avtr-sm) - 5px);
    min-height: calc(var(--jkd-avtr-sm) - 5px);
    min-width: calc(var(--jkd-avtr-sm) - 5px);
    width: calc(var(--jkd-avtr-sm) - 5px)
}

@media only screen and (max-width:576px) {
    .avtr--xs {
        height: calc(var(--jkd-avtr-sm) - 10px);
        max-height: calc(var(--jkd-avtr-sm) - 10px);
        max-width: calc(var(--jkd-avtr-sm) - 10px);
        min-height: calc(var(--jkd-avtr-sm) - 10px);
        min-width: calc(var(--jkd-avtr-sm) - 10px);
        width: calc(var(--jkd-avtr-sm) - 10px)
    }
}

.avtr--sm {
    height: var(--jkd-avtr-sm);
    max-height: var(--jkd-avtr-sm);
    max-width: var(--jkd-avtr-sm);
    min-height: var(--jkd-avtr-sm);
    min-width: var(--jkd-avtr-sm);
    width: var(--jkd-avtr-sm)
}

@media only screen and (max-width:576px) {
    .avtr--sm {
        height: calc(var(--jkd-avtr-sm) - 5px);
        max-height: calc(var(--jkd-avtr-sm) - 5px);
        max-width: calc(var(--jkd-avtr-sm) - 5px);
        min-height: calc(var(--jkd-avtr-sm) - 5px);
        min-width: calc(var(--jkd-avtr-sm) - 5px);
        width: calc(var(--jkd-avtr-sm) - 5px)
    }
}

@media only screen and (max-width:425px) {
    .avtr--sm {
        height: calc(var(--jkd-avtr-sm) - 10px);
        max-height: calc(var(--jkd-avtr-sm) - 10px);
        max-width: calc(var(--jkd-avtr-sm) - 10px);
        min-height: calc(var(--jkd-avtr-sm) - 10px);
        min-width: calc(var(--jkd-avtr-sm) - 10px);
        width: calc(var(--jkd-avtr-sm) - 10px)
    }
}

.avtr--md {
    height: var(--jkd-avtr-md);
    max-height: var(--jkd-avtr-md);
    max-width: var(--jkd-avtr-md);
    min-height: var(--jkd-avtr-md);
    min-width: var(--jkd-avtr-md);
    width: var(--jkd-avtr-md)
}

@media only screen and (max-width:576px) {
    .avtr--md {
        height: calc(var(--jkd-avtr-md) - 5px);
        max-height: calc(var(--jkd-avtr-md) - 5px);
        max-width: calc(var(--jkd-avtr-md) - 5px);
        min-height: calc(var(--jkd-avtr-md) - 5px);
        min-width: calc(var(--jkd-avtr-md) - 5px);
        width: calc(var(--jkd-avtr-md) - 5px)
    }
}

@media only screen and (max-width:425px) {
    .avtr--md {
        height: calc(var(--jkd-avtr-md) - 10px);
        max-height: calc(var(--jkd-avtr-md) - 10px);
        max-width: calc(var(--jkd-avtr-md) - 10px);
        min-height: calc(var(--jkd-avtr-md) - 10px);
        min-width: calc(var(--jkd-avtr-md) - 10px);
        width: calc(var(--jkd-avtr-md) - 10px)
    }
}

.avtr--lg {
    height: var(--jkd-avtr-lg);
    max-height: var(--jkd-avtr-lg);
    max-width: var(--jkd-avtr-lg);
    min-height: var(--jkd-avtr-lg);
    min-width: var(--jkd-avtr-lg);
    width: var(--jkd-avtr-lg)
}

@media only screen and (max-width:576px) {
    .avtr--lg {
        height: calc(var(--jkd-avtr-lg) - 5px);
        max-height: calc(var(--jkd-avtr-lg) - 5px);
        max-width: calc(var(--jkd-avtr-lg) - 5px);
        min-height: calc(var(--jkd-avtr-lg) - 5px);
        min-width: calc(var(--jkd-avtr-lg) - 5px);
        width: calc(var(--jkd-avtr-lg) - 5px)
    }
}

@media only screen and (max-width:425px) {
    .avtr--lg {
        height: calc(var(--jkd-avtr-lg) - 10px);
        max-height: calc(var(--jkd-avtr-lg) - 10px);
        max-width: calc(var(--jkd-avtr-lg) - 10px);
        min-height: calc(var(--jkd-avtr-lg) - 10px);
        min-width: calc(var(--jkd-avtr-lg) - 10px);
        width: calc(var(--jkd-avtr-lg) - 10px)
    }
}

.avtr--xl {
    height: var(--jkd-avtr-xl);
    max-height: var(--jkd-avtr-xl);
    max-width: var(--jkd-avtr-xl);
    min-height: var(--jkd-avtr-xl);
    min-width: var(--jkd-avtr-xl);
    width: var(--jkd-avtr-xl)
}

@media only screen and (max-width:576px) {
    .avtr--xl {
        height: calc(var(--jkd-avtr-xl) - 5px);
        max-height: calc(var(--jkd-avtr-xl) - 5px);
        max-width: calc(var(--jkd-avtr-xl) - 5px);
        min-height: calc(var(--jkd-avtr-xl) - 5px);
        min-width: calc(var(--jkd-avtr-xl) - 5px);
        width: calc(var(--jkd-avtr-xl) - 5px)
    }
}

@media only screen and (max-width:425px) {
    .avtr--xl {
        height: calc(var(--jkd-avtr-xl) - 10px);
        max-height: calc(var(--jkd-avtr-xl) - 10px);
        max-width: calc(var(--jkd-avtr-xl) - 10px);
        min-height: calc(var(--jkd-avtr-xl) - 10px);
        min-width: calc(var(--jkd-avtr-xl) - 10px);
        width: calc(var(--jkd-avtr-xl) - 10px)
    }
}

.ovrl.sm {
    height: 300px;
    max-height: 300px;
    min-height: 300px
}

.ovrl.md {
    height: 500px;
    max-height: 500px;
    min-height: 500px
}

.ovrl.lg {
    height: 700px;
    max-height: 700px;
    min-height: 700px
}

.ovrl.fl,
.ovrl:after,
.ovrl:before {
    height: 100%;
    max-height: 100%;
    min-height: 100%
}

.ovrl:after,
.ovrl:before {
    content: "";
    display: flex;
    inset: 0 0 0 0;
    max-width: 100%;
    min-width: 100%;
    pointer-events: none !important;
    position: absolute;
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 100%
}

.ovrl:after {
    z-index: 1
}

.ovrl--sh-lg:before,
.ovrl--sh-md:before {
    background: linear-gradient(to top, #000000, hsla(0, 0%, 100%, 0));
    z-index: 5
}

.ovrl--sh-md:before {
    opacity: var(--jkd-op-sm)
}

.ovrl--sh-sm:before {
    opacity: var(--jkd-op-md)
}

.ovrl--sh-sm:before,
.ovrl--sh:before {
    background: linear-gradient(to top, var(--jkd-dark-col), hsla(0, 0%, 100%, 0));
    z-index: 5
}

.ovrl--sm:after {
    background-color: var(--jkd-ovrl-sm)
}

.ovrl--ext-sm:after {
    background-color: var(--jkd-ovrl-ext-sm)
}

.ovrl--md:after {
    background-color: var(--jkd-ovrl-md)
}

.ovrl--lg:after {
    background-color: var(--jkd-ovrl-lg)
}

.trns {
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.jkd-c,
.jkd-c-amp,
.jkd-c-fluid,
.jkd-c-thin,
.jkd-c-wide {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--jkd-c-off);
    padding-right: var(--jkd-c-off);
    position: relative;
    width: 100%;
    z-index: 30
}

.jkd-c {
    max-width: var(--jkd-c-w)
}

.jkd-c-thin {
    max-width: var(--jkd-c-cont-w)
}

.jkd-c-wide {
    max-width: var(--jkd-c-wd-w)
}

::selection {
    background-color: var(--jkd-pr-col) !important;
    color: var(--jkd-wh-col) !important
}

.trans-dis,
.trans-dis * {
    transition: none !important
}

.main-wrp {
    background-color: var(--jkd-bg-col-sec);
    display: flex;
    flex-direction: column;
    position: relative;
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 100%;
    z-index: 10
}

@media only screen and (max-width:576px) {
    .main-wrp {
        overflow: hidden !important
    }
}

.main-wrp.def-wrp {
    overflow: hidden;
    padding-top: 85px
}

.main-wrp.def-wrp .top-section {
    padding-top: 0 !important
}

.page-wrp {
    padding-bottom: 50px
}

.page-wrp:not(.top-section) {
    padding-top: 30px
}

@media only screen and (max-width:576px) {
    .page-wrp {
        padding-bottom: 30px
    }
}

body {
    margin: 0 !important;
    max-width: 100vw !important;
    padding: 0 !important;
    width: 100% !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

*,
:after,
:before {
    box-sizing: border-box;
    margin: 0;
    outline: none !important;
    padding: 0
}

a,
i {
    color: inherit
}

a {
    text-decoration: none
}

img,
picture {
    display: block;
    height: auto;
    max-width: unset
}

button,
form,
input {
    border: none
}

::-webkit-search-cancel-button,
::-webkit-search-results-button,
input[type=search] {
    appearance: none
}

html {
    line-height: 1.15;
    text-size-adjust: 100%
}

main {
    display: block
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

button,
input,
optgroup,
select,
textarea {
    font-size: 100%;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

ol li,
ul li {
    list-style: none
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden] {
    display: none
}

address {
    margin-bottom: 10px
}

abbr,
acronym {
    cursor: help
}

del,
s,
strike {
    text-decoration: line-through
}

.has-drop-cap {
    padding: 0
}

.has-drop-cap:first-letter {
    display: flex;
    font-size: 128px;
    font-weight: 900;
    margin: 0 15px 0 0
}

.has-drop-cap:after {
    display: none
}

.alignfull img,
.alignfull picture,
.alignwide img,
.alignwide picture {
    height: auto;
    width: 100%
}

.wp-calendar-nav {
    margin-bottom: 30px;
    max-width: 600px
}

.wp-calendar-nav a {
    text-decoration: none
}

.wp-calendar-table {
    max-width: 600px
}

.wp-calendar-table th {
    background-color: transparent
}

.wp-caption {
    max-width: 100%
}

.gallery-caption {
    background: none;
    box-shadow: none;
    color: var(--jkd-txt-col);
    font-size: 12px;
    line-height: 1.1;
    max-width: 100%;
    min-width: 100%;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%
}

.comment-reply-title {
    margin-top: 0
}

.more-link {
    display: flex;
    justify-content: center;
    padding: 15px;
    width: 100%
}

.bypostauthor {
    display: block
}

.gallery-caption,
.wp-caption-text {
    margin: 10px 0;
    text-align: center
}

.alignright {
    float: right
}

.alignleft {
    float: left
}

.aligncenter {
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width:576px) {
    .post-password-form p:not(:last-child) {
        margin-bottom: 10px
    }
}

.post-password-form label {
    align-items: flex-start;
    color: var(--jkd-h-col);
    display: flex;
    flex-direction: column;
    font-weight: var(--jkd-m-fw);
    justify-content: flex-start;
    line-height: 1
}

.post-password-form [name=post_password] {
    border: 1px solid var(--jkd-b-col) !important;
    padding-right: 100px !important
}

.post-password-form [type=submit] {
    background-color: var(--jkd-pr-col) !important;
    border: none !important;
    color: var(--jkd-wh-col) !important;
    cursor: pointer;
    font-size: calc(var(--jkd-mt-fz) - 1px) !important;
    height: 32px !important;
    letter-spacing: .5px !important;
    padding: 0;
    position: absolute !important;
    right: 4px;
    top: 4px;
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    white-space: nowrap;
    width: 85px;
    z-index: 1
}

@media only screen and (max-width:576px) {
    .post-password-form [type=submit] {
        height: 28px !important;
        min-height: 28px !important;
        width: auto
    }
}

.aligncenter,
.alignleft,
.alignright,
.bypostauthor,
.format-audio,
.format-chat,
.format-standard,
.gallery-caption,
.screen-reader-text,
.sticky {
    pointer-events: auto
}

.button,
.cky-btn,
.components-button,
.form-submit .submit,
.jkd-btn:not(.link),
.pmpro_btn,
.woocommerce [type=submit]:not(.adminbar-button),
.wp-block-button__link:not(.has-background),
.wp-block-file__button,
.wp-block-search__button,
.wp-element-button,
.wpcf7-submit,
input[type=submit]:not(.adminbar-button) {
    align-items: center !important;
    border: none !important;
    border-radius: var(--jkd-br-md) !important;
    box-shadow: none !important;
    color: var(--jkd-wh-col) !important;
    cursor: pointer;
    display: flex !important;
    float: unset !important;
    font-size: 13px !important;
    font-style: normal;
    font-weight: var(--jkd-m-fw) !important;
    height: 32px;
    justify-content: center !important;
    line-height: 1;
    max-height: 32px;
    min-height: 32px;
    padding: 5px 15px !important;
    position: relative;
    text-decoration: none !important;
    text-decoration: unset !important;
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    white-space: nowrap;
    z-index: 10
}

.button.disabled,
.button[disabled],
.cky-btn.disabled,
.cky-btn[disabled],
.components-button.disabled,
.components-button[disabled],
.form-submit .submit.disabled,
.form-submit .submit[disabled],
.jkd-btn:not(.link).disabled,
.jkd-btn:not(.link)[disabled],
.pmpro_btn.disabled,
.pmpro_btn[disabled],
.woocommerce [type=submit]:not(.adminbar-button).disabled,
.woocommerce [type=submit]:not(.adminbar-button)[disabled],
.wp-block-button__link:not(.has-background).disabled,
.wp-block-button__link:not(.has-background)[disabled],
.wp-block-file__button.disabled,
.wp-block-file__button[disabled],
.wp-block-search__button.disabled,
.wp-block-search__button[disabled],
.wp-element-button.disabled,
.wp-element-button[disabled],
.wpcf7-submit.disabled,
.wpcf7-submit[disabled],
input[type=submit]:not(.adminbar-button).disabled,
input[type=submit]:not(.adminbar-button)[disabled] {
    opacity: .7 !important;
    pointer-events: none !important
}

.button span,
.cky-btn span,
.components-button span,
.form-submit .submit span,
.jkd-btn:not(.link) span,
.pmpro_btn span,
.woocommerce [type=submit]:not(.adminbar-button) span,
.wp-block-button__link:not(.has-background) span,
.wp-block-file__button span,
.wp-block-search__button span,
.wp-element-button span,
.wpcf7-submit span,
input[type=submit]:not(.adminbar-button) span {
    align-items: center;
    display: flex;
    justify-content: center
}

.button:hover span,
.cky-btn:hover span,
.components-button:hover span,
.form-submit .submit:hover span,
.jkd-btn:not(.link):hover span,
.pmpro_btn:hover span,
.woocommerce [type=submit]:not(.adminbar-button):hover span,
.wp-block-button__link:not(.has-background):hover span,
.wp-block-file__button:hover span,
.wp-block-search__button:hover span,
.wp-element-button:hover span,
.wpcf7-submit:hover span,
input[type=submit]:not(.adminbar-button):hover span {
    animation: fadeUpAndDown .3s ease-in forwards
}

.button.rounded,
.cky-btn.rounded,
.components-button.rounded,
.form-submit .submit.rounded,
.jkd-btn:not(.link).rounded,
.pmpro_btn.rounded,
.woocommerce [type=submit]:not(.adminbar-button).rounded,
.wp-block-button__link:not(.has-background).rounded,
.wp-block-file__button.rounded,
.wp-block-search__button.rounded,
.wp-element-button.rounded,
.wpcf7-submit.rounded,
input[type=submit]:not(.adminbar-button).rounded {
    border-radius: 100px !important
}

.jkd-btn:not(.link).ext-sm {
    height: 25px;
    max-height: 25px;
    min-height: 25px;
    padding: 5px 12px !important
}

.jkd-btn:not(.link).sm {
    height: 32px;
    max-height: 32px;
    min-height: 32px;
    padding: 5px 15px !important
}

@media only screen and (max-width:576px) {
    .jkd-btn:not(.link).sm {
        height: 28px;
        max-height: 28px;
        min-height: 28px;
        padding: 5px 10px !important
    }
}

.jkd-btn:not(.link).md {
    height: 37px;
    max-height: 37px;
    min-height: 37px;
    padding: 5px 20px !important
}

@media only screen and (max-width:576px) {
    .jkd-btn:not(.link).md {
        height: 32px;
        max-height: 32px;
        min-height: 32px;
        padding: 5px 15px !important
    }
}

.jkd-btn:not(.link).lg {
    height: 42px;
    max-height: 42px;
    min-height: 42px;
    padding: 5px 22px !important
}

@media only screen and (max-width:576px) {
    .jkd-btn:not(.link).lg {
        height: 37px;
        max-height: 37px;
        min-height: 37px;
        padding: 5px 17px !important
    }
}

.jkd-btn:not(.link).xl {
    height: 45px;
    max-height: 45px;
    min-height: 45px;
    padding: 5px 25px !important
}

@media only screen and (max-width:576px) {
    .jkd-btn:not(.link).xl {
        height: 40px;
        max-height: 40px;
        min-height: 40px;
        padding: 5px 20px !important
    }
}

.jkd-btn:not(.link):not(.secondary):not(.wh):not(.primary):not(.color) {
    background-color: var(--jkd-pr-col) !important;
    color: var(--jkd-wh-col) !important
}

.jkd-btn:not(.link).primary {
    background-color: var(--jkd-bg-col) !important;
    color: var(--jkd-h-col) !important
}

.jkd-btn:not(.link).primary:hover {
    background-color: var(--jkd-pr-col) !important;
    border-color: var(--jkd-pr-col) !important;
    color: var(--jkd-wh-col) !important
}

.jkd-btn:not(.link).secondary {
    background-color: var(--jkd-bg-col-sec) !important;
    color: var(--jkd-h-col) !important
}

.jkd-btn:not(.link).secondary:hover {
    background-color: var(--jkd-pr-col) !important;
    color: var(--jkd-wh-col) !important
}

.jkd-btn:not(.link).color {
    background-color: transparent !important;
    color: var(--jkd-pr-col) !important
}

.jkd-btn:not(.link).color:hover {
    background-color: var(--jkd-bg-col) !important;
    color: var(--jkd-h-col) !important
}

.jkd-btn:not(.link).wh {
    background-color: var(--jkd-b-col-wh) !important;
    color: var(--jkd-wh-col) !important
}

.jkd-btn.link {
    align-items: center !important;
    color: var(--jkd-h-col);
    display: flex !important;
    font-size: 13px;
    font-weight: var(--jkd-m-fw);
    position: relative
}

.jkd-btn.link,
.jkd-btn.link:after {
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.jkd-btn.link:after {
    background: var(--jkd-pr-col);
    content: "";
    display: flex;
    height: 1px;
    position: absolute;
    top: 100%;
    width: 0
}

.jkd-btn.link span {
    align-items: center;
    display: flex;
    justify-content: center
}

.jkd-btn.link:hover {
    color: var(--jkd-pr-col)
}

.jkd-btn.link:hover:after {
    width: 100%
}

[type=submit] {
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

[type=submit]:hover {
    opacity: var(--jkd-op-sm)
}

.cky-btn-customize,
.cky-btn-preferences,
.cky-btn-reject,
.pmpro_btn[name=cancel] {
    background-color: var(--jkd-bg-col-sec) !important;
    color: var(--jkd-h-col) !important
}

.cky-btn-customize:hover,
.cky-btn-preferences:hover,
.cky-btn-reject:hover,
.pmpro_btn[name=cancel]:hover {
    background-color: var(--jkd-pr-col) !important;
    color: var(--jkd-wh-col) !important;
    opacity: 1 !important
}

.products .button {
    background-color: var(--jkd-bg-col) !important;
    color: var(--jkd-h-col) !important
}

.products .button:hover {
    opacity: 1 !important
}

.entry-content .button,
.products .button:hover,
.submit,
.woocommerce .button:not(.products .button),
.woocommerce [type=submit],
.wp-block-button__link,
.wp-element-button,
.wpcf7-submit {
    background-color: var(--jkd-pr-col) !important;
    color: var(--jkd-wh-col) !important
}

.entry-content .button:hover,
.pmpro_btn:not([name=cancel]):hover,
.submit:hover,
.woocommerce .button:not(.products .button):hover,
.woocommerce [type=submit]:hover,
.wp-block-button__link:hover,
.wp-element-button:hover,
.wpcf7-submit:hover {
    opacity: var(--jkd-op-sm)
}

.btn-wrp {
    display: flex;
    justify-content: flex-start
}

.btn-icon {
    font-size: 16px !important;
    line-height: 1;
    margin-left: 4px
}

.select2-selection:not(.jkd-demo-selection2),
input[type=email]:not(.mc4wp-form input),
input[type=password],
input[type=search]:not(.jkd-demo-select2 .select2-search__field),
input[type=tel],
input[type=text]:not(.pcr-app input):not(.adminbar-input):not(#a2apage_find),
input[type=url],
select {
    align-items: center;
    background-color: var(--jkd-bg-col) !important;
    border: none !important;
    border-radius: var(--jkd-br-md) !important;
    box-shadow: none !important;
    color: var(--jkd-h-col);
    display: flex;
    font-size: calc(var(--jkd-mt-fz)*var(--jkd-mt-multi)/100);
    height: 40px !important;
    max-width: 100%;
    padding: 5px 15px;
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 100%
}

@media only screen and (max-width:576px) {

    .select2-selection:not(.jkd-demo-selection2),
    input[type=email]:not(.mc4wp-form input),
    input[type=password],
    input[type=search]:not(.jkd-demo-select2 .select2-search__field),
    input[type=tel],
    input[type=text]:not(.pcr-app input):not(.adminbar-input):not(#a2apage_find),
    input[type=url],
    select {
        height: 35px !important
    }
}

.select2-selection:not(.jkd-demo-selection2):-webkit-autofill,
.select2-selection:not(.jkd-demo-selection2):-webkit-autofill:focus,
.select2-selection:not(.jkd-demo-selection2):-webkit-autofill:hover,
input[type=email]:not(.mc4wp-form input):-webkit-autofill,
input[type=email]:not(.mc4wp-form input):-webkit-autofill:focus,
input[type=email]:not(.mc4wp-form input):-webkit-autofill:hover,
input[type=password]:-webkit-autofill,
input[type=password]:-webkit-autofill:focus,
input[type=password]:-webkit-autofill:hover,
input[type=search]:not(.jkd-demo-select2 .select2-search__field):-webkit-autofill,
input[type=search]:not(.jkd-demo-select2 .select2-search__field):-webkit-autofill:focus,
input[type=search]:not(.jkd-demo-select2 .select2-search__field):-webkit-autofill:hover,
input[type=tel]:-webkit-autofill,
input[type=tel]:-webkit-autofill:focus,
input[type=tel]:-webkit-autofill:hover,
input[type=text]:not(.pcr-app input):not(.adminbar-input):not(#a2apage_find):-webkit-autofill,
input[type=text]:not(.pcr-app input):not(.adminbar-input):not(#a2apage_find):-webkit-autofill:focus,
input[type=text]:not(.pcr-app input):not(.adminbar-input):not(#a2apage_find):-webkit-autofill:hover,
input[type=url]:-webkit-autofill,
input[type=url]:-webkit-autofill:focus,
input[type=url]:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px var(--jkd-bg-col) inset !important;
    -webkit-text-fill-color: var(--jkd-h-col) !important
}

.select2-selection:not(.jkd-demo-selection2) span,
.select2-selection:not(.jkd-demo-selection2)::placeholder,
input[type=email]:not(.mc4wp-form input) span,
input[type=email]:not(.mc4wp-form input)::placeholder,
input[type=password] span,
input[type=password]::placeholder,
input[type=search]:not(.jkd-demo-select2 .select2-search__field) span,
input[type=search]:not(.jkd-demo-select2 .select2-search__field)::placeholder,
input[type=tel] span,
input[type=tel]::placeholder,
input[type=text]:not(.pcr-app input):not(.adminbar-input):not(#a2apage_find) span,
input[type=text]:not(.pcr-app input):not(.adminbar-input):not(#a2apage_find)::placeholder,
input[type=url] span,
input[type=url]::placeholder,
select span,
select::placeholder {
    color: var(--jkd-txt-col) !important;
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp) !important
}

.select2-selection:not(.jkd-demo-selection2):focus,
input[type=email]:not(.mc4wp-form input):focus,
input[type=password]:focus,
input[type=search]:not(.jkd-demo-select2 .select2-search__field):focus,
input[type=tel]:focus,
input[type=text]:not(.pcr-app input):not(.adminbar-input):not(#a2apage_find):focus,
input[type=url]:focus,
select:focus {
    opacity: 1 !important
}

.select2-selection:not(.jkd-demo-selection2):focus::placeholder,
input[type=email]:not(.mc4wp-form input):focus::placeholder,
input[type=password]:focus::placeholder,
input[type=search]:not(.jkd-demo-select2 .select2-search__field):focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=text]:not(.pcr-app input):not(.adminbar-input):not(#a2apage_find):focus::placeholder,
input[type=url]:focus::placeholder,
select:focus::placeholder {
    opacity: 0 !important;
    transform: translateX(-5px) !important
}

.select2-selection:not(.jkd-demo-selection2) option,
input[type=email]:not(.mc4wp-form input) option,
input[type=password] option,
input[type=search]:not(.jkd-demo-select2 .select2-search__field) option,
input[type=tel] option,
input[type=text]:not(.pcr-app input):not(.adminbar-input):not(#a2apage_find) option,
input[type=url] option,
select option {
    background-color: var(--jkd-bg-col) !important;
    color: var(--jkd-h-col) !important
}

textarea {
    background-color: var(--jkd-bg-col);
    border: none;
    border-radius: var(--jkd-br-md) !important;
    color: var(--jkd-h-col);
    font-size: calc(var(--jkd-mt-fz)*var(--jkd-mt-multi)/100);
    height: 125px !important;
    max-height: 125px !important;
    min-height: 125px !important;
    padding: 12px 15px !important;
    resize: none;
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 100%
}

textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 1000px transparent;
    box-shadow: 0 15px 25px -10px rgba(0, 0, 0, .2);
    color: var(--jkd-h-col);
    -webkit-text-fill-color: var(--jkd-h-col);
    transition: background-color 5000s ease-in-out 0s
}

textarea:focus {
    opacity: 1 !important
}

textarea:focus::placeholder {
    opacity: 0 !important;
    transform: translateX(-5px) !important
}

textarea::placeholder {
    color: var(--jkd-txt-col) !important;
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp) !important
}

input[type=checkbox]:not(.switch):not(.wpd_label__checkbox) {
    align-items: center !important;
    border: 1px solid transparent !important;
    box-shadow: 0 0 7px rgba(0, 0, 0, .07) !important;
    cursor: pointer;
    display: flex !important;
    height: 15px;
    justify-content: center !important;
    margin: 0;
    min-width: 15px;
    position: relative;
    width: 15px
}

input[type=checkbox]:not(.switch):not(.wpd_label__checkbox):before {
    background-color: var(--jkd-bg-col);
    border-radius: var(--jkd-br-sm);
    content: "";
    cursor: pointer;
    display: inline-block;
    height: 16px;
    position: absolute;
    width: 16px;
    z-index: 9
}

input[type=checkbox]:not(.switch):not(.wpd_label__checkbox):after {
    content: url('data:image/svg+xml;utf8,<svg style="stroke:white;" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check"><path d="M20 6 9 17l-5-5"/></svg>');
    font-size: 13px;
    height: 16px;
    line-height: 1;
    opacity: 0;
    position: absolute;
    width: 16px;
    z-index: 10
}

input[type=checkbox]:not(.switch):not(.wpd_label__checkbox):checked:after {
    opacity: 1
}

input[type=checkbox]:not(.switch):not(.wpd_label__checkbox):checked:before {
    background-color: var(--jkd-pr-col) !important
}

input[type=checkbox]:not(.switch):not(.wpd_label__checkbox):disabled {
    cursor: not-allowed !important;
    opacity: .3 !important;
    pointer-events: none !important
}

input[type=radio]:not(.wc-block-components-radio-control__input) {
    align-items: center !important;
    border: none !important;
    cursor: pointer;
    display: flex !important;
    justify-content: center !important;
    margin-right: 5px;
    min-width: 18px;
    position: relative;
    width: 18px;
    z-index: 1
}

input[type=radio]:not(.wc-block-components-radio-control__input):disabled {
    cursor: not-allowed !important;
    opacity: .3 !important;
    pointer-events: none !important
}

input[type=radio]:not(.wc-block-components-radio-control__input):after {
    background-color: var(--jkd-bg-col);
    border-radius: 100px;
    content: "";
    cursor: pointer;
    display: inline-block;
    height: 18px;
    min-width: 18px;
    position: relative;
    width: 18px;
    z-index: 2
}

input[type=radio]:not(.wc-block-components-radio-control__input):before {
    background-color: var(--jkd-h-col);
    border-radius: 100px;
    content: "";
    display: flex;
    height: 8px;
    min-width: 8px;
    opacity: 0;
    position: absolute;
    width: 8px;
    z-index: 99
}

input[type=radio]:not(.wc-block-components-radio-control__input):checked:before {
    opacity: 1
}

select {
    cursor: pointer;
    max-width: 100% !important
}

label {
    align-items: flex-start
}

label input[type=checkbox],
label input[type=radio] {
    margin-right: 10px !important
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    box-shadow: 0 0 0 1000px var(--jkd-bg-col) inset !important;
    -webkit-text-fill-color: var(--jkd-h-col) !important;
    transition: background-color 5000s ease-in-out 0s !important
}

fieldset {
    border-color: var(--jkd-b-col);
    border-radius: var(--jkd-br-md);
    display: flex;
    flex-direction: column;
    padding: 15px
}

fieldset p {
    display: flex;
    flex-wrap: wrap
}

fieldset p label {
    width: 100%
}

fieldset p input:not(:first-child):not([type=file]):not([type=submit]):not([type=text]) {
    margin-left: 8px !important
}

fieldset p input:not(:last-child) {
    margin-right: 8px !important
}

fieldset form>h2 {
    margin-top: 0 !important
}

fieldset legend {
    font-size: calc(var(--jkd-mt-fz) - 1px) !important;
    letter-spacing: .5px !important;
    padding: 0 5px;
    text-transform: uppercase !important
}

.select2-dropdown:not(.jkd-demo-select2) {
    background-color: var(--jkd-bg-col) !important;
    border: none !important;
    border-bottom-left-radius: var(--jkd-br-md) !important;
    border-bottom-right-radius: var(--jkd-br-md) !important;
    box-shadow: 0 15px 15px 0 var(--jkd-shdw-sm);
    overflow: hidden
}

.select2-dropdown:not(.jkd-demo-select2) .select2-search__field {
    border: 1px solid var(--jkd-b-col) !important
}

.select2-dropdown:not(.jkd-demo-select2) .select2-results__options li {
    font-size: 14px;
    padding: 5px 10px !important
}

.select2-dropdown:not(.jkd-demo-select2) .select2-search {
    border-bottom: 1px solid var(--jkd-b-col);
    border-top: 1px solid var(--jkd-b-col);
    padding: 0 !important
}

.select2-dropdown:not(.jkd-demo-select2) .select2-results__option--highlighted[aria-selected],
.select2-dropdown:not(.jkd-demo-select2) .select2-results__option--highlighted[data-selected],
.select2-dropdown:not(.jkd-demo-select2) .select2-results__option[data-selected=true] {
    background-color: var(--jkd-pr-col) !important;
    color: var(--jkd-wh-col) !important
}

.select2-selection:not(.jkd-demo-selection2) {
    border: none
}

#m-wrp .select2 {
    width: 100%
}

#m-wrp .select2,
#m-wrp .select2 span {
    margin-top: 0 !important
}

#m-wrp .select2 .selection {
    width: 100%
}

#m-wrp .select2 .select2-selection .select2-selection__arrow {
    bottom: 0;
    height: 100%;
    right: 5px;
    top: 2px
}

#m-wrp .select2 .select2-selection .select2-selection__arrow b {
    border-top-color: var(--jkd-b-col) !important
}

#m-wrp .select2.select2-container--open .select2-selection .select2-selection__arrow b {
    border-bottom-color: var(--jkd-b-col) !important
}

#m-wrp .select2 .select2-selection__rendered {
    padding: 0 !important
}

#m-wrp .select2 .select2-selection--single {
    border: none !important
}

#m-wrp:not(.def-wrp) select {
    appearance: none
}

.custom-select-wrp {
    align-items: center;
    display: flex;
    position: relative
}

.custom-select-wrp select {
    background-image: none !important;
    border: none !important;
    margin: 0 !important;
    max-width: unset !important
}

.custom-select-wrp:after {
    content: "";
    font-family: lucide !important;
    pointer-events: none;
    position: absolute;
    right: 10px;
    z-index: 99
}

.qnt-cus input,
.qty {
    max-width: 60px !important;
    min-width: 60px !important
}

.qnt-cus,
.quantity {
    align-items: center;
    display: flex;
    height: 32px !important
}

.qnt-cus input,
.quantity input {
    background: var(--jkd-bg-col);
    border-radius: var(--jkd-br-md);
    color: var(--jkd-h-col) !important;
    font-size: 14px !important;
    height: 32px !important;
    padding: 0 5px !important;
    transition: .2s ease
}

.sb-wd-wrp:not(:last-child) {
    margin-bottom: 30px
}

@media only screen and (max-width:1024px) {
    .sb-wd-wrp:not(:last-child) {
        margin-bottom: 20px
    }
}

.sb-wd-wrp .sidebar-widget {
    display: flex;
    flex-direction: column;
    width: 100%
}

.sb-wd-wrp .textwidget strong {
    font-weight: var(--jkd-h-fw)
}

.sb-wd-wrp .textwidget p:not(:last-child) {
    margin-bottom: 10px
}

.sb-wd-wrp .screen-reader-text {
    display: none
}

.sb-wd-wrp .widget-title,
.sb-wd-wrp .wp-block-heading {
    align-items: center;
    color: var(--jkd-h-col);
    display: flex;
    font-size: calc(var(--jkd-mt-fz) - 1px) !important;
    justify-content: flex-start;
    letter-spacing: .5px !important;
    margin-bottom: 15px;
    text-transform: uppercase !important;
    width: 100%
}

@media only screen and (max-width:576px) {

    .sb-wd-wrp .widget-title,
    .sb-wd-wrp .wp-block-heading {
        margin-bottom: 10px
    }
}

.sb-wd-wrp .widget-title .rsswidget,
.sb-wd-wrp .wp-block-heading .rsswidget {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-right: 5px
}

.sb-wd-wrp .widget-title img,
.sb-wd-wrp .widget-title picture,
.sb-wd-wrp .wp-block-heading img,
.sb-wd-wrp .wp-block-heading picture {
    margin: 0
}

.sb-wd-wrp .widget_media_image figure {
    width: 100% !important
}

.sb-wd-wrp .widget_media_image a {
    opacity: 1 !important
}

.sb-wd-wrp .widget_media_image .wp-caption-text {
    font-size: 12px;
    margin-top: 7px;
    opacity: var(--jkd-op-md);
    text-align: center
}

.sb-wd-wrp .wp-block-heading {
    font-size: 20px
}

.sb-wd-wrp .wp-video,
.sb-wd-wrp img,
.sb-wd-wrp video {
    border-radius: var(--jkd-br-md) !important;
    overflow: hidden !important
}

.sb-wd-wrp img:not(.rss-widget-icon) {
    display: flex;
    height: auto;
    max-width: 100%;
    width: 100%
}

.sb-wd-wrp br {
    display: none
}

.sb-wd-wrp select {
    border: none
}

.sb-wd-wrp li {
    color: var(--jkd-h-col);
    list-style: none
}

.sb-wd-wrp li a {
    color: var(--jkd-h-col);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.sb-wd-wrp li a:hover {
    opacity: var(--jkd-op-sm)
}

.sb-wd-wrp li:not(:last-child) {
    margin-bottom: 11px
}

@media only screen and (max-width:576px) {
    .sb-wd-wrp li:not(:last-child) {
        margin-bottom: 8px
    }
}

.sb-wd-wrp .children,
.sb-wd-wrp .sub-menu,
.sb-wd-wrp .submenu-container {
    margin-top: 10px;
    padding-left: 10px
}

.sb-wd-wrp .children li a,
.sb-wd-wrp .sub-menu li a,
.sb-wd-wrp .submenu-container li a {
    font-weight: var(--jkd-d-fw)
}

.sb-wd-wrp .children li:not(:last-child),
.sb-wd-wrp .sub-menu li:not(:last-child),
.sb-wd-wrp .submenu-container li:not(:last-child) {
    margin-bottom: 12px
}

.widget_jkd_recent_posts .p-art {
    align-items: center;
    display: flex;
    position: relative
}

.widget_jkd_recent_posts .p-art .p-hdr img,
.widget_jkd_recent_posts .p-art .p-hdr picture {
    margin-top: 0
}

.widget_jkd_recent_posts .p-art:not(:last-child) {
    border-bottom: 1px solid var(--jkd-b-col);
    margin-bottom: 10px;
    padding-bottom: 10px
}

@media only screen and (max-width:576px) {
    .widget_jkd_recent_posts .p-art:not(:last-child) {
        margin-bottom: 7px;
        padding-bottom: 7px
    }
}

.widget_jkd_recent_posts .p-bd {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.widget_jkd_recent_posts .category-label {
    margin-bottom: 7px
}

.widget_jkd_recent_posts .auth-wrp {
    margin-top: 5px;
    opacity: var(--jkd-op-sm)
}

.widget_jkd_recent_posts .auth-wrp li {
    margin-bottom: 0
}

.widget_archive li,
.widget_categories li {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.widget_archive .children,
.widget_categories .children {
    min-width: 100%;
    width: 100%
}

.widget_rss .rss-date,
.widget_rss cite {
    display: flex;
    font-size: 14px;
    margin: 5px 0 8px;
    opacity: var(--jkd-op-sm)
}

.widget_search .wp-block-search__label {
    display: none;
    width: 100%
}

.widget_search .wp-block-search__inside-wrp {
    display: flex;
    width: 100%
}

.widget_search .wp-block-search__input {
    border: none;
    padding-right: 85px
}

.widget_search .wp-block-search__button {
    width: 75px !important
}

.widget_search .wp-block-search__button,
.widget_search button {
    align-items: center;
    border: none !important;
    color: var(--jkd-wh-col);
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-left: 5px;
    width: 40px
}

.widget_search form {
    align-items: center;
    background-color: var(--jkd-bg-col);
    display: flex;
    position: relative;
    width: 100%
}

.gallery {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

.gallery .gallery-item {
    padding: 15px
}

.gallery .gallery-item img,
.gallery .gallery-item picture {
    margin: 0 auto
}

.gallery.gallery-columns-1 .gallery-item {
    width: 100%
}

.gallery.gallery-columns-2 .gallery-item {
    width: 50%
}

.gallery.gallery-columns-3 .gallery-item {
    width: 33.3333333333%
}

.gallery.gallery-columns-4 .gallery-item {
    width: 25%
}

.gallery.gallery-columns-5 .gallery-item {
    width: 20%
}

.gallery.gallery-columns-6 .gallery-item {
    width: 16.6666666667%
}

.gallery.gallery-columns-7 .gallery-item {
    width: 14.2857142857%
}

.gallery.gallery-columns-8 .gallery-item {
    width: 12.5%
}

.gallery.gallery-columns-9 .gallery-item {
    width: 11.1111111111%
}

.widget_recent_entries li {
    display: flex;
    flex-direction: column
}

.widget_recent_entries li a {
    width: 100%
}

.widget_recent_entries li .post-date {
    opacity: var(--jkd-op-sm)
}

.wp-block-latest-posts__list li {
    display: list-item
}

.wp-block-latest-posts__list li:not(:last-child) {
    margin-bottom: 15px
}

.wp-block-latest-posts__list .wp-block-latest-posts__featured-image {
    margin-top: 10px
}

.wp-block-latest-posts__list .wp-block-latest-posts__featured-image a,
.wp-block-latest-posts__list .wp-block-latest-posts__featured-image img,
.wp-block-latest-posts__list .wp-block-latest-posts__featured-image picture {
    margin: 0
}

.wp-block-latest-posts__list .wp-block-latest-posts__featured-image.alignright {
    float: right;
    margin-left: 15px
}

.wp-block-latest-posts__list .wp-block-latest-posts__featured-image.alignleft {
    float: left;
    margin-right: 15px
}

.wp-block-latest-posts__list .wp-block-latest-posts__featured-image.alignleft,
.wp-block-latest-posts__list .wp-block-latest-posts__featured-image.alignright {
    height: 120px;
    max-width: 120px;
    min-width: 120px;
    width: 120px
}

.wp-block-latest-posts__list .wp-block-latest-posts__featured-image.aligncenter {
    margin: 0 auto 10px
}

.wp-block-latest-posts__list .wp-block-latest-posts__post-author,
.wp-block-latest-posts__list .wp-block-latest-posts__post-date {
    font-size: 14px;
    line-height: 1;
    margin-top: 5px;
    opacity: var(--jkd-op-sm)
}

.wp-block-latest-posts__list .wp-block-latest-posts__p-exc {
    margin-top: 5px;
    width: 100%
}

.wp-block-latest-posts__list .wp-block-latest-posts__post-title {
    color: var(--jkd-h-col)
}

.wp-block-latest-comments {
    display: flex;
    flex-direction: column
}

.wp-block-latest-comments .wp-block-latest-comments__comment-meta {
    line-height: 1.35
}

.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt {
    margin-bottom: 0;
    margin-top: 5px
}

.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
    font-size: 14px;
    line-height: 1.35;
    margin: 0
}

.wp-block-latest-comments .wp-block-latest-comments__comment {
    align-items: flex-start;
    display: flex
}

.wp-block-latest-comments .wp-block-latest-comments__comment img,
.wp-block-latest-comments .wp-block-latest-comments__comment picture {
    border-radius: 100%;
    display: flex;
    height: 50px;
    margin-right: 30px;
    overflow: hidden;
    width: 50px
}

.wp-block-latest-comments .wp-block-latest-comments__comment:not(:last-child) {
    margin-bottom: 10px
}

.widget_calendar a {
    margin-top: 0
}

.widget_calendar #wp-calendar {
    border: 0;
    width: 100%
}

.widget_calendar #wp-calendar caption {
    color: var(--jkd-txt-col);
    font-size: 12px;
    margin-bottom: 10px;
    text-align: right
}

.widget_calendar #wp-calendar thead {
    font-size: 10px
}

.widget_calendar #wp-calendar thead tr th {
    border-bottom: 1px solid var(--jkd-b-col);
    font-size: 14px;
    font-weight: var(--jkd-m-fw);
    padding: 5px
}

.widget_calendar #wp-calendar tbody {
    color: var(--jkd-wh-col)
}

.widget_calendar #wp-calendar tbody td {
    background: var(--jkd-bg-col);
    border: none;
    font-size: 14px;
    font-weight: var(--jkd-m-fw);
    padding: 5px;
    text-align: center
}

.widget_calendar #wp-calendar tbody td.pad {
    background: none
}

.widget_calendar #wp-calendar tfoot #next,
.widget_calendar #wp-calendar tfoot #prev {
    font-size: 14px;
    text-transform: uppercase
}

.widget_calendar #wp-calendar tfoot #prev {
    padding-top: 10px
}

.widget_calendar .wp-calendar-nav {
    margin-top: 10px
}

.blocks-gallery-grid {
    margin: 0 0 -16px;
    padding: 0
}

.blocks-gallery-grid img,
.blocks-gallery-grid picture {
    border-radius: var(--jkd-br-md);
    flex: unset !important
}

.blocks-gallery-grid a {
    display: flex;
    position: relative;
    z-index: 999
}

.blocks-gallery-grid figure {
    margin-bottom: 0
}

.blocks-gallery-grid .blocks-gallery-item__caption {
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 1;
    padding: 7px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.blocks-gallery-grid .blocks-gallery-item {
    margin-bottom: 16px;
    position: relative
}

.wp-block-button {
    display: flex;
    line-height: 1.4;
    margin-bottom: 10px
}

.wp-block-button.aligncenter {
    justify-content: center
}

.wp-block-button .wp-block-button__link {
    background-color: var(--jkd-pr-col);
    color: var(--jkd-h-col);
    height: unset;
    min-height: 40px;
    text-decoration: none
}

.wp-block-button.is-style-outline .wp-block-button__link {
    background-color: transparent;
    border: 1px solid var(--jkd-h-col);
    color: var(--jkd-h-col)
}

.wp-block-button.is-style-squared .wp-block-button__link,
.wp-block-button.is-style-squared .wp-block-button__link:after,
.wp-block-button.is-style-squared .wp-block-button__link:before {
    border-radius: 0 !important
}

.wp-block-button.alignleft {
    margin-right: 30px
}

.wp-block-button.alignright {
    margin-left: 30px
}

.wp-block-group:not(.is-layout-constrained, .is-layout-flex, .sidebar-widget>.wp-block-group) {
    padding: 40px
}

.wp-block-gallery {
    padding-left: 0
}

.wp-block-gallery:not(:last-child) {
    margin-bottom: 35px
}

.wp-block-quote,
blockquote:not(.custom-blq) {
    border: 0;
    margin-bottom: 20px;
    padding: 0;
    position: relative;
    width: 100%
}

@media only screen and (max-width:576px) {

    .wp-block-quote,
    blockquote:not(.custom-blq) {
        padding: 15px
    }
}

.wp-block-quote a,
blockquote:not(.custom-blq) a {
    background-color: unset;
    padding: unset;
    text-decoration: none
}

.wp-block-quote p,
blockquote:not(.custom-blq) p {
    margin-bottom: 0
}

.wp-block-quote .wp-block-pullquote__citation,
.wp-block-quote .wp-block-quote__citation,
.wp-block-quote cite,
blockquote:not(.custom-blq) .wp-block-pullquote__citation,
blockquote:not(.custom-blq) .wp-block-quote__citation,
blockquote:not(.custom-blq) cite {
    font-size: 14px;
    font-weight: var(--jkd-d-fw);
    margin-top: 5px;
    text-transform: unset
}

.wp-block-quote .wp-block-pullquote__citation a,
.wp-block-quote .wp-block-quote__citation a,
.wp-block-quote cite a,
blockquote:not(.custom-blq) .wp-block-pullquote__citation a,
blockquote:not(.custom-blq) .wp-block-quote__citation a,
blockquote:not(.custom-blq) cite a {
    font-size: 14px;
    font-weight: var(--jkd-d-fw)
}

.wp-block-cover {
    border-radius: var(--jkd-br-md);
    margin: 0 0 30px
}

.wp-block-cover.alignright {
    margin-left: 30px
}

.wp-block-cover.alignleft {
    margin-right: 30px
}

.wp-block-cover .wp-block-cover-text {
    position: relative;
    z-index: 10
}

.wp-block-image {
    margin-bottom: 10px
}

.wp-block-image img,
.wp-block-image picture {
    border-radius: var(--jkd-br-md)
}

.wp-block-image.alignright {
    margin-left: 30px
}

.alignleft,
.wp-block-image.alignleft {
    margin-right: 30px
}

.alignright {
    margin-left: 30px
}

.wp-block-table {
    border: none;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: var(--jkd-bg-col-sec)
}

.wp-block-table table {
    margin: 0 6px 6px 0 !important;
    width: 100%
}

.wp-block-table tfoot {
    border-top: none
}

.wp-block-table tfoot td {
    border-top: 1px solid var(--jkd-b-col) !important
}

.wp-block-table tbody tr:first-of-type td {
    border: none !important
}

.wp-block-table thead {
    border-bottom: none !important
}

.wp-block-table thead th {
    border: none !important
}

.wp-block-table figcaption {
    margin-top: 5px;
    text-align: center
}

.wp-block-file {
    align-items: center;
    display: flex;
    margin-bottom: 10px
}

.wp-block-file a {
    color: var(--jkd-h-col);
    font-weight: var(--jkd-m-fw);
    letter-spacing: .5px;
    text-decoration: none;
    text-transform: uppercase
}

.wp-block-audio,
.wp-block-video {
    border-radius: var(--jkd-br-md);
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.wp-block-audio audio,
.wp-block-audio video,
.wp-block-video audio,
.wp-block-video video {
    background-color: var(--jkd-bg-col);
    border: 1px solid var(--jkd-b-col);
    border-radius: var(--jkd-br-md)
}

.wp-block-audio figcaption,
.wp-block-video figcaption {
    margin-left: 0;
    margin-top: 5px
}

.wp-block-audio audio,
.wp-block-video audio {
    border-radius: 50px !important
}

.wp-block-columns {
    margin: 15px 0
}

.wp-block-columns.has-background .wp-block-column {
    background: transparent !important
}

.wp-block-archives-dropdown {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.wp-block-archives-dropdown .screen-reader-text {
    margin-bottom: 10px
}

.has-large-font-size {
    font-size: 28px;
    line-height: 1.4
}

.wp-block-media-text figure {
    border-radius: var(--jkd-br-md);
    overflow: hidden
}

.wp-block-media-text:not(:last-child) {
    margin-bottom: 30px
}

.wp-block-pullquote {
    padding: 0
}

.wp-block-pullquote.has-small-font-size blockquote p {
    font-size: 20px
}

.wp-block-pullquote.has-medium-font-size blockquote p {
    font-size: 24px
}

.wp-block-pullquote.has-large-font-size blockquote p {
    font-size: 28px
}

.wp-block-pullquote.has-x-large-font-size blockquote p {
    font-size: 32px
}

.wp-block-pullquote.has-border-color blockquote {
    border: none !important
}

.wp-block-pullquote blockquote,
.wp-block-pullquote cite,
.wp-block-pullquote p {
    display: flex;
    flex-direction: column
}

.wp-block-pullquote.has-text-align-left blockquote,
.wp-block-pullquote.has-text-align-left cite,
.wp-block-pullquote.has-text-align-left p {
    justify-content: flex-start;
    text-align: left
}

.wp-block-pullquote.has-text-align-right blockquote,
.wp-block-pullquote.has-text-align-right cite,
.wp-block-pullquote.has-text-align-right p {
    justify-content: flex-end;
    text-align: right
}

.wp-block-pullquote.has-text-align-center blockquote,
.wp-block-pullquote.has-text-align-center cite,
.wp-block-pullquote.has-text-align-center p {
    justify-content: center;
    text-align: center
}

.wp-block-pullquote blockquote {
    align-items: center;
    background-color: transparent;
    justify-content: center;
    margin: 0;
    padding: 20px
}

@media only screen and (max-width:576px) {
    .wp-block-pullquote blockquote {
        padding: 15px
    }
}

.wp-block-pullquote blockquote .rich-text:not(:last-child) {
    margin-bottom: 20px
}

.wp-block-pullquote.is-style-solid-color blockquote {
    min-width: 100%;
    padding: 30px 15px;
    width: 100%
}

.wp-block-archives,
.wp-block-categories {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    padding-left: 0
}

.wp-block-archives li,
.wp-block-categories li {
    list-style-type: none
}

.wp-block-archives li a,
.wp-block-categories li a {
    text-decoration: none
}

.wp-block-archives li:not(:last-child),
.wp-block-archives.wp-block-categories-dropdown,
.wp-block-categories li:not(:last-child),
.wp-block-categories.wp-block-categories-dropdown {
    margin-bottom: 20px
}

.wp-block-tag-cloud {
    display: flex;
    flex-wrap: wrap;
    margin: -3px
}

.wp-block-social-links:not(.is-style-logos-only) a {
    color: #fff
}

.wp-block-rss {
    list-style-type: none;
    padding-left: 0
}

.wp-block-rss .wp-block-rss__item-excerpt {
    font-weight: var(--jkd-d-fw);
    opacity: var(--jkd-op-sm)
}

.wp-block-comment-template {
    padding-left: 0 !important
}

.wp-block-page-list {
    padding-left: 0
}

.wp-block-page-list li {
    margin-bottom: 10px
}

#respond ol,
#respond ol li,
#respond ul,
#respond ul li,
.wp-block-comments ol,
.wp-block-comments ol li,
.wp-block-comments ul,
.wp-block-comments ul li {
    list-style: none
}

#respond a,
.wp-block-comments a {
    color: var(--jkd-h-col);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

#respond a:hover,
.wp-block-comments a:hover {
    color: var(--jkd-pr-col)
}

#respond #comments,
.wp-block-comments #comments {
    padding-top: 0
}

#respond .wp-block-comments-title,
.wp-block-comments .wp-block-comments-title {
    font-size: 24px
}

@media only screen and (max-width:576px) {

    #respond .wp-block-comments-title,
    .wp-block-comments .wp-block-comments-title {
        font-size: 20px
    }
}

.wp-block-post-terms {
    display: inline-flex;
    flex-wrap: wrap
}

.wp-block-post-terms .wp-block-post-terms__separator {
    display: none
}

.wp-block-post-terms a:not(:last-child) {
    margin-right: 5px
}

.wp-block-post-terms a:hover {
    text-decoration: none !important
}

.wp-block-search__button-only input {
    display: none !important
}

.wp-block-search__inside-wrapper {
    border: none;
    max-width: 500px;
    overflow: visible !important;
    position: relative
}

.wp-block-search__inside-wrapper input {
    width: 100% !important
}

.wp-block-search__inside-wrapper input[data-wp-bind--aria-hidden="!context.core.search.isSearchInputVisible"] {
    display: none !important
}

.wp-block-social-links {
    padding-left: 0 !important
}

.wp-block-social-links a {
    margin: 0 !important;
    padding: 7px !important
}

.wp-block-social-links li {
    margin: 0 !important
}

.wp-block-post-template {
    list-style: none
}

.wp-block-post-template li:not(:last-child) {
    margin-bottom: 20px
}

.wp-block-post-template h2 {
    margin: 0
}

.wp-block-navigation .wp-block-navigation__submenu-icon {
    height: unset
}

.wp-block-navigation .wp-block-pages-list__item:last-child {
    margin-bottom: 0 !important
}

.wp-block-navigation .wp-block-navigation__submenu-container {
    margin-top: 0 !important;
    padding: 15px !important
}

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
    width: 18px
}

.wp-block-latest-comments {
    padding-left: 0
}

.wp-block-latest-comments .wp-block-latest-comments__comment {
    list-style-type: none
}

.wp-block-latest-comments .wp-block-latest-comments__comment p {
    margin-bottom: 0
}

.wp-block-latest-comments .wp-block-latest-comments__comment:not(:last-child) {
    border-bottom: 1px solid var(--jkd-b-col);
    margin-bottom: 15px;
    padding-bottom: 15px
}

.wp-block-latest-comments .wp-block-latest-comments__comment-date {
    font-size: 12px;
    line-height: 1;
    margin-top: 5px;
    opacity: var(--jkd-op-sm)
}

.wp-block-code,
.wp-block-code code {
    overflow: hidden !important
}

.wp-block-code code {
    background-color: transparent
}

.wp-block-latest-posts {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0
}

.wp-block-latest-posts li {
    border: 1px solid var(--jkd-b-col);
    border-radius: var(--jkd-br-md);
    list-style-type: none;
    padding: 15px;
    width: 100%
}

.wp-block-latest-posts li:not(:last-child) {
    margin-bottom: 7px
}

.wp-block-latest-posts li a {
    text-decoration: none
}

.wp-block-embed {
    max-width: 100%;
    overflow: hidden
}

.wp-block-embed.is-type-video {
    height: 500px;
    width: 100%
}

.wp-block-embed.is-type-video .wp-block-embed__wrapper {
    height: 100%
}

.wp-block-embed.is-type-video .wp-block-embed__wrapper iframe {
    height: 100%;
    width: 100%
}

.wp-block-embed .fb-post,
.wp-block-embed .wp-block-embed__wrapper {
    display: flex;
    justify-content: center
}

.wp-block-preformatted,
.wp-block-verse,
pre {
    border: 1px solid var(--jkd-b-col);
    margin: 20px 0;
    overflow-x: scroll;
    padding: 20px
}

@media only screen and (max-width:576px) {

    .wp-block-preformatted,
    .wp-block-verse,
    pre {
        padding: 15px
    }
}

.wp-caption,
.wp-caption-text {
    pointer-events: auto
}

.img-wrp:not(.anim-img) {
    display: flex;
    height: auto;
    max-height: 100%;
    overflow: hidden;
    position: relative;
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 100%
}

.animated-hdr .p-hdr .activity-wrp {
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px)
}

.animated-hdr .p-hdr:after {
    background: linear-gradient(to top, var(--jkd-dark-col), hsla(0, 0%, 100%, 0));
    bottom: 0;
    content: "";
    display: flex;
    height: 45%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 100%;
    z-index: 8
}

.animated-hdr:hover .activity-wrp {
    opacity: 1;
    transform: translateY(0)
}

.animated-hdr:hover .p-hdr:after {
    opacity: var(--jkd-op-sm)
}

.p-hdr {
    align-items: center;
    border-radius: var(--jkd-br-md);
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.p-hdr:not([data-aos=jkd-fade-up]) {
    opacity: 1 !important
}

.p-hdr:hover .img-cont:not(.no-hover):not(.auth-img>img),
.p-hdr:hover .img-wrp:not(.no-hover):not(.auth-img>img),
.p-hdr:hover img:not(.no-hover):not(.auth-img>img) {
    opacity: .8 !important;
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp) !important
}

.p-hdr img {
    display: flex;
    margin: 0 !important;
    object-fit: cover !important;
    overflow: hidden;
    position: relative;
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 100% !important
}

.p-hdr.p-hdr-md {
    height: 185px;
    max-height: 185px;
    max-width: 185px;
    min-height: 185px;
    min-width: 185px;
    width: 185px
}

.p-hdr.p-hdr-md img {
    height: 100% !important
}

@media only screen and (max-width:767px) {
    .p-hdr.p-hdr-md {
        height: 150px;
        max-height: 150px;
        max-width: 150px;
        min-height: 150px;
        min-width: 150px;
        width: 150px
    }
}

.p-hdr.p-hdr-sm {
    height: 115px;
    max-height: 115px;
    max-width: 115px;
    min-height: 115px;
    min-width: 115px;
    width: 115px
}

.p-hdr.p-hdr-sm img {
    height: 100% !important
}

@media only screen and (max-width:576px) {
    .p-hdr.p-hdr-sm {
        height: 100px;
        max-height: 100px;
        max-width: 100px;
        min-height: 100px;
        min-width: 100px;
        width: 100px
    }
}

.p-hdr.p-hdr-ext-sm {
    height: 95px;
    max-height: 95px;
    max-width: 95px;
    min-height: 95px;
    min-width: 95px;
    width: 95px
}

.p-hdr.p-hdr-ext-sm img {
    height: 100% !important
}

.p-hdr.p-hdr-thumb {
    height: 50px;
    max-height: 50px;
    max-width: 50px;
    min-height: 50px;
    min-width: 50px;
    width: 50px
}

.p-hdr.p-hdr-thumb img {
    height: 100% !important
}

.p-hdr.p-hdr-thumb-md {
    height: 40px;
    max-height: 40px;
    max-width: 40px;
    min-height: 40px;
    min-width: 40px;
    width: 40px
}

.p-hdr.p-hdr-thumb-md img {
    height: 100% !important
}

.p-hdr.p-hdr-thumb-sm {
    height: 30px;
    max-height: 30px;
    max-width: 30px;
    min-height: 30px;
    min-width: 30px;
    width: 30px
}

.p-hdr.p-hdr-thumb-sm img {
    height: 100% !important
}

.p-hdr.p-hdr-thumb-ext-sm {
    height: 25px;
    max-height: 25px;
    max-width: 25px;
    min-height: 25px;
    min-width: 25px;
    width: 25px
}

.p-hdr.p-hdr-thumb-ext-sm img {
    height: 100% !important
}

.img-wrp {
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.img-wrp img,
.img-wrp picture {
    min-height: 100%
}

.post-meta {
    flex-wrap: wrap;
    margin-bottom: 3px !important
    margin-top: -3px !important
}

.post-meta .icon-item {
    font-size: 16px;
    margin-right: 3px;
    opacity: var(--jkd-op-sm)
}

.post-meta .avatar-wrp {
    flex-direction: row-reverse;
    margin-right: 0 !important
}

.post-meta .avatar-wrp .auth-img:not(:last-child) {
    margin-left: -12px
}

@media only screen and (max-width:576px) {
    .post-meta .avatar-wrp .auth-img:not(:last-child) {
        margin-left: -10px
    }
}

.post-meta .multi-name {
    display: inline-flex
}

.post-meta .multi-name:not(:last-child) {
    margin-right: 4px
}

.post-meta .multi-name:not(:last-child):after {
    content: ",";
    display: inline
}

.post-meta .meta-item {
    font-size: 12px;
    margin-bottom: 3px !important;
    white-space: nowrap
}

.post-meta .meta-item .auth-img {
    height: 28px;
    margin-right: 5px !important;
    max-height: 28px;
    max-width: 28px;
    min-height: 28px;
    min-width: 28px;
    width: 28px
}

@media only screen and (max-width:576px) {
    .post-meta .meta-item .auth-img {
        height: 24px;
        max-height: 24px;
        max-width: 24px;
        min-height: 24px;
        min-width: 24px;
        width: 24px
    }
}

.post-meta .meta-item span:not(.icon) {
    align-items: center;
    display: flex
}

.post-meta .meta-item:not(:last-child) {
    margin-right: 8px
}

.p-ttl {
    max-width: 100%;
    width: 100%
}

.p-ttl,
.p-ttl a {
    word-wrap: break-word
}

.auth-img {
    border-radius: var(--jkd-br-xl);
    display: flex;
    height: 28px;
    margin-right: 5px;
    max-height: 28px;
    max-width: 28px;
    min-height: 28px;
    min-width: 28px;
    overflow: hidden;
    width: 28px
}

@media only screen and (max-width:576px) {
    .auth-img {
        height: 24px;
        max-height: 24px;
        max-width: 24px;
        min-height: 24px;
        min-width: 24px;
        width: 24px
    }
}

.auth-img img,
.auth-img picture {
    display: flex;
    filter: none !important;
    height: auto;
    margin: 0 !important;
    opacity: 1 !important;
    width: 100%
}

.auth-img.xl {
    height: 50px;
    max-height: 50px;
    max-width: 50px;
    min-height: 50px;
    min-width: 50px;
    width: 50px
}

.auth-img.xxl {
    height: 80px;
    max-height: 80px;
    max-width: 80px;
    min-height: 80px;
    min-width: 80px;
    width: 80px
}

.woocommerce-LoopProduct-link:focus .price,
.woocommerce-LoopProduct-link:focus bdi,
.woocommerce-LoopProduct-link:focus del,
.woocommerce-LoopProduct-link:focus ins,
.woocommerce-LoopProduct-link:hover .price,
.woocommerce-LoopProduct-link:hover bdi,
.woocommerce-LoopProduct-link:hover del,
.woocommerce-LoopProduct-link:hover ins {
    text-decoration: underline !important
}

.elementor-heading-title>a,
.product>.woocommerce-LoopProduct-link,
.ttl-link {
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.elementor-heading-title>a:focus,
.elementor-heading-title>a:hover,
.product>.woocommerce-LoopProduct-link:focus,
.product>.woocommerce-LoopProduct-link:hover,
.ttl-link:focus,
.ttl-link:hover {
    text-decoration: underline !important
}

#comments,
.entry-content,
body:not(.mce-content-body),
button,
input,
option,
select,
textarea {
    color: var(--jkd-txt-col);
    font-family: var(--jkd-fabula-text-font) !important;
    font-size: calc(var(--jkd-txt-fz)*var(--jkd-txt-multi)/100);
    font-weight: var(--jkd-d-fw);
    line-height: 1.3
}

body {
    background-color: var(--jkd-bg-col-sec)
}

button,
input,
option,
select,
textarea {
    font-family: var(--jkd-fabula-text-font);
    line-height: 1.3 !important
}

button::placeholder,
input::placeholder,
option::placeholder,
select::placeholder,
textarea::placeholder {
    font-family: var(--jkd-fabula-text-font);
    line-height: 1.3 !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--jkd-h-col);
    font-family: var(--jkd-fabula-heading-font), sans-serif !important;
    font-weight: var(--jkd-h-fw)
}

.h1,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.1 !important
}

.h1,
h1 {
    font-size: calc(36px*var(--jkd-h-multi)/100)
}

@media only screen and (max-width:1024px) {

    .h1,
    h1 {
        font-size: calc(32px*var(--jkd-h-multi)/100)
    }
}

@media only screen and (max-width:767px) {

    .h1,
    h1 {
        font-size: calc(28px*var(--jkd-h-multi)/100)
    }
}

.h2,
h2 {
    font-size: calc(32px*var(--jkd-h-multi)/100);
    line-height: 1.1 !important
}

@media only screen and (max-width:1024px) {

    .h2,
    h2 {
        font-size: calc(28px*var(--jkd-h-multi)/100)
    }
}

@media only screen and (max-width:767px) {

    .h2,
    h2 {
        font-size: calc(26px*var(--jkd-h-multi)/100)
    }
}

.h3,
h3 {
    font-size: calc(28px*var(--jkd-h-multi)/100);
    line-height: 1.1 !important
}

@media only screen and (max-width:1024px) {

    .h3,
    h3 {
        font-size: calc(24px*var(--jkd-h-multi)/100)
    }
}

.h4,
h4 {
    font-size: calc(22px*var(--jkd-h-multi)/100);
    line-height: 1.1 !important
}

@media only screen and (max-width:1024px) {

    .h4,
    h4 {
        font-size: calc(20px*var(--jkd-h-multi)/100)
    }
}

.h5,
h5 {
    font-size: calc(18px*var(--jkd-h-multi)/100)
}

.h5,
.h6,
h5,
h6 {
    line-height: 1.1 !important
}

.h6,
h6 {
    font-size: calc(16px*var(--jkd-h-multi)/100)
}

.track_order {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 auto;
    max-width: 470px;
    overflow: visible !important;
    width: 100%
}

.track_order p {
    text-align: center
}

.track_order label {
    color: var(--jkd-h-col);
    display: flex;
    line-height: 1 !important;
    margin-bottom: 7px;
    text-align: left;
    width: 100%
}

.track_order .upper-text {
    font-size: 14px;
    margin-bottom: 30px;
    opacity: .7;
    text-align: center;
    width: 100%
}

@media only screen and (max-width:576px) {
    .track_order .upper-text {
        margin-bottom: 10px
    }
}

.track_order button {
    height: 40px !important;
    max-height: 40px !important;
    min-height: 40px !important
}

@media only screen and (max-width:576px) {
    .track_order button {
        height: 35px !important;
        max-height: 35px !important;
        min-height: 35px !important
    }
}

.track_order button,
.track_order input {
    width: 100%
}

.track_order .form-row-first {
    margin-top: 15px !important
}

.track_order .form-row-last {
    margin: 15px 0 !important
}

.track_order .form-row {
    margin: 0;
    padding: 0;
    width: 100%
}

.wp-block-media-text .wp-block-media-text__media {
    margin-bottom: 0 !important
}

.wp-block-media-text .wp-block-media-text__content {
    margin-left: 30px;
    padding: 0 30px 0 0
}

.wp-block-media-text .wp-block-media-text__content p {
    margin: 0
}

.wp-block-media-text .has-large-font-size:not(:last-child) {
    margin-bottom: 15px
}

.wp-block-audio .wp-element-caption {
    margin-left: 10px;
    margin-top: 0
}

.wp-block-avatar img,
.wp-block-post-author__avatar img {
    border-color: var(--jkd-b-col);
    border-radius: 300px !important
}

.wp-block-query {
    display: flex;
    flex-direction: column;
    width: 100%
}

.wp-block-query .wp-block-query-pagination {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    margin-top: 20px !important
}

.wp-block-query .wp-block-query-pagination .wp-block-query-pagination-numbers {
    margin-bottom: 0 !important;
    width: auto !important
}

.wp-block-query .wp-block-query-pagination>a {
    margin-bottom: 0
}

.wp-block-query .wp-block-post-template {
    margin: 0;
    padding: 0 !important
}

.wp-block-query .wp-block-post {
    list-style: none !important
}

.wp-block-query .wp-block-post:not(:last-child) {
    margin-bottom: 15px
}

.wp-block-query .wp-block-post .wp-block-post-title {
    margin-bottom: 0 !important
}

.wp-block-query .wp-block-post .wp-block-p-exc,
.wp-block-query .wp-block-post .wp-block-post-date {
    margin-top: 7px;
    opacity: var(--jkd-op-sm)
}

.wp-block-cover {
    background-size: cover;
    overflow: hidden;
    padding: 20px
}

@media only screen and (max-width:576px) {
    .wp-block-cover {
        padding: 15px
    }
}

.wp-block-cover .wp-block-cover-text,
.wp-block-cover p {
    color: var(--jkd-wh-col) !important;
    font-size: 28px;
    max-width: 100%;
    min-width: 100%;
    width: 100%
}

.wp-block-cover .wp-block-cover-text a,
.wp-block-cover .wp-block-cover-text strong,
.wp-block-cover p a,
.wp-block-cover p strong {
    color: var(--jkd-wh-col) !important
}

.wp-block-file .wp-block-file__button {
    margin-left: 10px
}

.wp-block-audio {
    display: flex
}

.wp-block-details summary {
    color: var(--jkd-h-col)
}

.wp-block-column:not(.comment .wp-block-column),
.wp-block-details,
.wp-block-file,
.wp-block-group:not(.sb-wd-wrp .wp-block-group, .woocommerce),
.wp-block-p-exc,
.wp-block-read-more,
.wp-block-rss__item {
    background-color: var(--jkd-bg-col);
    border-radius: var(--jkd-br-md);
    color: var(--jkd-h-col);
    flex-wrap: wrap;
    overflow: hidden;
    padding: 15px
}

@media only screen and (max-width:576px) {

    .wp-block-column:not(.comment .wp-block-column),
    .wp-block-details,
    .wp-block-file,
    .wp-block-group:not(.sb-wd-wrp .wp-block-group, .woocommerce),
    .wp-block-p-exc,
    .wp-block-read-more,
    .wp-block-rss__item {
        padding: 12px
    }
}

.wp-block-column:not(.comment .wp-block-column) p,
.wp-block-details p,
.wp-block-file p,
.wp-block-group:not(.sb-wd-wrp .wp-block-group, .woocommerce) p,
.wp-block-p-exc p,
.wp-block-read-more p,
.wp-block-rss__item p {
    width: 100%
}

.wp-block-group.has-background:not(.is-layout-constrained) {
    padding: 15px
}

@media only screen and (max-width:576px) {
    .wp-block-group.has-background:not(.is-layout-constrained) {
        padding: 12px
    }
}

.wp-block-separator {
    margin: 15px auto;
    max-width: 60%;
    min-width: 60%;
    width: 60%
}

.wp-block-separator.is-style-wide {
    max-width: 100%;
    min-width: 100%;
    width: 100%
}

.wp-block-separator.is-style-dots:before {
    color: var(--jkd-h-col)
}

.has-background {
    border-radius: var(--jkd-br-md)
}

.wp-block-cover-image-text {
    color: var(--jkd-wh-col)
}

.sb-wdg ul,
.wp-block-archives,
.wp-block-latest-comments,
.wp-block-latest-posts,
.wp-block-rss {
    margin: 0;
    padding-left: 0 !important
}

.sb-wdg ul li,
.wp-block-archives li,
.wp-block-latest-comments li,
.wp-block-rss li {
    color: var(--jkd-h-col);
    font-weight: var(--jkd-m-fw);
    list-style: none !important
}

.sb-wdg ul li a,
.wp-block-archives li a,
.wp-block-latest-comments li a,
.wp-block-rss li a {
    margin-left: 0 !important
}

.sb-wdg ul li .rssSummary,
.sb-wdg ul li cite,
.wp-block-archives li .rssSummary,
.wp-block-archives li cite,
.wp-block-latest-comments li .rssSummary,
.wp-block-latest-comments li cite,
.wp-block-rss li .rssSummary,
.wp-block-rss li cite {
    display: flex;
    margin-top: 5px
}

.sb-wdg ul li:not(:last-child),
.wp-block-archives li:not(:last-child),
.wp-block-latest-comments li:not(:last-child),
.wp-block-rss li:not(:last-child) {
    margin-bottom: 7px !important
}

.wp-block-archives-dropdown label {
    margin-bottom: 5px
}

.wh-ttl {
    font-weight: var(--jkd-m-fw)
}

.wh-ttl img,
.wh-ttl picture {
    margin-right: 5px
}

.wdt-wrp--in:last-of-type {
    margin-bottom: 0 !important
}

.sb-wdg a {
    color: var(--jkd-pr-col)
}

.sb-wdg .children,
.sb-wdg .sub-menu {
    margin-top: 15px !important;
    padding-left: 15px !important
}

.sb-wdg img,
.sb-wdg picture {
    height: auto;
    max-width: 100%
}

.sb-wdg .wp-block-group__inner-container>h2,
.sb-wdg .wp-block-search__label {
    border-bottom: 1px solid var(--jkd-b-col);
    font-size: 20px;
    font-weight: var(--jkd-h-fw) !important;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.not-found label,
.sf-form label,
.widget_product_search label,
.widget_search label,
.wp-block-search label {
    margin-bottom: 5px;
    width: 100%
}

.not-found form,
.sf-form form,
.widget_product_search form,
.widget_search form,
.wp-block-search form {
    border-radius: var(--jkd-br-md);
    display: flex;
    max-width: 500px
}

@media only screen and (max-width:1024px) {

    .not-found form,
    .sf-form form,
    .widget_product_search form,
    .widget_search form,
    .wp-block-search form {
        max-width: 100% !important
    }
}

.post-password-form,
.sf-form,
.widget_product_search,
.widget_search,
.wp-block-search {
    position: relative
}

.post-password-form label,
.post-password-form p,
.sf-form label,
.sf-form p,
.widget_product_search label,
.widget_product_search p,
.widget_search label,
.widget_search p,
.wp-block-search label,
.wp-block-search p {
    align-items: center;
    display: flex
}

.post-password-form p:not(:last-child),
.sf-form p:not(:last-child),
.widget_product_search p:not(:last-child),
.widget_search p:not(:last-child),
.wp-block-search p:not(:last-child) {
    margin-bottom: 15px
}

.post-password-form input[type=password],
.post-password-form input[type=search],
.sf-form input[type=password],
.sf-form input[type=search],
.widget_product_search input[type=password],
.widget_product_search input[type=search],
.widget_search input[type=password],
.widget_search input[type=search],
.wp-block-search input[type=password],
.wp-block-search input[type=search] {
    border-bottom-right-radius: unset;
    border-right: unset;
    border-top-right-radius: unset;
    padding-right: 40px !important
}

.post-password-form .search-submit,
.sf-form .search-submit,
.widget_product_search .search-submit,
.widget_search .search-submit,
.wp-block-search .search-submit {
    height: 32px;
    max-height: 32px;
    max-width: 32px;
    min-height: 32px;
    min-width: 32px;
    width: 32px
}

.post-password-form .search-submit,
.post-password-form [type=submit],
.sf-form .search-submit,
.sf-form [type=submit],
.widget_product_search .search-submit,
.widget_product_search [type=submit],
.widget_search .search-submit,
.widget_search [type=submit],
.wp-block-search .search-submit,
.wp-block-search [type=submit] {
    align-items: center;
    background-color: var(--jkd-pr-col) !important;
    border-radius: var(--jkd-br-md) !important;
    color: var(--jkd-wh-col) !important;
    cursor: pointer;
    display: flex;
    justify-content: center;
    line-height: 1;
    position: absolute !important;
    right: 4px;
    top: 4px
}

@media only screen and (max-width:576px) {

    .post-password-form .search-submit,
    .post-password-form [type=submit],
    .sf-form .search-submit,
    .sf-form [type=submit],
    .widget_product_search .search-submit,
    .widget_product_search [type=submit],
    .widget_search .search-submit,
    .widget_search [type=submit],
    .wp-block-search .search-submit,
    .wp-block-search [type=submit] {
        height: 28px;
        max-height: 28px;
        max-width: 28px;
        min-height: 28px;
        min-width: 28px;
        width: 28px
    }
}

.post-password-form .search-submit svg,
.post-password-form [type=submit] svg,
.sf-form .search-submit svg,
.sf-form [type=submit] svg,
.widget_product_search .search-submit svg,
.widget_product_search [type=submit] svg,
.widget_search .search-submit svg,
.widget_search [type=submit] svg,
.wp-block-search .search-submit svg,
.wp-block-search [type=submit] svg {
    height: 16px;
    width: 16px
}

.post-password-form .search-submit span,
.post-password-form [type=submit] span,
.sf-form .search-submit span,
.sf-form [type=submit] span,
.widget_product_search .search-submit span,
.widget_product_search [type=submit] span,
.widget_search .search-submit span,
.widget_search [type=submit] span,
.wp-block-search .search-submit span,
.wp-block-search [type=submit] span {
    font-size: 16px !important
}

.bg-col .widget_search .sf-form {
    border: 1px solid var(--jkd-b-col) !important
}

.widget_calendar,
.wp-block-calendar {
    max-width: 400px
}

#wp-calendar {
    margin-bottom: 0
}

#wp-calendar td,
#wp-calendar th {
    padding: 7px 10px !important
}

#wp-calendar caption {
    background-color: var(--jkd-bg-col);
    border-radius: var(--jkd-br-md);
    margin-bottom: 7px !important;
    margin-top: 0;
    opacity: 1;
    padding: 5px
}

#wp-calendar thead tr {
    border-bottom: none !important
}

.wp-calendar-nav {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 5px
}

.wp-calendar-nav span:not(:last-child) {
    margin-right: 2px
}

.wp-calendar-nav a {
    align-items: center;
    border: 1px solid var(--jkd-b-col);
    border-radius: var(--jkd-br-md);
    color: var(--jkd-h-col);
    display: flex;
    font-size: 13px;
    justify-content: center;
    margin-top: 5px;
    padding: 3px 10px;
    text-decoration: none !important;
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.wp-calendar-nav a:hover {
    background-color: var(--jkd-pr-col);
    border-color: var(--jkd-pr-col);
    color: var(--jkd-wh-col)
}

.widget_archive li,
.widget_categories li,
.widget_nav_menu li,
.widget_pages li,
.wp-block-archives li {
    font-weight: var(--jkd-d-fw)
}

.widget_archive li a,
.widget_categories li a,
.widget_nav_menu li a,
.widget_pages li a,
.wp-block-archives li a {
    color: var(--jkd-txt-col);
    font-size: 13px;
    opacity: var(--jkd-op-sm);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.widget_archive li a:hover,
.widget_categories li a:hover,
.widget_nav_menu li a:hover,
.widget_pages li a:hover,
.wp-block-archives li a:hover {
    color: var(--jkd-h-col) !important;
    opacity: 1
}

.wp-block-latest-comments.has-avatars li article footer,
.wp-block-latest-comments.has-avatars li article>div {
    margin-left: 0 !important
}

.wp-block-latest-comments.has-avatars li img,
.wp-block-latest-comments.has-avatars li picture {
    margin-right: 20px
}

.wp-block-latest-comments li {
    align-items: flex-start;
    display: flex;
    min-height: unset
}

.wp-block-latest-comments li article>div {
    margin-top: 5px
}

.wp-block-latest-comments li article>div p {
    font-weight: var(--jkd-d-fw);
    margin: 0
}

.wp-block-latest-comments li:not(:last-child) {
    margin-bottom: 15px !important
}

.wp-block-latest-posts.is-grid {
    margin: -7px !important;
    max-width: unset;
    width: calc(100% + 14px)
}

.wp-block-latest-posts.is-grid li {
    margin: 7px !important;
    padding: 15px;
    width: calc(50% - 14px)
}

@media only screen and (max-width:576px) {
    .wp-block-latest-posts.is-grid li {
        width: 100%
    }
}

.wp-block-latest-posts li a {
    font-weight: var(--jkd-m-fw);
    margin-left: 0 !important
}

.tagcloud a,
.wp-block-tag-cloud a {
    margin: 3px
}

@media only screen and (max-width:576px) {

    .tagcloud a,
    .wp-block-tag-cloud a {
        margin: 2px
    }
}

.tagcloud,
.tags-list,
.wp-block-tag-cloud {
    display: flex;
    flex-wrap: wrap;
    margin: -3px
}

@media only screen and (max-width:576px) {

    .tagcloud,
    .tags-list,
    .wp-block-tag-cloud {
        margin: -2px
    }
}

.tagcloud .list-item,
.tags-list .list-item,
.wp-block-tag-cloud .list-item {
    align-items: center;
    display: flex;
    padding: 3px
}

@media only screen and (max-width:576px) {

    .tagcloud .list-item,
    .tags-list .list-item,
    .wp-block-tag-cloud .list-item {
        padding: 2px
    }
}

.tagcloud a,
.tags-list a,
.wp-block-tag-cloud a {
    align-items: center;
    background-color: var(--jkd-bg-col);
    border-radius: var(--jkd-br-md);
    color: var(--jkd-h-col);
    display: flex;
    font-size: 13px !important;
    font-weight: var(--jkd-d-fw);
    height: 25px;
    justify-content: center;
    line-height: 1;
    padding: 0 6px;
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.tagcloud a:hover,
.tags-list a:hover,
.wp-block-tag-cloud a:hover {
    background-color: var(--jkd-pr-col) !important;
    color: var(--jkd-wh-col)
}

[data-cs=dark] .tagcloud a,
[data-cs=dark] .tags-list a,
[data-cs=dark] .wp-block-tag-cloud a {
    background-color: var(--jkd-b-col)
}

.widget_rss li:not(:last-child) {
    border-bottom: 1px solid var(--jkd-b-col);
    padding-bottom: 15px
}

.wp-block {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: calc(var(--jkd-c-w) - var(--jkd-c-off)*2) !important;
    min-width: unset !important
}

#m-wrp .cat-lb-def,
.is-root-container .cat-lb-def {
    align-items: center;
    background-color: var(--jkd-pr-col);
    border-radius: var(--jkd-br-sm);
    color: var(--jkd-wh-col);
    display: flex;
    font-size: 12px;
    font-weight: var(--jkd-m-fw);
    justify-content: center;
    line-height: 1;
    min-height: 18px;
    overflow: hidden;
    padding: 3px 5px;
    position: relative;
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    z-index: 10
}

#m-wrp .cat-lb-def:hover,
.is-root-container .cat-lb-def:hover {
    opacity: var(--jkd-op-sm)
}

#m-wrp .cat-lb-def span,
.is-root-container .cat-lb-def span {
    font-size: 13px
}

#m-wrp .tag-lb,
.is-root-container .tag-lb {
    color: var(--jkd-h-col);
    display: inline-flex;
    font-weight: var(--jkd-m-fw)
}

#m-wrp .tag-lb:not(:last-child):after,
.is-root-container .tag-lb:not(:last-child):after {
    content: ","
}

#m-wrp .tag-lb:hover,
.is-root-container .tag-lb:hover {
    text-decoration: underline
}

#m-wrp table:not(.woocommerce table):not(.pmpro_table),
.is-root-container table:not(.woocommerce table):not(.pmpro_table) {
    background-color: var(--jkd-bg-col);
    border-collapse: collapse;
    border-radius: var(--jkd-br-md);
    margin-bottom: 5px;
    max-width: 100%;
    overflow-y: scroll;
    position: relative;
    text-align: left;
    width: 100%
}

#m-wrp table:not(.woocommerce table):not(.pmpro_table)::-webkit-scrollbar,
.is-root-container table:not(.woocommerce table):not(.pmpro_table)::-webkit-scrollbar {
    display: none
}

#m-wrp table:not(.woocommerce table):not(.pmpro_table) td,
#m-wrp table:not(.woocommerce table):not(.pmpro_table) th,
.is-root-container table:not(.woocommerce table):not(.pmpro_table) td,
.is-root-container table:not(.woocommerce table):not(.pmpro_table) th {
    border: none;
    border-top: 1px solid var(--jkd-b-col);
    color: var(--jkd-h-col);
    font-weight: var(--jkd-d-fw) !important;
    padding: 10px 15px
}

@media only screen and (max-width:576px) {

    #m-wrp table:not(.woocommerce table):not(.pmpro_table) td,
    #m-wrp table:not(.woocommerce table):not(.pmpro_table) th,
    .is-root-container table:not(.woocommerce table):not(.pmpro_table) td,
    .is-root-container table:not(.woocommerce table):not(.pmpro_table) th {
        font-size: 12px;
        padding: 5px 7px
    }
}

#m-wrp table:not(.woocommerce table):not(.pmpro_table) td br,
#m-wrp table:not(.woocommerce table):not(.pmpro_table) th br,
.is-root-container table:not(.woocommerce table):not(.pmpro_table) td br,
.is-root-container table:not(.woocommerce table):not(.pmpro_table) th br {
    display: none
}

#m-wrp table:not(.woocommerce table):not(.pmpro_table) td a,
#m-wrp table:not(.woocommerce table):not(.pmpro_table) th a,
.is-root-container table:not(.woocommerce table):not(.pmpro_table) td a,
.is-root-container table:not(.woocommerce table):not(.pmpro_table) th a {
    color: var(--jkd-h-col)
}

#m-wrp table:not(.woocommerce table):not(.pmpro_table) caption,
.is-root-container table:not(.woocommerce table):not(.pmpro_table) caption {
    color: var(--jkd-h-col);
    font-weight: 500;
    margin-bottom: 10px;
    text-align: center !important
}

#m-wrp table:not(.woocommerce table):not(.pmpro_table) thead th,
.is-root-container table:not(.woocommerce table):not(.pmpro_table) thead th {
    border-bottom: 1px solid var(--jkd-b-col) !important;
    border-top: none !important;
    font-weight: var(--jkd-m-fw) !important
}

#m-wrp table:not(.woocommerce table):not(.pmpro_table) thead tr,
.is-root-container table:not(.woocommerce table):not(.pmpro_table) thead tr {
    border-top: none !important;
    color: var(--jkd-h-col) !important
}

#m-wrp table:not(.woocommerce table):not(.pmpro_table) tbody tr:not(:last-child),
.is-root-container table:not(.woocommerce table):not(.pmpro_table) tbody tr:not(:last-child) {
    border-bottom: 1px solid var(--jkd-b-col) !important
}

#m-wrp table:not(.woocommerce table):not(.pmpro_table).is-style-stripes tr:nth-child(odd),
.is-root-container table:not(.woocommerce table):not(.pmpro_table).is-style-stripes tr:nth-child(odd) {
    background-color: var(--jkd-pr-col-1)
}

#m-wrp abbr,
.is-root-container abbr {
    color: var(--jkd-pr-col);
    text-decoration: underline -webkit-link dotted
}

#m-wrp abbr:hover,
.is-root-container abbr:hover {
    cursor: help
}

#m-wrp ins,
.is-root-container ins {
    text-decoration: none !important
}

#m-wrp cite,
.is-root-container cite {
    font-style: normal !important
}

#m-wrp cite br,
.is-root-container cite br {
    display: none
}

#m-wrp p>a:not(.post-page-numbers, .tag-cloud-link),
.is-root-container p>a:not(.post-page-numbers, .tag-cloud-link) {
    text-decoration: underline;
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

#m-wrp p>a:not(.post-page-numbers, .tag-cloud-link):hover,
.is-root-container p>a:not(.post-page-numbers, .tag-cloud-link):hover {
    color: var(--jkd-h-col)
}

#m-wrp p>cite,
.is-root-container p>cite {
    margin-left: 5px
}

#m-wrp p>cite,
#m-wrp q,
.is-root-container p>cite,
.is-root-container q {
    color: var(--jkd-h-col);
    font-weight: var(--jkd-m-fw)
}

#m-wrp .wp-block-separator,
#m-wrp hr,
.is-root-container .wp-block-separator,
.is-root-container hr {
    background-color: var(--jkd-b-col);
    border-color: var(--jkd-b-col);
    height: 1px
}

#m-wrp .wp-block-separator.alignwide,
#m-wrp hr.alignwide,
.is-root-container .wp-block-separator.alignwide,
.is-root-container hr.alignwide {
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100% !important
}

#m-wrp iframe,
.is-root-container iframe {
    display: block;
    max-width: 100%
}

#m-wrp b,
#m-wrp strong,
.is-root-container b,
.is-root-container strong {
    color: var(--jkd-h-col);
    font-weight: var(--jkd-m-fw)
}

#m-wrp .comment-reply-link,
#m-wrp .edit-button,
#m-wrp .rss-date,
#m-wrp time:not(.woocommerce-orders-table time, .m-itm time),
.is-root-container .comment-reply-link,
.is-root-container .edit-button,
.is-root-container .rss-date,
.is-root-container time:not(.woocommerce-orders-table time, .m-itm time) {
    font-weight: var(--jkd-d-fw)
}

#m-wrp .bloginfo-name,
.is-root-container .bloginfo-name {
    white-space: nowrap;
    word-break: keep-all
}

#m-wrp .screen-reader-text,
.is-root-container .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal
}

#m-wrp code,
#m-wrp tt,
#m-wrp var,
.is-root-container code,
.is-root-container tt,
.is-root-container var {
    font-family: monospace;
    overflow: hidden
}

#m-wrp dd>code,
#m-wrp dd>mark,
#m-wrp dd>tt,
#m-wrp li>code,
#m-wrp li>mark,
#m-wrp li>tt,
#m-wrp p>code,
#m-wrp p>mark,
#m-wrp p>tt,
#m-wrp td>code,
#m-wrp td>mark,
#m-wrp td>tt,
.is-root-container dd>code,
.is-root-container dd>mark,
.is-root-container dd>tt,
.is-root-container li>code,
.is-root-container li>mark,
.is-root-container li>tt,
.is-root-container p>code,
.is-root-container p>mark,
.is-root-container p>tt,
.is-root-container td>code,
.is-root-container td>mark,
.is-root-container td>tt {
    background-color: var(--jkd-bg-col);
    border: 1px solid var(--jkd-b-col);
    border-radius: var(--jkd-br-md);
    box-decoration-break: clone;
    color: var(--jkd-h-col);
    line-height: 1.53;
    padding: 2px 5px 3px;
    word-wrap: break-word
}

#m-wrp pre code,
.is-root-container pre code {
    background: none;
    border: none !important;
    display: block;
    max-width: 100%;
    min-width: 100px;
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    padding: 0;
    white-space: pre
}

#m-wrp pre,
.is-root-container pre {
    border: 1px solid var(--jkd-b-col);
    border-radius: var(--jkd-br-md);
    box-sizing: border-box;
    color: var(--jkd-h-col);
    margin: 0;
    overflow: auto;
    overflow-y: hidden;
    padding: 12px 15px;
    white-space: pre-line;
    width: 100%
}

#m-wrp var,
.is-root-container var {
    color: var(--jkd-code-col)
}

.comment-content .woocommerce-MyAccount-content>:not(:last-child):not(.has-pale-pink-background-color),
.comment-content .wp-block-group__inner-container>:not(:last-child):not(.has-pale-pink-background-color),
.comment-content>:not(:last-child, .elementor-widget-container):not(.has-pale-pink-background-color),
.elementor-widget-text-editor .woocommerce-MyAccount-content>:not(:last-child):not(.has-pale-pink-background-color),
.elementor-widget-text-editor .wp-block-group__inner-container>:not(:last-child):not(.has-pale-pink-background-color),
.elementor-widget-text-editor>:not(:last-child, .elementor-widget-container):not(.has-pale-pink-background-color),
.entry-content .woocommerce-MyAccount-content>:not(:last-child):not(.has-pale-pink-background-color),
.entry-content .wp-block-group__inner-container>:not(:last-child):not(.has-pale-pink-background-color),
.entry-content>:not(:last-child, .elementor-widget-container):not(.has-pale-pink-background-color),
.is-root-container .woocommerce-MyAccount-content>:not(:last-child):not(.has-pale-pink-background-color),
.is-root-container .wp-block-group__inner-container>:not(:last-child):not(.has-pale-pink-background-color),
.is-root-container>:not(:last-child, .elementor-widget-container):not(.has-pale-pink-background-color) {
    margin-bottom: 15px !important
}

.NotaAmpliada {
    margin-top: 75px !important
}
@media only screen and (max-width:576px) {

    .comment-content .woocommerce-MyAccount-content>:not(:last-child):not(.has-pale-pink-background-color),
    .comment-content .wp-block-group__inner-container>:not(:last-child):not(.has-pale-pink-background-color),
    .comment-content>:not(:last-child, .elementor-widget-container):not(.has-pale-pink-background-color),
    .elementor-widget-text-editor .woocommerce-MyAccount-content>:not(:last-child):not(.has-pale-pink-background-color),
    .elementor-widget-text-editor .wp-block-group__inner-container>:not(:last-child):not(.has-pale-pink-background-color),
    .elementor-widget-text-editor>:not(:last-child, .elementor-widget-container):not(.has-pale-pink-background-color),
    .entry-content .woocommerce-MyAccount-content>:not(:last-child):not(.has-pale-pink-background-color),
    .entry-content .wp-block-group__inner-container>:not(:last-child):not(.has-pale-pink-background-color),
    .entry-content>:not(:last-child, .elementor-widget-container):not(.has-pale-pink-background-color),
    .is-root-container .woocommerce-MyAccount-content>:not(:last-child):not(.has-pale-pink-background-color),
    .is-root-container .wp-block-group__inner-container>:not(:last-child):not(.has-pale-pink-background-color),
    .is-root-container>:not(:last-child, .elementor-widget-container):not(.has-pale-pink-background-color) {
        margin-bottom: 10px !important
    }
	
	.NotaAmpliada {
    margin-top: 0px !important
}
}

.comment-content>:is(h1, h2, h3, h4, h5, h6):first-child,
.elementor-widget-text-editor>:is(h1, h2, h3, h4, h5, h6):first-child,
.entry-content>:is(h1, h2, h3, h4, h5, h6):first-child,
.is-root-container>:is(h1, h2, h3, h4, h5, h6):first-child {
    margin-top: 0 !important
}

.comment-content *,
.elementor-widget-text-editor *,
.entry-content *,
.is-root-container * {
    max-width: 100%
}

.comment-content h1:not(.elementor-heading-title, #comments, .wc-block-components-title),
.comment-content h2:not(.elementor-heading-title, #comments, .wc-block-components-title),
.comment-content h3:not(.elementor-heading-title, #comments, .wc-block-components-title),
.comment-content h4:not(.elementor-heading-title, #comments, .wc-block-components-title),
.comment-content h5:not(.elementor-heading-title, #comments, .wc-block-components-title),
.comment-content h6:not(.elementor-heading-title, #comments, .wc-block-components-title),
.elementor-widget-text-editor h1:not(.elementor-heading-title, #comments, .wc-block-components-title),
.elementor-widget-text-editor h2:not(.elementor-heading-title, #comments, .wc-block-components-title),
.elementor-widget-text-editor h3:not(.elementor-heading-title, #comments, .wc-block-components-title),
.elementor-widget-text-editor h4:not(.elementor-heading-title, #comments, .wc-block-components-title),
.elementor-widget-text-editor h5:not(.elementor-heading-title, #comments, .wc-block-components-title),
.elementor-widget-text-editor h6:not(.elementor-heading-title, #comments, .wc-block-components-title),
.entry-content h1:not(.elementor-heading-title, #comments, .wc-block-components-title),
.entry-content h2:not(.elementor-heading-title, #comments, .wc-block-components-title),
.entry-content h3:not(.elementor-heading-title, #comments, .wc-block-components-title),
.entry-content h4:not(.elementor-heading-title, #comments, .wc-block-components-title),
.entry-content h5:not(.elementor-heading-title, #comments, .wc-block-components-title),
.entry-content h6:not(.elementor-heading-title, #comments, .wc-block-components-title),
.is-root-container h1:not(.elementor-heading-title, #comments, .wc-block-components-title),
.is-root-container h2:not(.elementor-heading-title, #comments, .wc-block-components-title),
.is-root-container h3:not(.elementor-heading-title, #comments, .wc-block-components-title),
.is-root-container h4:not(.elementor-heading-title, #comments, .wc-block-components-title),
.is-root-container h5:not(.elementor-heading-title, #comments, .wc-block-components-title),
.is-root-container h6:not(.elementor-heading-title, #comments, .wc-block-components-title) {
    margin-bottom: 10px;
    margin-top: 30px
}

@media only screen and (max-width:576px) {

    .comment-content h1:not(.elementor-heading-title, #comments, .wc-block-components-title),
    .comment-content h2:not(.elementor-heading-title, #comments, .wc-block-components-title),
    .comment-content h3:not(.elementor-heading-title, #comments, .wc-block-components-title),
    .comment-content h4:not(.elementor-heading-title, #comments, .wc-block-components-title),
    .comment-content h5:not(.elementor-heading-title, #comments, .wc-block-components-title),
    .comment-content h6:not(.elementor-heading-title, #comments, .wc-block-components-title),
    .elementor-widget-text-editor h1:not(.elementor-heading-title, #comments, .wc-block-components-title),
    .elementor-widget-text-editor h2:not(.elementor-heading-title, #comments, .wc-block-components-title),
    .elementor-widget-text-editor h3:not(.elementor-heading-title, #comments, .wc-block-components-title),
    .elementor-widget-text-editor h4:not(.elementor-heading-title, #comments, .wc-block-components-title),
    .elementor-widget-text-editor h5:not(.elementor-heading-title, #comments, .wc-block-components-title),
    .elementor-widget-text-editor h6:not(.elementor-heading-title, #comments, .wc-block-components-title),
    .entry-content h1:not(.elementor-heading-title, #comments, .wc-block-components-title),
    .entry-content h2:not(.elementor-heading-title, #comments, .wc-block-components-title),
    .entry-content h3:not(.elementor-heading-title, #comments, .wc-block-components-title),
    .entry-content h4:not(.elementor-heading-title, #comments, .wc-block-components-title),
    .entry-content h5:not(.elementor-heading-title, #comments, .wc-block-components-title),
    .entry-content h6:not(.elementor-heading-title, #comments, .wc-block-components-title),
    .is-root-container h1:not(.elementor-heading-title, #comments, .wc-block-components-title),
    .is-root-container h2:not(.elementor-heading-title, #comments, .wc-block-components-title),
    .is-root-container h3:not(.elementor-heading-title, #comments, .wc-block-components-title),
    .is-root-container h4:not(.elementor-heading-title, #comments, .wc-block-components-title),
    .is-root-container h5:not(.elementor-heading-title, #comments, .wc-block-components-title),
    .is-root-container h6:not(.elementor-heading-title, #comments, .wc-block-components-title) {
        margin-bottom: 7px;
        margin-top: 10px
    }
}

.comment-content p ul,
.elementor-widget-text-editor p ul,
.entry-content p ul,
.is-root-container p ul {
    list-style: circle inside
}

.comment-content p ol,
.elementor-widget-text-editor p ol,
.entry-content p ol,
.is-root-container p ol {
    list-style: decimal inside
}

.comment-content p:not(:last-child),
.elementor-widget-text-editor p:not(:last-child),
.entry-content p:not(:last-child),
.is-root-container p:not(:last-child) {
    margin-bottom: 10px
}

.comment-content pre,
.elementor-widget-text-editor pre,
.entry-content pre,
.is-root-container pre {
    margin: 15px 0;
    overflow-y: scroll
}

.comment-content figure figcaption,
.elementor-widget-text-editor figure figcaption,
.entry-content figure figcaption,
.is-root-container figure figcaption {
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 10px;
    opacity: var(--jkd-op-sm)
}

.comment-content figure.alignright,
.elementor-widget-text-editor figure.alignright,
.entry-content figure.alignright,
.is-root-container figure.alignright {
    margin-bottom: 5px;
    margin-left: 30px
}

@media only screen and (max-width:576px) {

    .comment-content figure.alignright,
    .elementor-widget-text-editor figure.alignright,
    .entry-content figure.alignright,
    .is-root-container figure.alignright {
        margin-left: 15px
    }
}

.comment-content figure.alignleft,
.elementor-widget-text-editor figure.alignleft,
.entry-content figure.alignleft,
.is-root-container figure.alignleft {
    margin-bottom: 5px;
    margin-right: 30px
}

@media only screen and (max-width:576px) {

    .comment-content figure.alignleft,
    .elementor-widget-text-editor figure.alignleft,
    .entry-content figure.alignleft,
    .is-root-container figure.alignleft {
        margin-right: 15px
    }
}

.comment-content ol,
.comment-content ul:not(.elementor-*),
.elementor-widget-text-editor ol,
.elementor-widget-text-editor ul:not(.elementor-*),
.entry-content ol,
.entry-content ul:not(.elementor-*),
.is-root-container ol,
.is-root-container ul:not(.elementor-*) {
    margin: 20px 0;
    padding-left: 30px
}

.comment-content ol li:not(:last-child),
.comment-content ul:not(.elementor-*) li:not(:last-child),
.elementor-widget-text-editor ol li:not(:last-child),
.elementor-widget-text-editor ul:not(.elementor-*) li:not(:last-child),
.entry-content ol li:not(:last-child),
.entry-content ul:not(.elementor-*) li:not(:last-child),
.is-root-container ol li:not(:last-child),
.is-root-container ul:not(.elementor-*) li:not(:last-child) {
    margin-bottom: 7px
}

.comment-content dfn,
.comment-content em,
.comment-content q,
.elementor-widget-text-editor dfn,
.elementor-widget-text-editor em,
.elementor-widget-text-editor q,
.entry-content dfn,
.entry-content em,
.entry-content q,
.is-root-container dfn,
.is-root-container em,
.is-root-container q {
    font-style: italic
}

.comment-content code,
.comment-content pre,
.elementor-widget-text-editor code,
.elementor-widget-text-editor pre,
.entry-content code,
.entry-content pre,
.is-root-container code,
.is-root-container pre {
    font-family: monospace
}

.comment-content hr,
.elementor-widget-text-editor hr,
.entry-content hr,
.is-root-container hr {
    border: none;
    margin: 15px 0;
    max-width: 100%
}

.comment-content cite,
.elementor-widget-text-editor cite,
.entry-content cite,
.is-root-container cite {
    display: flex;
    font-weight: var(--jkd-m-fw)
}

.comment-content code,
.elementor-widget-text-editor code,
.entry-content code,
.is-root-container code {
    background-color: var(--jkd-bg-col);
    border: 1px solid var(--jkd-b-col);
    border-radius: var(--jkd-br-md);
    padding: 3px 5px;
    text-decoration: none
}

.comment-content dl dd,
.elementor-widget-text-editor dl dd,
.entry-content dl dd,
.is-root-container dl dd {
    padding-left: 30px
}

@media only screen and (max-width:576px) {

    .comment-content dl dd,
    .elementor-widget-text-editor dl dd,
    .entry-content dl dd,
    .is-root-container dl dd {
        padding-left: 15px
    }
}

.comment-content dl dd:not(:last-child),
.elementor-widget-text-editor dl dd:not(:last-child),
.entry-content dl dd:not(:last-child),
.is-root-container dl dd:not(:last-child) {
    margin-bottom: 10px
}

@media only screen and (max-width:576px) {

    .comment-content dl dd:not(:last-child),
    .elementor-widget-text-editor dl dd:not(:last-child),
    .entry-content dl dd:not(:last-child),
    .is-root-container dl dd:not(:last-child) {
        margin-bottom: 10px
    }
}

.comment-content img,
.comment-content picture,
.elementor-widget-text-editor img,
.elementor-widget-text-editor picture,
.entry-content img,
.entry-content picture,
.is-root-container img,
.is-root-container picture {
    max-width: 100%;
    overflow: hidden
}

.comment-content img.alignright,
.comment-content picture.alignright,
.elementor-widget-text-editor img.alignright,
.elementor-widget-text-editor picture.alignright,
.entry-content img.alignright,
.entry-content picture.alignright,
.is-root-container img.alignright,
.is-root-container picture.alignright {
    margin-bottom: 10px;
    margin-left: 30px;
    margin-top: 10px
}

.comment-content img.alignleft,
.comment-content picture.alignleft,
.elementor-widget-text-editor img.alignleft,
.elementor-widget-text-editor picture.alignleft,
.entry-content img.alignleft,
.entry-content picture.alignleft,
.is-root-container img.alignleft,
.is-root-container picture.alignleft {
    margin-bottom: 10px;
    margin-right: 30px;
    margin-top: 10px
}

.comment-content .has-large-font-size,
.elementor-widget-text-editor .has-large-font-size,
.entry-content .has-large-font-size,
.is-root-container .has-large-font-size {
    color: var(--jkd-h-col);
    font-size: 28px !important
}

.comment-content .has-drop-cap:first-letter,
.elementor-widget-text-editor .has-drop-cap:first-letter,
.entry-content .has-drop-cap:first-letter,
.is-root-container .has-drop-cap:first-letter {
    font-size: 56px;
    font-weight: var(--jkd-h-fw);
    margin: -20px 6px 0 0
}

.comment-content .is-style-outline .wp-block-button__link,
.elementor-widget-text-editor .is-style-outline .wp-block-button__link,
.entry-content .is-style-outline .wp-block-button__link,
.is-root-container .is-style-outline .wp-block-button__link {
    background-color: transparent !important;
    border: 1px solid var(--jkd-pr-col) !important;
    color: var(--jkd-pr-col) !important;
    opacity: 1 !important
}

.comment-content .is-style-outline .wp-block-button__link:hover,
.elementor-widget-text-editor .is-style-outline .wp-block-button__link:hover,
.entry-content .is-style-outline .wp-block-button__link:hover,
.is-root-container .is-style-outline .wp-block-button__link:hover {
    background-color: var(--jkd-pr-col) !important;
    color: var(--jkd-wh-col) !important
}

.comment-content .is-style-squared .wp-block-button__link,
.elementor-widget-text-editor .is-style-squared .wp-block-button__link,
.entry-content .is-style-squared .wp-block-button__link,
.is-root-container .is-style-squared .wp-block-button__link {
    border-radius: 0 !important
}

.comment-content p.has-background,
.elementor-widget-text-editor p.has-background,
.entry-content p.has-background,
.is-root-container p.has-background {
    padding: 15px 25px
}

.comment-content .jkd-list,
.elementor-widget-text-editor .jkd-list,
.entry-content .jkd-list,
.is-root-container .jkd-list {
    margin: 0;
    padding-left: 30px
}

.comment-content .jkd-list>li,
.elementor-widget-text-editor .jkd-list>li,
.entry-content .jkd-list>li,
.is-root-container .jkd-list>li {
    list-style: none;
    position: relative
}

.comment-content .jkd-list>li:before,
.elementor-widget-text-editor .jkd-list>li:before,
.entry-content .jkd-list>li:before,
.is-root-container .jkd-list>li:before {
    background-color: var(--jkd-mt-col);
    border-radius: 100%;
    content: "";
    display: inline-flex;
    height: 4px;
    left: -30px;
    opacity: .2;
    position: absolute;
    top: 15px;
    width: 4px
}

.comment-content .jkd-list>li:not(:last-child),
.elementor-widget-text-editor .jkd-list>li:not(:last-child),
.entry-content .jkd-list>li:not(:last-child),
.is-root-container .jkd-list>li:not(:last-child) {
    margin-bottom: 5px
}

.comment-content ol>li,
.elementor-widget-text-editor ol>li,
.entry-content ol>li,
.is-root-container ol>li {
    list-style: decimal
}

.comment-content ul>li,
.elementor-widget-text-editor ul>li,
.entry-content ul>li,
.is-root-container ul>li {
    list-style: disc
}

.comment-content ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings),
.comment-content ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings),
.elementor-widget-text-editor ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings),
.elementor-widget-text-editor ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings),
.entry-content ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings),
.entry-content ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings),
.is-root-container ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings),
.is-root-container ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings) {
    margin: 0
}

.comment-content ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings):not(.wp-block-categories),
.comment-content ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings):not(.wp-block-categories),
.elementor-widget-text-editor ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings):not(.wp-block-categories),
.elementor-widget-text-editor ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings):not(.wp-block-categories),
.entry-content ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings):not(.wp-block-categories),
.entry-content ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings):not(.wp-block-categories),
.is-root-container ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings):not(.wp-block-categories),
.is-root-container ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings):not(.wp-block-categories) {
    padding-left: 25px
}

@media only screen and (max-width:767px) {

    .comment-content ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings):not(.wp-block-categories),
    .comment-content ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings):not(.wp-block-categories),
    .elementor-widget-text-editor ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings):not(.wp-block-categories),
    .elementor-widget-text-editor ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings):not(.wp-block-categories),
    .entry-content ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings):not(.wp-block-categories),
    .entry-content ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings):not(.wp-block-categories),
    .is-root-container ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings):not(.wp-block-categories),
    .is-root-container ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings):not(.wp-block-categories) {
        padding-left: 20px
    }
}

@media only screen and (max-width:576px) {

    .comment-content ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings):not(.wp-block-categories),
    .comment-content ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings):not(.wp-block-categories),
    .elementor-widget-text-editor ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings):not(.wp-block-categories),
    .elementor-widget-text-editor ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings):not(.wp-block-categories),
    .entry-content ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings):not(.wp-block-categories),
    .entry-content ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings):not(.wp-block-categories),
    .is-root-container ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings):not(.wp-block-categories),
    .is-root-container ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings):not(.wp-block-categories) {
        padding-left: 15px
    }
}

.comment-content ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings) li:not(:last-child),
.comment-content ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings) li:not(:last-child),
.elementor-widget-text-editor ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings) li:not(:last-child),
.elementor-widget-text-editor ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings) li:not(:last-child),
.entry-content ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings) li:not(:last-child),
.entry-content ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings) li:not(:last-child),
.is-root-container ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings) li:not(:last-child),
.is-root-container ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings) li:not(:last-child) {
    margin-bottom: 10px
}

.comment-content ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings) li ol,
.comment-content ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings) li ul,
.comment-content ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings) li ol,
.comment-content ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings) li ul,
.elementor-widget-text-editor ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings) li ol,
.elementor-widget-text-editor ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings) li ul,
.elementor-widget-text-editor ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings) li ol,
.elementor-widget-text-editor ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings) li ul,
.entry-content ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings) li ol,
.entry-content ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings) li ul,
.entry-content ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings) li ol,
.entry-content ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings) li ul,
.is-root-container ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings) li ol,
.is-root-container ol:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings) li ul,
.is-root-container ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings) li ol,
.is-root-container ul:not(.jkd-list, .r-list, .blocks-gallery-grid, .woocommerce-order-overview, .elementor-editor-element-settings) li ul {
    margin-top: 10px
}

.comment-content dl:not(.wp-caption, .variation),
.elementor-widget-text-editor dl:not(.wp-caption, .variation),
.entry-content dl:not(.wp-caption, .variation),
.is-root-container dl:not(.wp-caption, .variation) {
    display: flex;
    flex-flow: row wrap;
    margin-block-end: 0;
    margin-top: 0
}

.comment-content dl:not(.wp-caption, .variation) dt,
.elementor-widget-text-editor dl:not(.wp-caption, .variation) dt,
.entry-content dl:not(.wp-caption, .variation) dt,
.is-root-container dl:not(.wp-caption, .variation) dt {
    border-right: 1px solid var(--jkd-b-col);
    color: var(--jkd-h-col);
    flex-basis: 20%;
    font-weight: var(--jkd-h-fw);
    text-align: right
}

@media only screen and (max-width:576px) {

    .comment-content dl:not(.wp-caption, .variation) dt,
    .elementor-widget-text-editor dl:not(.wp-caption, .variation) dt,
    .entry-content dl:not(.wp-caption, .variation) dt,
    .is-root-container dl:not(.wp-caption, .variation) dt {
        flex-basis: 100%;
        text-align: center
    }
}

.comment-content dl:not(.wp-caption, .variation) dd,
.comment-content dl:not(.wp-caption, .variation) dt,
.elementor-widget-text-editor dl:not(.wp-caption, .variation) dd,
.elementor-widget-text-editor dl:not(.wp-caption, .variation) dt,
.entry-content dl:not(.wp-caption, .variation) dd,
.entry-content dl:not(.wp-caption, .variation) dt,
.is-root-container dl:not(.wp-caption, .variation) dd,
.is-root-container dl:not(.wp-caption, .variation) dt {
    padding: 10px 20px
}

.comment-content dl:not(.wp-caption, .variation) dd:not(:first-of-type),
.comment-content dl:not(.wp-caption, .variation) dt:not(:first-of-type),
.elementor-widget-text-editor dl:not(.wp-caption, .variation) dd:not(:first-of-type),
.elementor-widget-text-editor dl:not(.wp-caption, .variation) dt:not(:first-of-type),
.entry-content dl:not(.wp-caption, .variation) dd:not(:first-of-type),
.entry-content dl:not(.wp-caption, .variation) dt:not(:first-of-type),
.is-root-container dl:not(.wp-caption, .variation) dd:not(:first-of-type),
.is-root-container dl:not(.wp-caption, .variation) dt:not(:first-of-type) {
    border-top: 1px solid var(--jkd-b-col)
}

.comment-content dl:not(.wp-caption, .variation) dd,
.elementor-widget-text-editor dl:not(.wp-caption, .variation) dd,
.entry-content dl:not(.wp-caption, .variation) dd,
.is-root-container dl:not(.wp-caption, .variation) dd {
    flex-basis: 80%;
    flex-grow: 1;
    margin: 0
}

@media only screen and (max-width:576px) {

    .comment-content dl:not(.wp-caption, .variation) dd,
    .elementor-widget-text-editor dl:not(.wp-caption, .variation) dd,
    .entry-content dl:not(.wp-caption, .variation) dd,
    .is-root-container dl:not(.wp-caption, .variation) dd {
        border-left: 1px solid var(--jkd-b-col);
        flex-basis: 100%;
        text-align: center
    }
}

.comment-content .gallery:not(.jkd-glr),
.elementor-widget-text-editor .gallery:not(.jkd-glr),
.entry-content .gallery:not(.jkd-glr),
.is-root-container .gallery:not(.jkd-glr) {
    display: flex;
    flex-wrap: wrap;
    margin: -15px
}

@media only screen and (max-width:576px) {

    .comment-content .gallery:not(.jkd-glr),
    .elementor-widget-text-editor .gallery:not(.jkd-glr),
    .entry-content .gallery:not(.jkd-glr),
    .is-root-container .gallery:not(.jkd-glr) {
        margin: -7px
    }
}

.comment-content .gallery:not(.jkd-glr):not(:last-child),
.elementor-widget-text-editor .gallery:not(.jkd-glr):not(:last-child),
.entry-content .gallery:not(.jkd-glr):not(:last-child),
.is-root-container .gallery:not(.jkd-glr):not(:last-child) {
    margin-bottom: 0
}

.comment-content .gallery:not(.jkd-glr) .gallery-item,
.elementor-widget-text-editor .gallery:not(.jkd-glr) .gallery-item,
.entry-content .gallery:not(.jkd-glr) .gallery-item,
.is-root-container .gallery:not(.jkd-glr) .gallery-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    padding: 15px
}

@media only screen and (max-width:576px) {

    .comment-content .gallery:not(.jkd-glr) .gallery-item,
    .elementor-widget-text-editor .gallery:not(.jkd-glr) .gallery-item,
    .entry-content .gallery:not(.jkd-glr) .gallery-item,
    .is-root-container .gallery:not(.jkd-glr) .gallery-item {
        padding: 7px
    }
}

.comment-content .gallery:not(.jkd-glr) .gallery-item .wp-caption-text,
.elementor-widget-text-editor .gallery:not(.jkd-glr) .gallery-item .wp-caption-text,
.entry-content .gallery:not(.jkd-glr) .gallery-item .wp-caption-text,
.is-root-container .gallery:not(.jkd-glr) .gallery-item .wp-caption-text {
    margin-bottom: 0 !important
}

.comment-content .gallery:not(.jkd-glr) .gallery-item img,
.comment-content .gallery:not(.jkd-glr) .gallery-item picture,
.elementor-widget-text-editor .gallery:not(.jkd-glr) .gallery-item img,
.elementor-widget-text-editor .gallery:not(.jkd-glr) .gallery-item picture,
.entry-content .gallery:not(.jkd-glr) .gallery-item img,
.entry-content .gallery:not(.jkd-glr) .gallery-item picture,
.is-root-container .gallery:not(.jkd-glr) .gallery-item img,
.is-root-container .gallery:not(.jkd-glr) .gallery-item picture {
    height: auto;
    max-width: 100% !important
}

.comment-content .gallery-columns-1 .gallery-item,
.elementor-widget-text-editor .gallery-columns-1 .gallery-item,
.entry-content .gallery-columns-1 .gallery-item,
.is-root-container .gallery-columns-1 .gallery-item {
    max-width: 100%;
    min-width: 100%;
    width: 100%
}

.comment-content .gallery-columns-1.gallery-size-thumbnail,
.elementor-widget-text-editor .gallery-columns-1.gallery-size-thumbnail,
.entry-content .gallery-columns-1.gallery-size-thumbnail,
.is-root-container .gallery-columns-1.gallery-size-thumbnail {
    max-width: 180px
}

@media only screen and (max-width:576px) {

    .comment-content .gallery-columns-1.gallery-size-thumbnail,
    .elementor-widget-text-editor .gallery-columns-1.gallery-size-thumbnail,
    .entry-content .gallery-columns-1.gallery-size-thumbnail,
    .is-root-container .gallery-columns-1.gallery-size-thumbnail {
        max-width: 164px
    }
}

.comment-content .gallery-columns-2 .gallery-item,
.elementor-widget-text-editor .gallery-columns-2 .gallery-item,
.entry-content .gallery-columns-2 .gallery-item,
.is-root-container .gallery-columns-2 .gallery-item {
    max-width: 50%;
    min-width: 50%;
    width: 50%
}

.comment-content .gallery-columns-2.gallery-size-thumbnail,
.elementor-widget-text-editor .gallery-columns-2.gallery-size-thumbnail,
.entry-content .gallery-columns-2.gallery-size-thumbnail,
.is-root-container .gallery-columns-2.gallery-size-thumbnail {
    max-width: 360px
}

@media only screen and (max-width:576px) {

    .comment-content .gallery-columns-2.gallery-size-thumbnail,
    .elementor-widget-text-editor .gallery-columns-2.gallery-size-thumbnail,
    .entry-content .gallery-columns-2.gallery-size-thumbnail,
    .is-root-container .gallery-columns-2.gallery-size-thumbnail {
        max-width: 328px
    }
}

.comment-content .gallery-columns-3 .gallery-item,
.elementor-widget-text-editor .gallery-columns-3 .gallery-item,
.entry-content .gallery-columns-3 .gallery-item,
.is-root-container .gallery-columns-3 .gallery-item {
    max-width: 33.3333%;
    min-width: 33.3333%;
    width: 33.3333%
}

@media only screen and (max-width:576px) {

    .comment-content .gallery-columns-3 .gallery-item,
    .elementor-widget-text-editor .gallery-columns-3 .gallery-item,
    .entry-content .gallery-columns-3 .gallery-item,
    .is-root-container .gallery-columns-3 .gallery-item {
        max-width: 50%;
        min-width: 50%;
        width: 50%
    }
}

.comment-content .gallery-columns-3.gallery-size-thumbnail,
.elementor-widget-text-editor .gallery-columns-3.gallery-size-thumbnail,
.entry-content .gallery-columns-3.gallery-size-thumbnail,
.is-root-container .gallery-columns-3.gallery-size-thumbnail {
    max-width: 540px
}

@media only screen and (max-width:576px) {

    .comment-content .gallery-columns-3.gallery-size-thumbnail,
    .elementor-widget-text-editor .gallery-columns-3.gallery-size-thumbnail,
    .entry-content .gallery-columns-3.gallery-size-thumbnail,
    .is-root-container .gallery-columns-3.gallery-size-thumbnail {
        max-width: 492px
    }
}

.comment-content .gallery-columns-4 .gallery-item,
.elementor-widget-text-editor .gallery-columns-4 .gallery-item,
.entry-content .gallery-columns-4 .gallery-item,
.is-root-container .gallery-columns-4 .gallery-item {
    max-width: 25%;
    min-width: 25%;
    width: 25%
}

@media only screen and (max-width:767px) {

    .comment-content .gallery-columns-4 .gallery-item,
    .elementor-widget-text-editor .gallery-columns-4 .gallery-item,
    .entry-content .gallery-columns-4 .gallery-item,
    .is-root-container .gallery-columns-4 .gallery-item {
        max-width: 33.33333%;
        min-width: 33.33333%;
        width: 33.33333%
    }
}

@media only screen and (max-width:576px) {

    .comment-content .gallery-columns-4 .gallery-item,
    .elementor-widget-text-editor .gallery-columns-4 .gallery-item,
    .entry-content .gallery-columns-4 .gallery-item,
    .is-root-container .gallery-columns-4 .gallery-item {
        max-width: 50%;
        min-width: 50%;
        width: 50%
    }
}

.comment-content .gallery-columns-4.gallery-size-thumbnail,
.elementor-widget-text-editor .gallery-columns-4.gallery-size-thumbnail,
.entry-content .gallery-columns-4.gallery-size-thumbnail,
.is-root-container .gallery-columns-4.gallery-size-thumbnail {
    max-width: 720px
}

@media only screen and (max-width:576px) {

    .comment-content .gallery-columns-4.gallery-size-thumbnail,
    .elementor-widget-text-editor .gallery-columns-4.gallery-size-thumbnail,
    .entry-content .gallery-columns-4.gallery-size-thumbnail,
    .is-root-container .gallery-columns-4.gallery-size-thumbnail {
        max-width: 492px
    }
}

.comment-content .gallery-columns-5 .gallery-item,
.elementor-widget-text-editor .gallery-columns-5 .gallery-item,
.entry-content .gallery-columns-5 .gallery-item,
.is-root-container .gallery-columns-5 .gallery-item {
    max-width: 20%;
    min-width: 20%;
    width: 20%
}

@media only screen and (max-width:1024px) {

    .comment-content .gallery-columns-5 .gallery-item,
    .elementor-widget-text-editor .gallery-columns-5 .gallery-item,
    .entry-content .gallery-columns-5 .gallery-item,
    .is-root-container .gallery-columns-5 .gallery-item {
        max-width: 25%;
        min-width: 25%;
        width: 25%
    }
}

@media only screen and (max-width:767px) {

    .comment-content .gallery-columns-5 .gallery-item,
    .elementor-widget-text-editor .gallery-columns-5 .gallery-item,
    .entry-content .gallery-columns-5 .gallery-item,
    .is-root-container .gallery-columns-5 .gallery-item {
        max-width: 33.33333%;
        min-width: 33.33333%;
        width: 33.33333%
    }
}

@media only screen and (max-width:576px) {

    .comment-content .gallery-columns-5 .gallery-item,
    .elementor-widget-text-editor .gallery-columns-5 .gallery-item,
    .entry-content .gallery-columns-5 .gallery-item,
    .is-root-container .gallery-columns-5 .gallery-item {
        max-width: 50%;
        min-width: 50%;
        width: 50%
    }
}

.comment-content .gallery-columns-5.gallery-size-thumbnail,
.elementor-widget-text-editor .gallery-columns-5.gallery-size-thumbnail,
.entry-content .gallery-columns-5.gallery-size-thumbnail,
.is-root-container .gallery-columns-5.gallery-size-thumbnail {
    max-width: 900px
}

@media only screen and (max-width:576px) {

    .comment-content .gallery-columns-5.gallery-size-thumbnail,
    .elementor-widget-text-editor .gallery-columns-5.gallery-size-thumbnail,
    .entry-content .gallery-columns-5.gallery-size-thumbnail,
    .is-root-container .gallery-columns-5.gallery-size-thumbnail {
        max-width: 492px
    }
}

.comment-content .gallery-columns-6 .gallery-item,
.elementor-widget-text-editor .gallery-columns-6 .gallery-item,
.entry-content .gallery-columns-6 .gallery-item,
.is-root-container .gallery-columns-6 .gallery-item {
    max-width: 16.6666%;
    min-width: 16.6666%;
    width: 16.6666%
}

@media only screen and (max-width:1024px) {

    .comment-content .gallery-columns-6 .gallery-item,
    .elementor-widget-text-editor .gallery-columns-6 .gallery-item,
    .entry-content .gallery-columns-6 .gallery-item,
    .is-root-container .gallery-columns-6 .gallery-item {
        max-width: 25%;
        min-width: 25%;
        width: 25%
    }
}

@media only screen and (max-width:767px) {

    .comment-content .gallery-columns-6 .gallery-item,
    .elementor-widget-text-editor .gallery-columns-6 .gallery-item,
    .entry-content .gallery-columns-6 .gallery-item,
    .is-root-container .gallery-columns-6 .gallery-item {
        max-width: 33.33333%;
        min-width: 33.33333%;
        width: 33.33333%
    }
}

@media only screen and (max-width:576px) {

    .comment-content .gallery-columns-6 .gallery-item,
    .elementor-widget-text-editor .gallery-columns-6 .gallery-item,
    .entry-content .gallery-columns-6 .gallery-item,
    .is-root-container .gallery-columns-6 .gallery-item {
        max-width: 50%;
        min-width: 50%;
        width: 50%
    }
}

.comment-content .gallery-columns-6.gallery-size-thumbnail,
.elementor-widget-text-editor .gallery-columns-6.gallery-size-thumbnail,
.entry-content .gallery-columns-6.gallery-size-thumbnail,
.is-root-container .gallery-columns-6.gallery-size-thumbnail {
    max-width: 1080px
}

@media only screen and (max-width:767px) {

    .comment-content .gallery-columns-6.gallery-size-thumbnail,
    .elementor-widget-text-editor .gallery-columns-6.gallery-size-thumbnail,
    .entry-content .gallery-columns-6.gallery-size-thumbnail,
    .is-root-container .gallery-columns-6.gallery-size-thumbnail {
        max-width: 900px
    }
}

@media only screen and (max-width:576px) {

    .comment-content .gallery-columns-6.gallery-size-thumbnail,
    .elementor-widget-text-editor .gallery-columns-6.gallery-size-thumbnail,
    .entry-content .gallery-columns-6.gallery-size-thumbnail,
    .is-root-container .gallery-columns-6.gallery-size-thumbnail {
        max-width: 492px
    }
}

.comment-content .gallery-columns-7,
.elementor-widget-text-editor .gallery-columns-7,
.entry-content .gallery-columns-7,
.is-root-container .gallery-columns-7 {
    margin: -7px !important
}

.comment-content .gallery-columns-7 .gallery-item,
.elementor-widget-text-editor .gallery-columns-7 .gallery-item,
.entry-content .gallery-columns-7 .gallery-item,
.is-root-container .gallery-columns-7 .gallery-item {
    max-width: 14.2857%;
    min-width: 14.2857%;
    padding: 7px !important;
    width: 14.2857%
}

@media only screen and (max-width:1024px) {

    .comment-content .gallery-columns-7 .gallery-item,
    .elementor-widget-text-editor .gallery-columns-7 .gallery-item,
    .entry-content .gallery-columns-7 .gallery-item,
    .is-root-container .gallery-columns-7 .gallery-item {
        max-width: 25%;
        min-width: 25%;
        width: 25%
    }
}

@media only screen and (max-width:767px) {

    .comment-content .gallery-columns-7 .gallery-item,
    .elementor-widget-text-editor .gallery-columns-7 .gallery-item,
    .entry-content .gallery-columns-7 .gallery-item,
    .is-root-container .gallery-columns-7 .gallery-item {
        max-width: 33.33333%;
        min-width: 33.33333%;
        width: 33.33333%
    }
}

@media only screen and (max-width:576px) {

    .comment-content .gallery-columns-7 .gallery-item,
    .elementor-widget-text-editor .gallery-columns-7 .gallery-item,
    .entry-content .gallery-columns-7 .gallery-item,
    .is-root-container .gallery-columns-7 .gallery-item {
        max-width: 50%;
        min-width: 50%;
        width: 50%
    }
}

.comment-content .gallery-columns-7.gallery-size-thumbnail,
.elementor-widget-text-editor .gallery-columns-7.gallery-size-thumbnail,
.entry-content .gallery-columns-7.gallery-size-thumbnail,
.is-root-container .gallery-columns-7.gallery-size-thumbnail {
    max-width: 1148px
}

@media only screen and (max-width:767px) {

    .comment-content .gallery-columns-7.gallery-size-thumbnail,
    .elementor-widget-text-editor .gallery-columns-7.gallery-size-thumbnail,
    .entry-content .gallery-columns-7.gallery-size-thumbnail,
    .is-root-container .gallery-columns-7.gallery-size-thumbnail {
        max-width: 900px
    }
}

@media only screen and (max-width:576px) {

    .comment-content .gallery-columns-7.gallery-size-thumbnail,
    .elementor-widget-text-editor .gallery-columns-7.gallery-size-thumbnail,
    .entry-content .gallery-columns-7.gallery-size-thumbnail,
    .is-root-container .gallery-columns-7.gallery-size-thumbnail {
        max-width: 492px
    }
}

.comment-content .gallery-columns-8,
.elementor-widget-text-editor .gallery-columns-8,
.entry-content .gallery-columns-8,
.is-root-container .gallery-columns-8 {
    margin: -7px !important
}

.comment-content .gallery-columns-8 .gallery-item,
.elementor-widget-text-editor .gallery-columns-8 .gallery-item,
.entry-content .gallery-columns-8 .gallery-item,
.is-root-container .gallery-columns-8 .gallery-item {
    max-width: 12.5%;
    min-width: 12.5%;
    padding: 7px !important;
    width: 12.5%
}

@media only screen and (max-width:1024px) {

    .comment-content .gallery-columns-8 .gallery-item,
    .elementor-widget-text-editor .gallery-columns-8 .gallery-item,
    .entry-content .gallery-columns-8 .gallery-item,
    .is-root-container .gallery-columns-8 .gallery-item {
        max-width: 25%;
        min-width: 25%;
        width: 25%
    }
}

@media only screen and (max-width:767px) {

    .comment-content .gallery-columns-8 .gallery-item,
    .elementor-widget-text-editor .gallery-columns-8 .gallery-item,
    .entry-content .gallery-columns-8 .gallery-item,
    .is-root-container .gallery-columns-8 .gallery-item {
        max-width: 33.33333%;
        min-width: 33.33333%;
        width: 33.33333%
    }
}

@media only screen and (max-width:576px) {

    .comment-content .gallery-columns-8 .gallery-item,
    .elementor-widget-text-editor .gallery-columns-8 .gallery-item,
    .entry-content .gallery-columns-8 .gallery-item,
    .is-root-container .gallery-columns-8 .gallery-item {
        max-width: 50%;
        min-width: 50%;
        width: 50%
    }
}

.comment-content .gallery-columns-8.gallery-size-thumbnail,
.elementor-widget-text-editor .gallery-columns-8.gallery-size-thumbnail,
.entry-content .gallery-columns-8.gallery-size-thumbnail,
.is-root-container .gallery-columns-8.gallery-size-thumbnail {
    max-width: 1312px
}

@media only screen and (max-width:767px) {

    .comment-content .gallery-columns-8.gallery-size-thumbnail,
    .elementor-widget-text-editor .gallery-columns-8.gallery-size-thumbnail,
    .entry-content .gallery-columns-8.gallery-size-thumbnail,
    .is-root-container .gallery-columns-8.gallery-size-thumbnail {
        max-width: 900px
    }
}

@media only screen and (max-width:576px) {

    .comment-content .gallery-columns-8.gallery-size-thumbnail,
    .elementor-widget-text-editor .gallery-columns-8.gallery-size-thumbnail,
    .entry-content .gallery-columns-8.gallery-size-thumbnail,
    .is-root-container .gallery-columns-8.gallery-size-thumbnail {
        max-width: 492px
    }
}

.comment-content .gallery-columns-9,
.elementor-widget-text-editor .gallery-columns-9,
.entry-content .gallery-columns-9,
.is-root-container .gallery-columns-9 {
    margin: -7px !important
}

.comment-content .gallery-columns-9 .gallery-item,
.elementor-widget-text-editor .gallery-columns-9 .gallery-item,
.entry-content .gallery-columns-9 .gallery-item,
.is-root-container .gallery-columns-9 .gallery-item {
    max-width: 11.1%;
    min-width: 11.1%;
    padding: 7px !important;
    width: 11.1%
}

@media only screen and (max-width:1024px) {

    .comment-content .gallery-columns-9 .gallery-item,
    .elementor-widget-text-editor .gallery-columns-9 .gallery-item,
    .entry-content .gallery-columns-9 .gallery-item,
    .is-root-container .gallery-columns-9 .gallery-item {
        max-width: 25%;
        min-width: 25%;
        width: 25%
    }
}

@media only screen and (max-width:767px) {

    .comment-content .gallery-columns-9 .gallery-item,
    .elementor-widget-text-editor .gallery-columns-9 .gallery-item,
    .entry-content .gallery-columns-9 .gallery-item,
    .is-root-container .gallery-columns-9 .gallery-item {
        max-width: 33.33333%;
        min-width: 33.33333%;
        width: 33.33333%
    }
}

@media only screen and (max-width:576px) {

    .comment-content .gallery-columns-9 .gallery-item,
    .elementor-widget-text-editor .gallery-columns-9 .gallery-item,
    .entry-content .gallery-columns-9 .gallery-item,
    .is-root-container .gallery-columns-9 .gallery-item {
        max-width: 50%;
        min-width: 50%;
        width: 50%
    }
}

.comment-content .gallery-columns-9.gallery-size-thumbnail,
.elementor-widget-text-editor .gallery-columns-9.gallery-size-thumbnail,
.entry-content .gallery-columns-9.gallery-size-thumbnail,
.is-root-container .gallery-columns-9.gallery-size-thumbnail {
    max-width: 1476px
}

@media only screen and (max-width:767px) {

    .comment-content .gallery-columns-9.gallery-size-thumbnail,
    .elementor-widget-text-editor .gallery-columns-9.gallery-size-thumbnail,
    .entry-content .gallery-columns-9.gallery-size-thumbnail,
    .is-root-container .gallery-columns-9.gallery-size-thumbnail {
        max-width: 900px
    }
}

@media only screen and (max-width:576px) {

    .comment-content .gallery-columns-9.gallery-size-thumbnail,
    .elementor-widget-text-editor .gallery-columns-9.gallery-size-thumbnail,
    .entry-content .gallery-columns-9.gallery-size-thumbnail,
    .is-root-container .gallery-columns-9.gallery-size-thumbnail {
        max-width: 492px
    }
}

.comment-content .blocks-gallery-grid:not(.has-nested-images),
.elementor-widget-text-editor .blocks-gallery-grid:not(.has-nested-images),
.entry-content .blocks-gallery-grid:not(.has-nested-images),
.is-root-container .blocks-gallery-grid:not(.has-nested-images) {
    margin: -15px
}

.comment-content .blocks-gallery-grid:not(.has-nested-images) figure,
.elementor-widget-text-editor .blocks-gallery-grid:not(.has-nested-images) figure,
.entry-content .blocks-gallery-grid:not(.has-nested-images) figure,
.is-root-container .blocks-gallery-grid:not(.has-nested-images) figure {
    flex-direction: column
}

.comment-content .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,
.elementor-widget-text-editor .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,
.entry-content .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,
.is-root-container .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item {
    margin: 0 !important;
    padding: 15px
}

.comment-content .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item .blocks-gallery-item__caption,
.elementor-widget-text-editor .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item .blocks-gallery-item__caption,
.entry-content .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item .blocks-gallery-item__caption,
.is-root-container .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item .blocks-gallery-item__caption {
    background: none;
    box-shadow: none;
    color: var(--jkd-txt-col);
    font-size: 12px !important;
    line-height: 1.1 !important;
    max-width: 100%;
    min-width: 100%;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%
}

.comment-content .blocks-gallery-caption,
.elementor-widget-text-editor .blocks-gallery-caption,
.entry-content .blocks-gallery-caption,
.is-root-container .blocks-gallery-caption {
    text-align: center
}

.comment-content .gallery-caption,
.elementor-widget-text-editor .gallery-caption,
.entry-content .gallery-caption,
.is-root-container .gallery-caption {
    pointer-events: auto;
    text-align: center
}

.comment-content .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq),
.comment-content blockquote:not(.custom-blq),
.elementor-widget-text-editor .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq),
.elementor-widget-text-editor blockquote:not(.custom-blq),
.entry-content .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq),
.entry-content blockquote:not(.custom-blq),
.is-root-container .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq),
.is-root-container blockquote:not(.custom-blq) {
    border-left: 5px solid var(--jkd-pr-col);
    color: var(--jkd-h-col);
    display: flex;
    flex-direction: column;
    font-size: 20px;
    padding: 12px 0 12px 20px !important;
    position: relative;
    text-align: left;
    width: 100%
}

.comment-content .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq) a,
.comment-content blockquote:not(.custom-blq) a,
.elementor-widget-text-editor .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq) a,
.elementor-widget-text-editor blockquote:not(.custom-blq) a,
.entry-content .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq) a,
.entry-content blockquote:not(.custom-blq) a,
.is-root-container .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq) a,
.is-root-container blockquote:not(.custom-blq) a {
    color: var(--jkd-h-col)
}

.comment-content .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq) p,
.comment-content blockquote:not(.custom-blq) p,
.elementor-widget-text-editor .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq) p,
.elementor-widget-text-editor blockquote:not(.custom-blq) p,
.entry-content .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq) p,
.entry-content blockquote:not(.custom-blq) p,
.is-root-container .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq) p,
.is-root-container blockquote:not(.custom-blq) p {
    margin-bottom: 0
}

.comment-content .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq) cite,
.comment-content blockquote:not(.custom-blq) cite,
.elementor-widget-text-editor .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq) cite,
.elementor-widget-text-editor blockquote:not(.custom-blq) cite,
.entry-content .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq) cite,
.entry-content blockquote:not(.custom-blq) cite,
.is-root-container .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq) cite,
.is-root-container blockquote:not(.custom-blq) cite {
    font-size: 14px;
    margin-left: 0 !important;
    margin-top: 10px;
    opacity: var(--jkd-op-sm);
    text-transform: unset
}

.comment-content .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq).has-text-align-center,
.comment-content blockquote:not(.custom-blq).has-text-align-center,
.elementor-widget-text-editor .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq).has-text-align-center,
.elementor-widget-text-editor blockquote:not(.custom-blq).has-text-align-center,
.entry-content .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq).has-text-align-center,
.entry-content blockquote:not(.custom-blq).has-text-align-center,
.is-root-container .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq).has-text-align-center,
.is-root-container blockquote:not(.custom-blq).has-text-align-center {
    text-align: center
}

.comment-content .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq).has-text-align-center cite,
.comment-content blockquote:not(.custom-blq).has-text-align-center cite,
.elementor-widget-text-editor .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq).has-text-align-center cite,
.elementor-widget-text-editor blockquote:not(.custom-blq).has-text-align-center cite,
.entry-content .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq).has-text-align-center cite,
.entry-content blockquote:not(.custom-blq).has-text-align-center cite,
.is-root-container .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq).has-text-align-center cite,
.is-root-container blockquote:not(.custom-blq).has-text-align-center cite {
    display: flex;
    justify-content: center;
    text-align: center
}

.comment-content .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq).has-light-gray-color,
.comment-content blockquote:not(.custom-blq).has-light-gray-color,
.elementor-widget-text-editor .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq).has-light-gray-color,
.elementor-widget-text-editor blockquote:not(.custom-blq).has-light-gray-color,
.entry-content .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq).has-light-gray-color,
.entry-content blockquote:not(.custom-blq).has-light-gray-color,
.is-root-container .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq).has-light-gray-color,
.is-root-container blockquote:not(.custom-blq).has-light-gray-color {
    background-color: var(--jkd-bg-col);
    border: none
}

.comment-content .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq).has-text-align-right,
.comment-content blockquote:not(.custom-blq).has-text-align-right,
.elementor-widget-text-editor .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq).has-text-align-right,
.elementor-widget-text-editor blockquote:not(.custom-blq).has-text-align-right,
.entry-content .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq).has-text-align-right,
.entry-content blockquote:not(.custom-blq).has-text-align-right,
.is-root-container .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq).has-text-align-right,
.is-root-container blockquote:not(.custom-blq).has-text-align-right {
    text-align: right
}

.comment-content .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq).has-text-align-right cite,
.comment-content blockquote:not(.custom-blq).has-text-align-right cite,
.elementor-widget-text-editor .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq).has-text-align-right cite,
.elementor-widget-text-editor blockquote:not(.custom-blq).has-text-align-right cite,
.entry-content .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq).has-text-align-right cite,
.entry-content blockquote:not(.custom-blq).has-text-align-right cite,
.is-root-container .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq).has-text-align-right cite,
.is-root-container blockquote:not(.custom-blq).has-text-align-right cite {
    display: flex;
    justify-content: flex-end;
    text-align: right
}

.comment-content .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq).is-style-large p,
.comment-content blockquote:not(.custom-blq).is-style-large p,
.elementor-widget-text-editor .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq).is-style-large p,
.elementor-widget-text-editor blockquote:not(.custom-blq).is-style-large p,
.entry-content .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq).is-style-large p,
.entry-content blockquote:not(.custom-blq).is-style-large p,
.is-root-container .wp-block-quote.is-style-large:not(.is-style-plain):not(.custom-blq).is-style-large p,
.is-root-container blockquote:not(.custom-blq).is-style-large p {
    font-size: 28px
}

.comment-content figure,
.elementor-widget-text-editor figure,
.entry-content figure,
.is-root-container figure {
    box-shadow: none !important;
    max-width: 100%
}

.comment-content .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,
.comment-content .wp-caption-text,
.comment-content caption,
.comment-content figcaption,
.elementor-widget-text-editor .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,
.elementor-widget-text-editor .wp-caption-text,
.elementor-widget-text-editor caption,
.elementor-widget-text-editor figcaption,
.entry-content .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,
.entry-content .wp-caption-text,
.entry-content caption,
.entry-content figcaption,
.is-root-container .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,
.is-root-container .wp-caption-text,
.is-root-container caption,
.is-root-container figcaption {
    color: var(--jkd-txt-col);
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 10px;
    opacity: var(--jkd-op-md)
}

.comment-content img,
.comment-content picture,
.elementor-widget-text-editor img,
.elementor-widget-text-editor picture,
.entry-content img,
.entry-content picture,
.is-root-container img,
.is-root-container picture {
    background-color: var(--jkd-bg-col);
    border-radius: var(--jkd-br-md);
    box-shadow: none !important;
    height: auto;
    max-width: 100% !important
}

.comment-content [name=loginform] label,
.elementor-widget-text-editor [name=loginform] label,
.entry-content [name=loginform] label,
.is-root-container [name=loginform] label {
    display: flex
}

#jkd-nav {
    padding-left: var(--jkd-c-off);
    padding-right: var(--jkd-c-off);
    position: fixed;
    top: calc(var(--jkd-c-off)/2 + var(--jkd-a-bar-h));
    width: 100%;
    z-index: 999
}

#jkd-nav .logo-wrp img {
    width: var(--jkd-logo-w)
}

#jkd-nav .in-wrp {
    background-color: var(--jkd-bg-col);
    border-radius: var(--jkd-br-md);
    height: 70px;
    max-width: calc(var(--jkd-c-w) - var(--jkd-c-off)*2)
}

#jkd-nav .menu-tg {
    display: none;
    height: 32px;
    left: calc(50% - 16px);
    padding: 7px;
    width: 32px
}

@media only screen and (max-width:1024px) {
    #jkd-nav .menu-tg {
        display: flex
    }
}

#jkd-nav .menu-tg span {
    height: 2px
}

#jkd-nav .menu-tg span:not(:last-child) {
    margin-bottom: 3px
}

#jkd-nav .nav-search {
    border-radius: calc(var(--jkd-br-md) + 3px);
    opacity: 0;
    padding-left: var(--jkd-c-off);
    padding-right: var(--jkd-c-off);
    pointer-events: none
}

#jkd-nav .nav-search.active {
    opacity: 1;
    pointer-events: auto
}

#jkd-nav .nav-search input {
    border-radius: 0 !important;
    font-size: 16px !important;
    padding-left: 0 !important
}

#jkd-nav .nav-search input:focus::placeholder {
    opacity: 1 !important;
    transform: unset !important
}

#jkd-nav .nav-search button {
    height: 30px;
    margin-left: 5px;
    max-height: 30px;
    max-width: 30px;
    min-height: 30px;
    min-width: 30px;
    position: relative !important;
    right: unset;
    top: unset;
    width: 30px
}

#jkd-nav .nav-search form {
    align-items: center;
    display: flex;
    width: 100%
}

#jkd-nav .nav-search .btn-off {
    background-color: var(--jkd-b-col);
    border-radius: var(--jkd-br-md);
    color: var(--jkd-h-col);
    cursor: pointer;
    height: 30px;
    margin-left: 7px;
    max-height: 30px;
    max-width: 30px;
    min-height: 30px;
    min-width: 30px;
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 30px;
    z-index: 101
}

#jkd-nav .nav-search .btn-off svg {
    height: 16px;
    width: 16px
}

#jkd-nav .nav-search .btn-off:hover {
    background-color: var(--jkd-pr-col) !important;
    color: var(--jkd-wh-col) !important
}

#jkd-nav .menu-wrp .menu-list>.menu-item {
    align-items: center;
    display: flex;
    height: 100%
}

#jkd-nav .menu-wrp .menu-list>.menu-item>.sub-menu {
    left: -11px;
    top: 100%
}

#jkd-nav .menu-wrp .menu-list:hover>li:not(:hover) {
    opacity: var(--jkd-op-lg) !important
}

#jkd-nav .menu-wrp .menu-item {
    position: relative;
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

#jkd-nav .menu-wrp .menu-item>a {
    align-items: center;
    border-radius: var(--jkd-br-md);
    color: var(--jkd-h-col);
    display: flex;
    font-size: calc(var(--jkd-mt-fz)*var(--jkd-mt-multi)/100);
    padding: 5px 8px;
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
}

@media only screen and (max-width:1024px) {
    #jkd-nav .menu-wrp .menu-item>a {
        font-size: 12px;
        padding: 5px
    }
}

#jkd-nav .menu-wrp .menu-item svg {
    color: var(--jkd-h-col);
    height: 14px;
    margin-left: 3px;
    width: 14px
}

#jkd-nav .menu-wrp .menu-item:hover {
    opacity: 1
}

#jkd-nav .menu-wrp .menu-item:hover>.sub-menu {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

#jkd-nav .menu-wrp .sub-menu {
    background-color: var(--jkd-bg-col);
    border-radius: var(--jkd-br-md);
    display: flex;
    flex-direction: column;
    opacity: 0;
    padding: 8px 0;
    pointer-events: none;
    position: absolute;
    transform: translateY(10px);
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 200px
}

#jkd-nav .menu-wrp .sub-menu .sub-menu {
    border-radius: var(--jkd-br-md);
    left: 100%;
    top: -8px
}

#jkd-nav .menu-wrp .sub-menu .menu-item {
    padding: 0 7px;
    width: 100%
}

#jkd-nav .menu-wrp .sub-menu .menu-item.current-menu-item a {
    background-color: var(--jkd-bg-col-sec) !important
}

#jkd-nav .menu-wrp .sub-menu a {
    padding: 6px 9px;
    width: 100%
}

#jkd-nav .menu-wrp .sub-menu a .arrow-down {
    margin-left: auto;
    transform: rotate(-90deg)
}

#jkd-nav .menu-wrp .sub-menu a:hover {
    background-color: var(--jkd-bg-col-sec)
}

#jkd-nav .act-itm {
    align-items: center;
    display: flex;
    justify-content: center
}

#jkd-nav .act-itm.search-toggle svg {
    height: 16px;
    width: 16px
}

#jkd-nav .act-itm svg {
    height: 14px;
    width: 14px
}

#jkd-nav .act-itm.cs-toggle {
    border-left: 1px solid var(--jkd-b-col);
    margin-left: 8px;
    padding-left: 15px
}

@media only screen and (max-width:1024px) {
    #jkd-nav .act-itm.cs-toggle {
        margin-left: 5px;
        padding-left: 10px
    }
}

#jkd-nav .act-itm:not(.bk-tg) {
    cursor: pointer
}

#jkd-nav .nav-actions li {
    color: var(--jkd-h-col);
    position: relative
}

#jkd-nav .nav-actions li:not(:last-child):not(.cat-item) {
    margin-right: 10px
}

@media only screen and (max-width:1024px) {
    #jkd-nav .nav-actions li:not(:last-child):not(.cat-item) {
        margin-right: 7px
    }
}

#jkd-nav .cs-switch {
    align-items: center;
    background-color: var(--jkd-pr-col);
    border-radius: var(--jkd-br-xl);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 22px;
    justify-content: center;
    max-height: 22px;
    max-width: 22px;
    min-height: 22px;
    min-width: 22px;
    position: relative;
    width: 22px
}

#jkd-nav .cs-switch svg {
    color: var(--jkd-wh-col);
    display: none
}

#jkd-nav .cs-switch[data-selected-cs=dark] .icon-moon,
#jkd-nav .cs-switch[data-selected-cs=light] .icon-sun {
    display: flex
}

#jkd-nav .nav-ovrl {
    bottom: 0;
    left: 0;
    opacity: 0;
    padding: calc(var(--jkd-a-bar-h) + 60px) 0 30px 0;
    pointer-events: none;
    right: 0;
    top: 0;
    transform: scale(.9);
    z-index: 999
}

@media only screen and (max-width:425px) {
    #jkd-nav .nav-ovrl {
        padding: calc(var(--jkd-a-bar-h) + 60px) 15px 20px 15px
    }
}

#jkd-nav .nav-ovrl.active {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1)
}

#jkd-nav .nav-ovrl .btn-off {
    border-radius: var(--jkd-br-md);
    color: var(--jkd-h-col);
    cursor: pointer;
    height: 25px;
    max-height: 25px;
    max-width: 25px;
    min-height: 25px;
    min-width: 25px;
    right: 15px;
    top: calc(var(--jkd-a-bar-h) + 15px) !important;
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 25px;
    z-index: var(--jkd-z-nav)
}

@media(max-width:576px) {
    #jkd-nav .nav-ovrl .btn-off {
        top: calc(var(--jkd-a-bar-h) + 15px) !important
    }
}

#jkd-nav .nav-ovrl .btn-off svg {
    height: 20px;
    width: 20px
}

#jkd-nav .nav-ovrl .btn-off:hover {
    background-color: var(--jkd-pr-col) !important;
    color: var(--jkd-wh-col) !important
}

#jkd-nav .nav-ovrl .ovrl-in {
    max-width: 350px;
    width: 100%
}

#jkd-nav .nav-ovrl .ovrl-in .theme-logo {
    display: flex !important
}

#jkd-nav .nav-ovrl .mob-menu-wrp {
    height: 100%;
    overflow-y: scroll;
    width: 100%
}

#jkd-nav .nav-ovrl .mob-menu-wrp .menu-list>.menu-item {
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px)
}

#jkd-nav .nav-ovrl .mob-menu-wrp .arrow-down {
    font-size: 20px;
    height: 20px;
    margin-right: 3px;
    width: 20px
}

#jkd-nav .nav-ovrl .mob-menu-wrp .menu-item:not(:last-child) {
    margin-bottom: 12px
}

#jkd-nav .nav-ovrl .mob-menu-wrp a {
    align-items: center;
    color: var(--jkd-h-col);
    display: flex;
    font-size: 20px;
    width: 100%
}

#jkd-nav .nav-ovrl .mob-menu-wrp a .icon-chevron-down {
    margin-left: auto !important
}

#jkd-nav .nav-ovrl .mob-menu-wrp .sub-menu {
    display: none;
    margin-top: 12px;
    padding-left: 12px
}

#jkd-nav .nav-ovrl .mob-menu-wrp .sub-menu .sub-menu {
    margin-top: 10px;
    padding-left: 10px
}

#jkd-nav .nav-ovrl .mob-menu-wrp .sub-menu .sub-menu a {
    color: var(--jkd-txt-col)
}

#jkd-nav .nav-ovrl .mob-menu-wrp .sub-menu .menu-item:not(:last-child) {
    margin-bottom: 10px
}

#jkd-nav .nav-ovrl .mob-menu-wrp .sub-menu .menu-item a {
    font-size: 18px
}

[data-cs=light] #jkd-nav .in-wrp,
[data-cs=light] #jkd-nav .menu-wrp .sub-menu {
    box-shadow: 0 0 15px rgba(0, 0, 0, .05)
}

[data-cs=dark] #jkd-nav .in-wrp,
[data-cs=dark] #jkd-nav .menu-wrp .sub-menu {
    border: 1px solid var(--jkd-b-col)
}

[data-cs=dark] #jkd-nav .sub-menu .sub-menu {
    top: -9px
}

#theme-footer {
    background-color: var(--jkd-pr-col)
}

@media only screen and (max-width:1024px) {
    #theme-footer .menu-list {
        border-top: 1px solid var(--jkd-b-col-wh)
    }
}

#theme-footer .menu-list .menu-item:not(:last-child) {
    margin-right: 7px
}

#theme-footer .menu-list a {
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

#theme-footer .menu-list a:hover {
    text-decoration: underline
}

#theme-footer .menu-list .sub-menu {
    display: none
}

.def-wrp .page-wrp .entry-content {
    margin: 0 auto;
    max-width: 780px;
    width: 100%
}

.def-wrp .page-wrp .comments-wrp {
    max-width: 720px;
    width: 100%
}

.def-wrp .page-wrp .comment-list {
    margin-top: 50px
}

.def-wrp .page-wrp .no-comments {
    border: 1px solid var(--jkd-b-col);
    font-weight: var(--jkd-m-fw);
    margin-top: 20px;
    padding: 20px 30px
}

#def-sp {
    width: 100%
}

#def-sp .cat-list,
#def-sp .tags-list-s {
    margin: -3px
}

#def-sp .cat-lb,
#def-sp .tag-lb {
    margin: 3px
}

#def-sp .sticky-header {
    border-left: 5px solid var(--jkd-pr-col);
    padding-left: 15px
}

#def-sp .in-wrp {
    margin: 0 auto;
    max-width: 780px;
    width: 100%
}

#def-sp .p-hdr img {
    margin-right: auto !important;
    max-height: 500px;
    max-width: 100%;
    opacity: 1 !important;
    width: auto !important
}

#def-sp #comments {
    margin-top: 50px
}

@media only screen and (max-width:576px) {
    #def-sp #comments {
        margin-top: 30px
    }
}

.single-format-chat .entry-content p b {
    color: var(--jkd-h-col)
}

.single-format-chat .entry-content p:not(:last-child) {
    margin-bottom: 30px
}

.post-nav-links {
    align-items: center;
    color: var(--jkd-h-col);
    display: flex;
    float: left;
    font-size: 0;
    font-weight: var(--jkd-m-fw);
    margin-top: 7px;
    max-width: 100%;
    min-width: 100%;
    width: 100%
}

.post-nav-links a,
.post-nav-links span {
    padding: 0 !important
}

.post-nav-links .post-page-numbers,
.post-nav-links a,
.post-nav-links span {
    align-items: center;
    display: flex;
    justify-content: center;
    text-decoration: none !important
}

.post-nav-links .post-page-numbers {
    background-color: var(--jkd-bg-col);
    border: none !important;
    border-radius: var(--jkd-br-md);
    color: var(--jkd-h-col);
    font-size: calc(var(--jkd-mt-fz) - 1px) !important;
    font-weight: var(--jkd-m-fw);
    height: 29px;
    letter-spacing: .5px !important;
    line-height: 1;
    min-width: 29px;
    overflow: hidden;
    padding-top: 1px;
    text-transform: uppercase !important;
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 29px
}

.post-nav-links .post-page-numbers.current,
.post-nav-links .post-page-numbers:hover:not(.dots) {
    background-color: var(--jkd-pr-col) !important;
    color: var(--jkd-wh-col) !important
}

.post-nav-links .post-page-numbers:not(:last-child) {
    margin-right: 5px !important
}

.sdb-enbl .grid-wrp {
    width: 75%
}

@media only screen and (max-width:767px) {
    .sdb-enbl .grid-wrp {
        width: 100%
    }
}

.sdb-enbl aside {
    width: 25%
}

@media only screen and (max-width:767px) {
    .sdb-enbl aside {
        width: 100%
    }
}

.grid-wrp .grid-item:not(:last-child) {
    margin-bottom: 15px
}

.grid-wrp .rm-link {
    text-decoration: underline
}

.grid-wrp .cat-list {
    margin: -3px
}

.grid-wrp .cat-list .cat-lb {
    margin: 3px
}

.grid-wrp .p-hdr {
    margin: 0 auto;
    max-height: 300px;
    min-width: 40%;
    width: 40%
}

.grid-wrp .in-wrp.sticky {
    border-left: 8px solid var(--jkd-pr-col)
}

.grid-wrp .name {
    font-weight: var(--jkd-m-fw);
    line-height: 1
}

.grid-wrp .date {
    font-size: 12px !important;
    line-height: 1 !important;
    width: 100%
}

.grid-wrp .auth-wrp {
    margin-top: auto !important;
    padding-top: 5px
}

.index-wrp:not(.sdb-enbl) .grid-wrp {
    margin: 0 auto;
    max-width: 920px
}

.index-wrp .not-found .form-wrp,
.index-wrp .not-found p {
    max-width: 400px
}

.index-wrp .not-found>svg {
    height: 36px;
    width: 36px
}

@media only screen and (max-width:767px) {
    .index-wrp .sb-wrp {
        border-top: 1px solid var(--jkd-b-col)
    }
}

.default-page {
    margin: 0 auto;
    padding-bottom: 50px;
    padding-top: 50px;
    width: 100%
}

@media only screen and (max-width:576px) {
    .default-page {
        padding-bottom: 30px;
        padding-top: 30px
    }
}

.default-page select:not(.wc-blocks-components-select__select) {
    appearance: auto !important
}

body:not(.woocommerce-page) .default-page {
    max-width: 780px
}

.page-header.img-on {
    height: 35vh;
    min-height: 300px
}

@media only screen and (max-width:576px) {
    .page-header.img-on {
        height: 30vh;
        min-height: 200px;
        padding-top: 0 !important
    }
}

.page-header.img-on:after {
    background: linear-gradient(to top, var(--jkd-bg-col-sec), hsla(0, 0%, 100%, 0));
    bottom: 0;
    content: "";
    display: flex;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.page-header.simple .in-wrp {
    padding-top: 30px
}

.page-header.simple .page-title {
    text-align: left;
    width: 100%
}

.page-header.simple #yoast-breadcrumbs {
    justify-content: flex-start;
    width: 100%
}

.page-header:not(.simple) .page-title {
    text-align: center
}

.page-header:not(.simple) #yoast-breadcrumbs {
    justify-content: center
}

.page-header:not(.simple) .in-wrp {
    padding-top: 50px
}

@media only screen and (max-width:576px) {
    .page-header:not(.simple) .in-wrp {
        padding-top: 30px
    }
}

.page-header:not(.img-on):not(.simple) {
    border-bottom: 1px solid var(--jkd-b-col)
}

.comments-pagination,
.jkd-pag,
.nav-links,
.woocommerce .woocommerce-pagination,
.wp-block-query-pagination-numbers {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin-top: 30px;
    width: 100%
}

@media only screen and (max-width:576px) {

    .comments-pagination,
    .jkd-pag,
    .nav-links,
    .woocommerce .woocommerce-pagination,
    .wp-block-query-pagination-numbers {
        margin-top: 20px
    }
}

.comments-pagination:empty,
.jkd-pag:empty,
.nav-links:empty,
.woocommerce .woocommerce-pagination:empty,
.wp-block-query-pagination-numbers:empty {
    display: none !important
}

.comments-pagination .dots,
.jkd-pag .dots,
.nav-links .dots,
.woocommerce .woocommerce-pagination .dots,
.wp-block-query-pagination-numbers .dots {
    pointer-events: none
}

.comments-pagination ul.page-numbers,
.jkd-pag ul.page-numbers,
.nav-links ul.page-numbers,
.woocommerce .woocommerce-pagination ul.page-numbers,
.wp-block-query-pagination-numbers ul.page-numbers {
    align-items: center;
    border: none !important;
    display: inline-flex;
    justify-content: center;
    text-decoration: none !important;
    width: 100%
}

.comments-pagination svg,
.jkd-pag svg,
.nav-links svg,
.woocommerce .woocommerce-pagination svg,
.wp-block-query-pagination-numbers svg {
    height: 14px;
    width: 14px
}

.comments-pagination .page-numbers:not(ul),
.comments-pagination li,
.jkd-pag .page-numbers:not(ul),
.jkd-pag li,
.nav-links .page-numbers:not(ul),
.nav-links li,
.woocommerce .woocommerce-pagination .page-numbers:not(ul),
.woocommerce .woocommerce-pagination li,
.wp-block-query-pagination-numbers .page-numbers:not(ul),
.wp-block-query-pagination-numbers li {
    align-items: center;
    background-color: var(--jkd-bg-col);
    border: none !important;
    border-radius: var(--jkd-br-md);
    color: var(--jkd-h-col);
    display: flex;
    font-size: calc(var(--jkd-mt-fz) - 1px) !important;
    font-weight: var(--jkd-m-fw);
    height: 29px;
    justify-content: center;
    letter-spacing: .5px !important;
    line-height: 1;
    min-width: 29px;
    overflow: hidden;
    padding-top: 1px;
    text-decoration: none !important;
    text-transform: uppercase !important;
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp);
    width: 29px
}

.comments-pagination .page-numbers:not(ul) a,
.comments-pagination .page-numbers:not(ul) span,
.comments-pagination li a,
.comments-pagination li span,
.jkd-pag .page-numbers:not(ul) a,
.jkd-pag .page-numbers:not(ul) span,
.jkd-pag li a,
.jkd-pag li span,
.nav-links .page-numbers:not(ul) a,
.nav-links .page-numbers:not(ul) span,
.nav-links li a,
.nav-links li span,
.woocommerce .woocommerce-pagination .page-numbers:not(ul) a,
.woocommerce .woocommerce-pagination .page-numbers:not(ul) span,
.woocommerce .woocommerce-pagination li a,
.woocommerce .woocommerce-pagination li span,
.wp-block-query-pagination-numbers .page-numbers:not(ul) a,
.wp-block-query-pagination-numbers .page-numbers:not(ul) span,
.wp-block-query-pagination-numbers li a,
.wp-block-query-pagination-numbers li span {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 !important
}

.comments-pagination .page-numbers:not(ul).current,
.comments-pagination .page-numbers:not(ul):hover:not(.dots),
.comments-pagination li.current,
.comments-pagination li:hover:not(.dots),
.jkd-pag .page-numbers:not(ul).current,
.jkd-pag .page-numbers:not(ul):hover:not(.dots),
.jkd-pag li.current,
.jkd-pag li:hover:not(.dots),
.nav-links .page-numbers:not(ul).current,
.nav-links .page-numbers:not(ul):hover:not(.dots),
.nav-links li.current,
.nav-links li:hover:not(.dots),
.woocommerce .woocommerce-pagination .page-numbers:not(ul).current,
.woocommerce .woocommerce-pagination .page-numbers:not(ul):hover:not(.dots),
.woocommerce .woocommerce-pagination li.current,
.woocommerce .woocommerce-pagination li:hover:not(.dots),
.wp-block-query-pagination-numbers .page-numbers:not(ul).current,
.wp-block-query-pagination-numbers .page-numbers:not(ul):hover:not(.dots),
.wp-block-query-pagination-numbers li.current,
.wp-block-query-pagination-numbers li:hover:not(.dots) {
    background-color: var(--jkd-pr-col) !important;
    color: var(--jkd-wh-col) !important
}

.comments-pagination .page-numbers:not(ul):not(:last-child),
.comments-pagination li:not(:last-child),
.jkd-pag .page-numbers:not(ul):not(:last-child),
.jkd-pag li:not(:last-child),
.nav-links .page-numbers:not(ul):not(:last-child),
.nav-links li:not(:last-child),
.woocommerce .woocommerce-pagination .page-numbers:not(ul):not(:last-child),
.woocommerce .woocommerce-pagination li:not(:last-child),
.wp-block-query-pagination-numbers .page-numbers:not(ul):not(:last-child),
.wp-block-query-pagination-numbers li:not(:last-child) {
    margin-right: 5px !important
}

.bg-col .comments-pagination .page-numbers:not(ul),
.bg-col .comments-pagination li,
.bg-col .jkd-pag .page-numbers:not(ul),
.bg-col .jkd-pag li,
.bg-col .nav-links .page-numbers:not(ul),
.bg-col .nav-links li,
.bg-col .woocommerce .woocommerce-pagination .page-numbers:not(ul),
.bg-col .woocommerce .woocommerce-pagination li {
    background-color: var(--jkd-bg-col-sec)
}

.error-section h1 {
    color: var(--jkd-pr-col);
    font-size: 64px !important;
    font-weight: 700 !important
}

@media only screen and (max-width:576px) {
    .error-section h1 {
        font-size: 56px !important
    }
}

.error-section .in-wrp {
    max-width: 400px
}

.def-wrp #comments.active-comments>#respond {
    margin-bottom: 30px
}

.def-wrp #comments .comment-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.def-wrp #comments #rep-ttl {
    align-items: center;
    display: flex
}

.def-wrp #comments #rep-ttl small {
    margin-left: 7px
}

.def-wrp #comments .comments-body {
    padding-top: 30px
}

.def-wrp #comments .comment-notes,
.def-wrp #comments label {
    font-size: 13px;
    margin-bottom: 7px
}

.def-wrp #comments .required {
    color: red
}

.def-wrp #comments .comment-form-comment {
    width: 100%
}

.def-wrp #comments .comment-form-author,
.def-wrp #comments .comment-form-comment,
.def-wrp #comments .comment-form-email,
.def-wrp #comments .comment-form-url {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px
}

.def-wrp #comments .comment-form-author,
.def-wrp #comments .comment-form-email,
.def-wrp #comments .comment-form-url {
    width: calc(33.3333% - 10px)
}

@media only screen and (max-width:576px) {

    .def-wrp #comments .comment-form-author,
    .def-wrp #comments .comment-form-email,
    .def-wrp #comments .comment-form-url {
        width: 100%
    }
}

.def-wrp #comments .comment-form-cookies-consent {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    margin-top: 5px
}

.def-wrp #comments .comment-form-cookies-consent label {
    margin-bottom: 0
}

.def-wrp #comments .comment-form-cookies-consent input {
    margin-right: 7px
}

.def-wrp #comments .form-submit {
    margin-bottom: 0 !important;
    margin-top: 13px;
    width: 100%
}

.def-wrp #comments .comments-list #respond {
    margin: 20px 0
}

.def-wrp #comments .comments-list .comment,
.def-wrp #comments .comments-list .pingback,
.def-wrp #comments .comments-list .trackback {
    padding-top: 10px;
    position: relative
}

.def-wrp #comments .comments-list .comment:before,
.def-wrp #comments .comments-list .pingback:before,
.def-wrp #comments .comments-list .trackback:before {
    background-color: var(--jkd-b-col);
    content: "";
    display: flex;
    height: calc(100% - 47px);
    left: 17px;
    position: absolute;
    top: 43px;
    width: 1px
}

.def-wrp #comments .comments-list .comment .reply span,
.def-wrp #comments .comments-list .pingback .reply span,
.def-wrp #comments .comments-list .trackback .reply span {
    opacity: var(--jkd-op-md)
}

.def-wrp #comments .comments-list .comment .children,
.def-wrp #comments .comments-list .pingback .children,
.def-wrp #comments .comments-list .trackback .children {
    padding-left: 50px
}

.def-wrp #comments .comments-list .comment .children>.comment:last-child>.comment-in,
.def-wrp #comments .comments-list .comment .children>.pingback:last-child>.comment-in,
.def-wrp #comments .comments-list .comment .children>.trackback:last-child>.comment-in,
.def-wrp #comments .comments-list .pingback .children>.comment:last-child>.comment-in,
.def-wrp #comments .comments-list .pingback .children>.pingback:last-child>.comment-in,
.def-wrp #comments .comments-list .pingback .children>.trackback:last-child>.comment-in,
.def-wrp #comments .comments-list .trackback .children>.comment:last-child>.comment-in,
.def-wrp #comments .comments-list .trackback .children>.pingback:last-child>.comment-in,
.def-wrp #comments .comments-list .trackback .children>.trackback:last-child>.comment-in {
    padding-bottom: 30px
}

.def-wrp #comments .comments-list .comment .comment-author,
.def-wrp #comments .comments-list .pingback .comment-author,
.def-wrp #comments .comments-list .trackback .comment-author {
    max-width: 425px
}

.def-wrp #comments .comments-list .comment .comment-author a,
.def-wrp #comments .comments-list .pingback .comment-author a,
.def-wrp #comments .comments-list .trackback .comment-author a {
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.def-wrp #comments .comments-list .comment .comment-author a:hover,
.def-wrp #comments .comments-list .pingback .comment-author a:hover,
.def-wrp #comments .comments-list .trackback .comment-author a:hover {
    text-decoration: underline
}

.def-wrp #comments .comments-list .comment .comment-avatar-wrp,
.def-wrp #comments .comments-list .pingback .comment-avatar-wrp,
.def-wrp #comments .comments-list .trackback .comment-avatar-wrp {
    background-color: var(--jkd-bg-col);
    border-radius: var(--jkd-br-xl);
    height: 35px;
    margin-right: 12px;
    margin-top: -8px;
    max-height: 35px;
    max-width: 35px;
    min-height: 35px;
    min-width: 35px;
    overflow: hidden;
    width: 35px
}

.def-wrp #comments .comments-list .comment .comment-avatar-wrp img,

.def-wrp #comments .comments-list .pingback .comment-avatar-wrp img,
.def-wrp #comments .comments-list .trackback .comment-avatar-wrp img {
    display: flex;
    height: 100%;
    width: 100%
}

.def-wrp #comments .comments-list .comment:not(:last-child)>.comment-in,
.def-wrp #comments .comments-list .pingback:not(:last-child)>.comment-in,
.def-wrp #comments .comments-list .trackback:not(:last-child)>.comment-in {
    padding-bottom: 30px
}

.def-wrp #comments .comments-list .comment:last-child>.children,
.def-wrp #comments .comments-list .pingback:last-child>.children,
.def-wrp #comments .comments-list .trackback:last-child>.children {
    padding-top: 30px
}

.def-wrp #comments .comments-list .comment:last-child>.children>.comment:last-child .comment-in,
.def-wrp #comments .comments-list .comment:last-child>.children>.pingback:last-child .comment-in,
.def-wrp #comments .comments-list .comment:last-child>.children>.trackback:last-child .comment-in,
.def-wrp #comments .comments-list .pingback:last-child>.children>.comment:last-child .comment-in,
.def-wrp #comments .comments-list .pingback:last-child>.children>.pingback:last-child .comment-in,
.def-wrp #comments .comments-list .pingback:last-child>.children>.trackback:last-child .comment-in,
.def-wrp #comments .comments-list .trackback:last-child>.children>.comment:last-child .comment-in,
.def-wrp #comments .comments-list .trackback:last-child>.children>.pingback:last-child .comment-in,
.def-wrp #comments .comments-list .trackback:last-child>.children>.trackback:last-child .comment-in {
    padding-bottom: 0
}

.def-wrp #comments .jkd-pag {
    margin-top: 35px
}

.def-wrp #comments .comments-pagination,
.def-wrp #comments .nav-links {
    justify-content: flex-start;
    margin-top: 0
}

.def-wrp #comments .closed-comments {
    height: 45px;
    pointer-events: none
}

.def-wrp #comments .closed-comments .ic-wrp {
    height: 25px;
    width: 25px
}

.def-wrp #comments .closed-comments svg {
    height: 12px;
    width: 12px
}

.def-wrp #comments #cancel-comment-reply-link {
    color: var(--jkd-h-col);
    font-size: 14px;
    margin-left: 5px;
    text-decoration: underline;
    transition: all var(--jkd-tr-dr) var(--jkd-tr-tp)
}

.def-wrp #comments #cancel-comment-reply-link:hover {
    opacity: var(--jkd-op-sm)
}

.jkd-breadcrumbs a {
    color: var(--jkd-h-col);
    font-weight: var(--jkd-m-fw)
}

.jkd-breadcrumbs svg {
    height: 12px;
    width: 12px
}

.jkd-breadcrumbs .divider {
    margin: 0 3px
}

body {
	background-color: #fff !important;
}


section {
	background-color:#fff !important;
}


#360_Logo_Main_Light {
	display: inline-block !important;
	border: 1px solid #0F0;
}

#360_Logo_Main_Dark {
  display: none !important;
}

#Logo360_Logo_Main_Light {
	display: inline-block !important;
	border: 1px solid #0F0;
}

#Logo360_Logo_Main_Dark {
  display: none !important;
}

.Banner-Ligth {
  display: block !important;
}


.Banner-Dark {
  display: none !important;
}



#nav360-bar {
  background-color:#FFF !important;
}




















.TituloSeccion {
   font-family: "Hubot Sans", sans-serif;
   width:100%;
}

.grantitulopagina {
   font-family: "Hubot Sans", sans-serif;
   width:100%;
   font-weight:700;
}



.TituloSeccion h3{
	font-size: 18px;
	font-weight: 900;
	text-transform: uppercase;
	font-style: normal;
	color: #0764DE;
	line-height: 18px;
	float: left;
	height: 18px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #000;
	letter-spacing:-1px;
}

.TituloSeccion p{
	font-size:12px;
	font-weight:300;
	color: #666;
}

.TituloSeccion a {
	font-size: 12px;
	font-weight: 300;
	text-transform: none;
	color: #fff; /* texto blanco */
	width: auto;
	float: right;
	line-height: 17px;
	height: 18px;
	margin: 0px;
	padding: 0px 5px;
	text-decoration: none; /* sin subrayado */
	border-radius:3px;
}

.TituloSeccion a span{
	font-size: 12px;
	line-height: 17px;
	height: 18px;
}

.TituloSeccion a:hover {
}









/* Estilo base de la tarjeta */
.Card_Pre_Agenda_Card {
  font-family: "Hubot Sans", sans-serif;
  display: flex;
  align-items: center;
  border: 1pt solid #CCC;
  border-radius: 6px;
  padding: 8px 12px;
  width: 100%;
  min-height: 90px;
  margin-bottom: 10px;
  background-color: #fff;
  transition: background-color 0.2s ease-in-out;
}

/* Efecto hover */
.Card_Pre_Agenda_Link:hover .Card_Pre_Agenda_Card {
  background-color: #C6F8FD !important;
}

/* Contenedor de logos */
.Card_Pre_Agenda_Logos {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  margin-right: 12px;
}

/* Logos */
.Card_Pre_Agenda_Logos img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #eee;
}

/* Texto */
.Card_Pre_Agenda_Text {
  display: flex;
  flex-direction: column;
}

.Card_Pre_Agenda_Title {
  font-weight: bold;
  font-size: 14px;
}

.Card_Pre_Agenda_Subtitle {
  font-size: 12px;
  color: #555;
}

.Card_Pre_Agenda_Date,
.Card_Pre_Agenda_Location {
  font-size: 12px;
  color: #777;
}






.SemanaAgenda {
	font-size: 16px;
	line-height: 22px;
	color: #000 !important;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 22px;
	width: 100%;
	position: relative;
}


    a.ttl-link {
	  color: #000!important;  
    }

    .titulocarrousel {
		min-height:130px!important;  
    }


.titulocarrousel a {
  font-weight: 700 !important;
  text-decoration: none;
  color: inherit;
  transition: color 0.3s ease-in-out;
}

.titulocarrousel a:hover {
  text-decoration: none !important;
  color: #0764DE !important; /* verde vibrante, podés ajustar el tono */
}

.p-ttl a {
  font-weight: 700 !important;
  text-decoration: none;
  color: inherit;
  transition: color 0.3s ease-in-out;
}

.p-ttl a:hover {
  text-decoration: none !important;
  color: #0764DE !important; /* verde vibrante, podés ajustar el tono */
}


.alturaitems {
 min-height:190px!important;  
}

.alturaitems-arg {
 min-height:120px!important;  
}



.Iconos-Horizontales-contador {
  color: #000 !important;
}






a.hero-link {
  font-weight: 700 !important;
  text-decoration: none;
  color: inherit;
  transition: color 0.3s ease-in-out;
}

a.hero-link:hover {
  text-decoration: none !important;
  color: #0764DE !important; /* verde vibrante, podés ajustar el tono */
}



.textoBajada {
	background-color: #E8E8E8!important;
	color: #000 !important;
	font-weight: 500 !important;
	font-style: italic!important;
	padding: 16px!important;
	border-radius: 4px!important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1)!important;
	margin-bottom: 20px!important;
	margin-top: 20px;
}




























































.Nota-Result-Header,
.Nota-Result-Row {
  display: flex;
  padding: 2px 0;
}
.Nota-Result-Header {
  font-weight: bold;
  background-color: #f2f2f2;
}
.Nota-Result-col-dorsal {
  width: 60px;
}

.Nota-Result-col-piloto {
  flex: 1;
  padding-left: 4px;
}

.Nota-Result-Div-Header {
	font-family: "Hubot Sans", sans-serif !important;
	width: 100%;
	color: #FFF;
	background-color: #06F;
	margin: 0px;
	height: 25px;
	position: relative;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-size: 18px;
	line-height: 25px;
	font-weight: 500;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}



.Nota-Result-Div-Header-Sub {
	font-family: "Hubot Sans", sans-serif !important;
	width: 100%;
	color: #000;
	background-color: #DDD;
	margin: 0px;
	height: 20px;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}


.Nota-Result-Div-Header-Sesion {
	font-family: "Hubot Sans", sans-serif !important;
	width: 100%;
	color: #fff;
	background-color: #666;
	margin: 0px;
	height: 20px;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.Nota-Result-Header {
	font-family: "Hubot Sans", sans-serif !important;
	width: 100%;
	color: #fff;
	background-color: #000;
	margin: 0px;
	height: 20px;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.Nota-Result-Row {
	font-family: "Hubot Sans", sans-serif !important;
	width: 100%;
	color: #000;
	background-color: #F4F4F4;
	margin: 0;
	height: 24px;
	position: relative;
	font-size: 13px;
	line-height: 24px;
	font-weight: 400;
	text-align: left;
	padding: 0;
	border-bottom: 1px solid #D6D6D6;

	/* Efecto de degradado animado */
	background-image: linear-gradient(to right, #D6E9FE 0%, #F4F4F4 100%);
	background-size: 200% 100%;
	background-position: left center;
	transition: background-position 0.1s ease-in-out;
}

.Nota-Result-Row:hover {
	background-position: right center;
}


.Nota-Result-col-pos {
	width: 36px;
	font-family: "Hubot Sans", sans-serif !important;
	color: #D6D6D6;
	background-color: #666;
	margin: 2px;
	padding: 0px;
	float: left;
	height: 20px;
	border-radius: 3px;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
}


.Nota-Result-col-dorsal {
	width: 46px;
	font-family: "Hubot Sans", sans-serif !important;
	color: #D6D6D6;
	background-color: #06F;
	margin: 2px;
	padding: 0px;
	float: left;
	height: 20px;
	border-radius: 3px;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	font-weight: 700;
}


.Nota-Result-col-dorsal {
	width: 46px;
	font-family: "Hubot Sans", sans-serif !important;
	color: #D6D6D6;
	background-color: #06F;
	margin: 2px;
	padding: 0px;
	float: left;
	height: 20px;
	border-radius: 3px;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	font-weight: 700;
}



.Nota-Result-col-vueltas {
    width: 60px;
	font-family: "Hubot Sans", sans-serif !important;
	color: #000;
	margin: 2px;
	padding: 0px;
	float: left;
	height: 20px;
	border-radius: 3px;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	font-weight: 700;
}


.Nota-Result-col-equipo {
    width: 90px;
	font-family: "Hubot Sans", sans-serif !important;
	color: #000;
	margin: 2px;
	padding: 0px;
	float: left;
	height: 20px;
	border-radius: 3px;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	font-weight: 700;
}


.Nota-Result-col-auto {
    width: 90px;
	font-family: "Hubot Sans", sans-serif !important;
	color: #000;
	margin: 2px;
	padding: 0px;
	float: left;
	height: 20px;
	border-radius: 3px;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	font-weight: 700;
}

.Nota-Result-col-tiempo {
    width: 90px;
	font-family: "Hubot Sans", sans-serif !important;
	color: #000;
	margin: 2px;
	padding: 0px;
	float: left;
	height: 20px;
	border-radius: 3px;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	font-weight: 500;
}

.Nota-Result-col-dif {
	width: 70px;
	font-family: "Hubot Sans", sans-serif !important;
	color: #CCC;
	margin: 2px;
	padding: 0px;
	float: left;
	height: 20px;
	border-radius: 3px;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	font-weight: 500;
	background-color: #000;
}


.RowHeader, .RowHeader div{
	font-family: "Hubot Sans", sans-serif !important;
	color: #fff;
	background-color: #000!important;
	margin: 0px;
	padding: 0px;
	height: 20px;
	font-size: 12px!important;
	line-height: 20px;
	font-weight: 300!important;
	border-radius:0px!important;
	text-transform:uppercase!important;
}






.Linea-Con-Texto {
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 9px;
  width: 100%;
  color: #333;
}

.Linea-Con-Texto::before,
.Linea-Con-Texto::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #999;
  margin: 0 8px; /* Espacio entre el texto y las líneas */
}






.footer{
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #999;
}



  .switch-360-style {
    cursor: pointer !important;
    font-size: 1.5rem !important;
    padding: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
  }


  .switch-360-style i.Logo_Main_Light {
    display: block !important;
	color:#000 !important;
  }


  .switch-360-style i.Logo_Main_Dark {
    display: none !important;
  }








/* Estilo por defecto (modo claro) */
.logo-main-dark,
.logo-movil-dark {
  display: none;
}

/* En modo oscuro */
html[data-theme="dark"] .logo-main-light,
html[data-theme="dark"] .logo-movil-light {
  display: none !important;
}

html[data-theme="dark"] .logo-main-dark,
html[data-theme="dark"] .logo-movil-dark {
  display: inline-block !important;
  color:#000  !important;
}

i#nav360-search {
  color:#000  !important;
}

i#nav360-burger {
  color:#000  !important;
}

.nav360-icon {
	display: inline-flex;        /* Usa flex para centrar contenido */
	align-items: center;         /* Centra vertical */
	justify-content: center;     /* Centra horizontal */
	width: 40px;                 /* Ajusta tamaño: cuadrado */
	height: 40px;                /* Igual que ancho = cuadrado */
	background-color: #EAEAEA;       /* Fondo rojo */
	color: #000;                /* Color del icono */
	border-radius: 4px;          /* Opcional: esquinas redondeadas */
	cursor: pointer;             /* Cursor de botón */
	font-size: 24px;             /* Tamaño del icono (ajusta si quieres) */
}

.nav360-icon i {
  pointer-events: none; /* Asegura que el clic sea del botón, no del icono interno */
}




.BannerAdsShow {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 30px;
  width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
  margin-top:15px;
  margin-bottom:15px;
  
  }
.PiezaBanner {
  flex-shrink: 1;
  flex-grow: 0;
  flex-basis: auto;
  max-width: 90%;
  min-width: 50px;
  max-height: 80px;      /* límite altura contenedor */
  margin: 0 15px;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
    display: flex;

}
.PiezaBanner img,
.PiezaBanner video {
  max-width: 100%;
  max-height: 100px !important;      /* límite altura imágenes/videos */
  width: auto;
  height: auto;
  display: flex;
  margin: 0 auto;
}



.logo-main-light, .search-toggle {
  color:#000 !important;
}


.search-toggle i.bi-search {
	font-size:22px !important;
}

.nav-search {
	border-radius:8px !important;
}


.hero-360-badge-top {

}

.hero-360-badge-top a.cat-lb {
  display: inline-block;
  padding: 1px 3px;        /* padding interno muy compacto */
  font-size: 0.7rem;       /* tamaño de texto más pequeño */
  text-decoration: none;
  color: inherit;
  white-space: nowrap;
}

.TitleWidget {
	font-family: "Hubot Sans", sans-serif !important;
	font-size: 15px!important;
	line-height: 20px!important;
	font-weight: 700!important;
	text-transform: uppercase!important;
	color: #09C!important;
	margin: 0px!important;
	padding: 0px!important;
	float: left!important;
	height: 40px!important;
	width: 100%!important;
	position: relative!important;
}
.textoblancomain {
	font-size:15px !important;
	font-weight:300 !important;
}
.textoblancomain table{
width: 100%!important;
}






.textoblancomain img {
    display: block;
    width: 100%;
    height: auto;
    margin: 30px auto;
    border-top: 2px solid rgba(255, 255, 255, 0.2);
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    padding: 20px 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
}

.textoblancomain img:hover {
    transform: scale(1.01);
}



.BGArgentinos {
	background-color: #000!important;
	background-image: url(assets/images/argentina.png);
	background-position:center center;
}


.textoblancomain blockquote{
	border:none !important;
}


.MetaAutorBox {
  height: 45px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}

.MetaAutorBox img,
.MetaAutorBox .author-name,
.MetaAutorBox .DATAHACE {
  height: 35px;
  line-height: 35px;
  font-size: 10px !important;
  letter-spacing: 0px;
  display: flex;
  align-items: center;
  color:#666 !important;
}




  
hace {
color: #666 !important;
font-size:0.7em!important;
}
  
a.cat-lb-st-4 {
  display: inline-block;
  padding: 1px 1px;        /* padding interno muy compacto */
  font-size: 0.6rem;       /* tamaño de texto más pequeño */
  text-decoration: none;
  color: inherit;
  white-space: nowrap;
  margin-right:4px!important;


}
  
  
a.cat-lb-st-4 {
  display: inline-block;
  padding: 1px 1px;        /* padding interno muy compacto */
  font-size: 0.6rem;       /* tamaño de texto más pequeño */
  text-decoration: none;
  color: inherit;
  white-space: nowrap;
  margin-right:4px!important;


}
  
.CatInLista {
    width: 100%;
    padding: 12px 20px;
    border-radius: 5px !important;
    font-size: 1.25rem;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin: 30px 0 15px;
    position: relative;
    float: left;
    color: #333;
}

/* Responsivo para móvil */
@media (max-width: 900px) {
.hero-360-main {
  height: calc(100% - 60px)!important;
  width: 100vw;
}	
  .CatInLista {
    padding: 8px 12px;
    font-size: 1rem;
    margin: 20px 0 10px;
  }
  
  .jkd-c, .jkd-c-amp, .jkd-c-fluid, .jkd-c-thin, .jkd-c-wide {
	  padding-left:15px !important;
	  padding-right:15px !important;   
  }
}
  

.SharePost-360 .label {
  color: #333;
}

.SharePost-360 .share-btn.fb {
  background-color: #e9eefc;
  color: #3b5998;
}

.SharePost-360 .share-btn.tw {
  background-color: #e8f5fd;
  color: #1da1f2;
}

.SharePost-360 .share-btn.wa {
  background-color: #e6f9f0;
  color: #25d366;
}

.SharePost-360 .share-btn.cp {
  background-color: #f0f0f0;
  color: #333;
}

.SharePost-360 .share-btn:hover {
  filter: brightness(0.9);
}


terminobuscado {
	background-color: #06F !important;
	color: #fff !important;
	border-radius: 3px;
	padding: 0 3px;
}


span.contiene-term {
	background-color: #06F !important;
	color: #fff !important;
	border-radius: 2px;
	font-weight:200 !important;
	padding: 0 3px;
	font-size:10px;
}

span.contiene-term b{
	color: #fff !important;
	font-weight:600 !important;
}


.BoxAutorMS {
  display: flex;
  align-items: center;
  max-height: 30px;
  line-height: 1;
  font-size: 11px;
  flex-wrap: nowrap;
  overflow: hidden;
  color: inherit;
  margin-bottom:4px;
}

.BoxAutorMS-Img {
  border-radius:4px;
  padding: 1px;
  margin-right: 6px;
  display: flex;
  align-items: center;
  height: 100%;
  color: inherit;
}

.BoxAutorMS-Img img {
  height: 28px!important;
  width: 28px!important;
  display: block;
}

.BoxAutorMS-Nombre span {
  font-weight: 200;
  color: inherit;
}

.BoxAutorMS-Nombre strong {
  font-weight: 400;
  color: inherit;
}



.hero-360-main .BoxAutorMS-Nombre strong {
  font-weight: 400;
  color: #FFF !important;
}


.BoxAutorMS-Nombre {
  display: flex;
  align-items: center;
  margin-right: 8px;
  color: inherit;
}

.BoxAutorMS-Hace {
  color: #FFF !important;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 10px;
  display: flex;
  align-items: center;
  color: inherit;
}




























 
















    /* --- Estilos generales del footer --- */
    .footer {
      background: #fff !important;
    }



@media (max-width: 1600px) and (max-height: 900px) {

  .hero-360-badge-top {
    zoom:0.7!important;
  }
  .hero-360-title {
    zoom:0.6!important;
  }
  .hero-360-text {
    zoom:0.9!important;
  }
  .PreCampeonatos360Card {
    zoom:0.7!important;
  }
  
    
}






    /* --- Estilos generales del footer --- */
    .footer {
      background: #fff !important;
      color: #ccc;
      font-family: 'Inter', sans-serif;
      font-size: 14px;
      line-height: 1.5;
    }

    .footer a {
      color: #ccc;
      text-decoration: none;
      transition: color 0.3s ease;
    }
    .footer a:hover,
    .footer a:focus {
      color: #ff3b3b; /* MetaSport rojo vibrante */
      outline: none;
    }

    .widget-title {
      font-size: 16px;
      margin-bottom: 1rem;
      color: #fff;
    }

    ul.menu {
      list-style: none;
      padding-left: 0;
      margin: 0;
    }
    ul.menu li.menu-item {
      margin-bottom: 0.6rem;
    }

    /* Layout flex para widgets */
    .ft-widgets {
      gap: 2rem;
	  
    }
    .sb-wd-wrp {
      flex: 1;
      min-width: 200px;
    }

    /* Redes sociales wrapper */
    .mc-wrp {
      margin-top: 2rem;
      color: #ccc;
    }
    .mc-wrp h6.titlesiguenos {
      font-weight: 600;
      font-size: 14px;
      margin-bottom: 0.8rem;
      color: #0764DE !important;
    }

    /* Barra inferior escritorio */
    .bot-wrp {
      background-color: rgba(52, 54, 58, 1);
      color: #c7c7c7;
      font-size: 13px;
      border-top: 1px solid rgba(40, 41, 42, 1);
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .bot-wrp a {
      color: #c7c7c7;
      text-decoration: none;
      font-weight: 500;
      font-size: 13px;
    }
    .bot-wrp a:hover,
    .bot-wrp a:focus {
      color: #ff3b3b;
      outline: none;
    }
    .copyright {
      font-weight: 400;
    }
    .menu-list {
      gap: 1rem;
    }

    /* --- Barra móvil tipo app --- */
    .ms360-footer-mobile {
      display: none;
    }

@media (max-width: 768px) {
/* paramovil */
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
.CatInLista {
    width: 100%;
    padding: 3px;
    border-radius: 2px !important;
    font-size: 1rem;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
    margin: 0px;
    position: relative;
    float: left;
    color: #000;
}  
	
	  
.in-wrp {
    padding: 3px !important;
    border-radius: 2px !important;
}  
	
  	  
	  
	  
	  
	  
	  
      .footer {
        display: none !important;
      }

      /* Mostrar footer móvil */
      .ms360-footer-mobile {
        display: flex !important;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px;
        background: #fff;
        z-index: 10000;
        font-family: 'Inter', sans-serif;
 box-shadow: none !important
        /* Distribución: home en el centro, otros a los lados */
        justify-content: space-between;
        padding: 0 15px;
        align-items: center;
      }

      /* Botones normales (excepto home) */
      .ms360-footer-mobile .ft-item {
        flex: 1 1 0;
        max-width: 70px;
        text-align: center;
        color: #000;
        text-decoration: none;
        font-size: 11px;
        transition: color 0.3s ease, background-color 0.3s ease;
        padding: 6px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        margin: 0 4px;
      }

      .ms360-footer-mobile .ft-item i {
        font-size: 20px;
        margin-bottom: 3px;
      }

      .ms360-footer-mobile .ft-item span {
        display: block;
        font-weight: 600;
      }

      .ms360-footer-mobile .ft-item:hover,
      .ms360-footer-mobile .ft-item:focus {
        background-color:#0764DE;
        color: #fff;
        outline: none;
        border-radius: 4px;
      }

/* Botón HOME centrado y sobresaliente */
.ms360-footer-mobile .ft-home {
  position: relative;
  top: -12px;
  width: 70px;
  height: 70px;
  background-color: #fff;
  border-radius: 50%;
  padding: 5px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  flex-shrink: 0;
  margin: 0 4px;
  z-index: 9999; /* No hace falta exagerar */
  overflow: hidden; /* Para que nada se desborde */
}

/* Si usás <img> dentro del botón */
.ms360-footer-mobile .ft-home img {
  width: 60px;
  height: 60px;
  display: block;
}

/* Si usás <svg> embebido dentro del botón */
.ms360-footer-mobile .ft-home svg {
  width: 60px;
  height: 60px;
  display: block;
}

/* Oculta spans dentro del botón si los hubiera */
.ms360-footer-mobile .ft-home span {
  display: none !important;
}

    }

    /* --- Submenus móviles fuera de la barra con animación fade + slide --- */
    .mobile-submenu {
      position: fixed;
      bottom: 60px;
      left: 0;
      width: 100%;
      background: #222;
      color: #ccc;
      font-size: 14px;
      box-shadow: none !important;
      max-height: 0;
      overflow: hidden;
      opacity: 0;
	  z-index:9999999999999999999999999999999999 !important;
	  padding-bottom:25px;
      transition: max-height 0.4s ease, opacity 0.4s ease;
    }

    .mobile-submenu.open {
      max-height: 300px; /* ajusta según contenido */
      opacity: 1;
      overflow-y: auto;
    }

    /* Estilos links submenu */
    .mobile-submenu a {
      display: block;
      padding: 10px 20px;
      color: #ccc;
      text-decoration: none;
      transition: background-color 0.3s ease, color 0.3s ease;
    }
    .mobile-submenu a:hover,
    .mobile-submenu a:focus {
      background-color: #ff3b3b;
      color: #fff;
      outline: none;
    }








.Pre-Calendario-Home {
    position: relative;
    width: 100% !important;
    padding: 10px 70px;
    display: flex;
    align-items: center;
    gap: 15px;
    box-sizing: border-box;
    background: #fff;
}

/* Botón fijo izquierdo con texto */
.Pre-Calendario-btn--fixed {
    flex: 0 0 auto;
    width: 140px;
    height: 100px;
    border-radius: 6px;
    border: 1.5px solid #0d6efd;
    background-color: #e7f1ff;
    color: #0d6efd;
    font-weight: 700;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
    text-align: center;
    padding: 0 10px;
    white-space: normal;
    line-height: 1.2;
    z-index: 2;
  }

.Pre-Calendario-btn--fixed:hover {
    background-color: #d0e2ff;
  }

/* Contenedor deslizable */
.Pre-Calendario-scroll {
    flex: 1 1 auto;
    overflow-x: auto;
    display: flex;
    gap: 10px;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
.Pre-Calendario-scroll::-webkit-scrollbar {
    display: none;
  }

/* Botones deslizados */
.Pre-Calendario-btn {
    flex: 0 0 auto;
    width: 100px;
    height: 100px; /* menos alto porque no hay fecha */
    border-radius: 6px;
    border: 1.5px solid #6c757d;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.3s ease, background-color 0.3s ease;
    padding: 0;
  }
.Pre-Calendario-btn.active {
    border-color: #0d6efd;
    background-color: #e7f1ff;
  }
.Pre-Calendario-btn img {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
  }

/* Flechas sin fondo, más grandes */
.Pre-Calendario-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 80px;
    background: transparent;
    color: #000;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    user-select: none;
    transition: color 0.3s ease;
  }
.Pre-Calendario-arrow:hover {
    color: #0d6efd;
  }
.Pre-Calendario-arrow-left {
    left: 10px;
 }
 
.Pre-Calendario-Leyend {
	position: absolute;
	top: 0;
	width: 100%;
	height: 18px;
	color: #333;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
	user-select: none;
	transition: color 0.3s ease;
	font-size: 15px;
	line-height: 18px;
  }
 
 
 
 
 
 
 
 
.Pre-Calendario-arrow-right {
    right: 10px;
  }
.Pre-Calendario-arrow svg {
    width: 40px;
    height: 60px;
    fill: currentColor;
  }

/* Título para móvil (oculto en desktop) */
.Pre-Calendario-titulo-movil {
  display: none;
  width: 100%;
  font-weight: 700;
  font-size: 1.5rem;
  color: #0d6efd;
  text-align: center;
  user-select: none;
  margin-bottom: 5px;
}

/* Responsive móvil (hasta 600px de ancho) */
@media (max-width: 768px) {

  .Pre-Calendario-Home {
    flex-wrap: wrap;
    padding: 10px 15px;
    gap: 5px;
  }

  /* Ocultar botón fijo original */
  .Pre-Calendario-btn--fixed {
    display: none;
  }

  /* Mostrar título móvil */
  .Pre-Calendario-titulo-movil {
    display: block;
  }

  
  

.Separador-360 {
  height:60px;
  width: 100%;
  display: block;
}
.p-ttl-BajadaClean {
	min-height: 75px!important;
	color: #666!important;
}
  

.SharePost-360 b{
	display: none !important;
}


.PosRelItems {
    width: 600px !important;
  }


.SharePost-360 .share-btn {
    border: none !important;
}
  
  
}














  .Nota-Result-col-piloto-movil {
    display: none;
  }













  /* === CONTENEDOR PRINCIPAL === */
  .Evento-Detalle-container {
	width: 100% !important;
	min-height: 700px;
	height: auto;
	z-index: 10;
	margin-top: 90px;
	padding-right: 90px;
	padding-bottom: 0;
	padding-left: 90px;
  }

  footer {
  }

  .Evento-Detalle-top-bar {
	height: auto;
	border-radius: 8px;
	margin-bottom: 2px;
	padding: 0 90px;
	z-index: 99999999999999999999999999999999999999999;
	position: absolute;
	left: 40px;
	top: 140px;
  }

  .Evento-Detalle-content {
    display: flex;
    gap: 2px;
  }

  .Evento-Detalle-left-box {
    flex: 0 0 40%;
    height: 400px;
    border-radius: 8px;
  }

  .Evento-Detalle-right-box {
    flex: 0 0 60%;
    min-height: 400px;
    height: auto;
    border-radius: 8px;
  }



  /* === TEXTOS DE ENCABEZADO === */
.TituloGPX {
  position: relative !important;
  width: 100% !important;
  text-align: center !important;

  font-family: "Hubot Sans", sans-serif !important;
  font-weight: 900;
  font-size: 25px;
  color: #000000 !important;

  text-shadow:
    0 0 2px #fff,
    0 0 4px #fff,
    0 0 6px #fff;
}
.CiudadGPX {
  display: flex;
  align-items: center;      /* Alinea verticalmente ícono y texto */
  justify-content: center;  /* Centra todo horizontalmente */
  gap: 6px;                 /* Espacio entre ícono y texto */

  font-family: "Hubot Sans", sans-serif !important;
  font-weight: 600;
  font-size: 15px !important;
  line-height: 25px !important;
  color: #000000 !important;

  text-shadow:
    0 0 2px #fff,
    0 0 4px #fff,
    0 0 6px #fff;

  margin: 0 !important;
  padding: 0 !important;
}

.CiudadGPX .icon-map-pin {
  font-size: 18px; /* Tamaño del ícono */
  line-height: 1;
  display: flex;
  align-items: center;
}


.CiudadGPX div{
  position: relative !important;
  width: 25px !important;
  text-align: left !important;
  float:left;
}


  .CiudadGP img {
    line-height: 25px !important;
    padding: 0 !important;
    float: left;
    height: 25px !important;
    width: auto !important;
    position: relative;
    margin: 0 6px;
  }

  .CircuitoGPX {
  position: relative !important;
  width: 100% !important;
  text-align: center !important;

  font-family: "Hubot Sans", sans-serif !important;
  font-weight: 400;
  font-size: 13px !important;
  line-height: 25px !important;
  color: #000000 !important;

  margin: 0 !important;
  padding: 0 !important;

  text-shadow:
    0 0 2px #fff,
    0 0 4px #fff,
    0 0 6px #fff;
}


  .MapaEvento {
    width: 100% !important;
    display: block;
    position: relative;
  }

  /* === SESIONES DE EVENTO === */
  .Evento-Sesion-Item-NombreDia {
    font-size: 14px;
    line-height: 20px;
    color: #0CF;
    text-align: left;
    margin: 0;
    padding: 0;
    float: left;
    height: 20px;
    width: 100%;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
  }

  .Evento-Sesion-Item {
    padding: 0;
    float: left;
    height: 20px;
    width: 100%;
    margin: 0 0 3px 0;
    position: relative;
  }

  .Evento-Sesion-Item-Tipo {
    font-size: 9px;
    line-height: 20px;
    color: #FFF;
    background-color: #000;
    text-align: center;
    margin: 0;
    padding: 0;
    float: left;
    height: 20px;
    width: 120px;
    position: relative;
    text-transform: uppercase;
    font-weight: 400;
  }

  .Evento-Sesion-Item-Hora {
    font-size: 12px;
    line-height: 20px;
    color: #FFF;
    background-color: #06C;
    text-align: center;
    margin: 0;
    padding: 0;
    float: left;
    height: 20px;
    width: 40px;
    position: relative;
    text-transform: uppercase;
    font-weight: 300;
  }

.Evento-Sesion-Item-Tanda {
  font-size: 13px;
  line-height: 20px;
  color: #000;
  text-align: left;
  margin: 0;
  float: left;
  height: 20px;
  width: 200px;
  position: relative;
  text-transform: uppercase;
  font-weight: 400;
  padding-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: linear-gradient(to right, #000 80%, rgba(255, 255, 255, 0.8) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


  .Evento-Sesion-Item-Res,
  .Evento-Sesion-Item-ResNo {
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    margin: 0;
    padding: 0;
    float: left;
    height: 20px;
    width: 70px;
    position: relative;
    font-weight: 300;
    border-radius: 2px;
  }

  .Evento-Sesion-Item-Res {
    color: #FFF;
    background-color: #06C;
    cursor: pointer;
  }

  .Evento-Sesion-Item-ResNo {
    color: #CCC !important;
    background-color: #333 !important;
    cursor: not-allowed !important;
  }

  /* === RESPONSIVE CONTAINER === */
  @media (max-width: 1600px) {
    .Evento-Detalle-container {
      width: 100% !important;
      padding: 0;
      min-height: 500px;
    }
  }

  /* === COUNTDOWN === */
  .countdown-wrapper {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
  }

  .countdown-block {
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-family: "Hubot Sans", sans-serif;
    font-weight: 200;
    font-size: 34px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .countdown-separator {
    color: #fff;
    font-family: "Hubot Sans", sans-serif;
    font-weight: 200;
    font-size: 34px;
  }

  counternext {
    color: #fff;

    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 10px;
    width: 100%;
    position: absolute;
    top: 0;
  }

  .Evento-Next-Sesion,
  .Evento-Next-Tanda,
  .Evento-Next-Hora {
    font-family: "Hubot Sans", sans-serif;
    text-align: right;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    position: relative;
    text-transform: uppercase;
  }

  .Evento-Next-Sesion {
    font-size: 13px;
    line-height: 14px;
    font-weight: 300;
    color: #0CF;
    height: 14px;
  }

  .Evento-Next-Tanda {
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    color: #fff;
    height: 18px;
  }

  .Evento-Next-Hora {
    font-size: 15px;
    line-height: 18px;
    font-weight: 200;
    color: #CCC;
    height: 18px;
  }

  .Evento-Detalle-Section-Data {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    color: #999;
    display: block;
  }

  .Evento-Detalle-Section-Valor {
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    color: #FFF;
    display: block;
  }

  .footer-text {
    border-top: 1px dotted #ccc;
    padding-top: 10px;
    margin-top: 10px;
    color: #CCC;
  }

  /* === MODAL === */
  .modal-fullscreen {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    align-items: center;
    justify-content: center;
    animation: slideDown 0.4s ease-out forwards;
  }

  .modal-fullscreen.show {
    display: flex;
  }

  @keyframes slideDown {
    from {
      opacity: 0;
      transform: translateY(-100%);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .modal-content {
    background: none;
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
    position: relative;
    border-radius: 0;
    padding: 110px 0 80px 0;
    overflow: hidden;
  }

  .modalResultados {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }

  .ItemClase1 {
    background-color: #FC0 !important;
    color: #000 !important;
  }

  .ItemClase2 {
    background-color: #060 !important;
    color: #fff !important;
  }

  .ItemClase3 {
    background-color: #F00 !important;
    color: #fff !important;
  }
  
.Bloque-Cronograma {
	position: absolute;
	width: 24%;
	min-width: 24%;
	height: auto;
	padding: 10px;
	border-radius: 5px;
	margin-top: 140px;
	z-index: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
	top: 0px;
	right: 90px;
}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
/* Fondo modal pantalla completa */
.modalRes-fullscreen {
  display: none;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 1)!important; /* Fondo más tenue */
  box-sizing: border-box;
  justify-content: center;
  align-items: flex-start; /* Para que empiece desde arriba */
  overflow:hidden ;
  padding: 0px;
}













/* Contenido del modal con slide-in */
.modalRes-content {
  width: 100vw;
  height: 100vh;
  max-width: none;
  max-height: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  background: #FFF;
  z-index: 9999; /* Asegura que esté por encima */
  animation: slideDown 0.5s ease-out;
}

.TandaDataHeader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: #FFF;
  color: black;
  text-align: left;
  font-weight: bold;
  line-height: 50px;
  font-size: 30px;
  z-index: 10;
  border-bottom: 0.1px solid #ccc;
  padding-left: 10px;
  font-family: 'Poppins', sans-serif !important;
}


.HeaderDeSesionResult {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  box-sizing: border-box;
  gap: 10px; /* ← Aquí se define el espacio horizontal */
}

.HeaderDeSesionResult-Logo {
  width: 50px;
  height: 50px;
  margin-right: 15px;
}
.HeaderDeSesionResult-Categoria,
.HeaderDeSesionResult-Evento,
.HeaderDeSesionResult-Sesion {
  font-family: 'Poppins', sans-serif !important;
  height: 50px;
  font-size: 23px;
  line-height: 50px;
  font-weight:600 !important;
  padding: 0 10px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  position: relative;
  color:#333;
}
/* Botón de cierre */
.modalRes-close {
  position: absolute;
  top: 8px;
  right: 30px;
  font-size: 28px;
  color: #000;
  cursor: pointer;
  font-weight: bold;
}

/* Contenido dinámico */
#contenidoModal {
  margin: 0 auto;
  display: block;
}

/* Scrollbar personalizada */
.modalRes-content::-webkit-scrollbar {
  width: 10px;
}
.modalRes-content::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.modalRes-content::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}
.modalRes-content::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Animación slide desde arriba */
@keyframes slideDown {
  from {
    transform: translateY(-50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}




/* === ENCABEZADO DE EVENTO CON LOGO EN DIV === */
.Evento-Top-Header {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-left: 0 !important;
  min-height: 100px;
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  border-radius:0px!important;
}

.LogoCategoriaEvento {
  width: 140px;
  height: 140px;
  background-color: #FFF;
  border: 0.1px solid #000;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0 auto; /* Centrado horizontal */
}


.LogoCategoriaEvento img {
  max-height: 80%;
  max-width: 100%;
  object-fit: contain;
}



.Footer-Data-Evento {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
  background-color: rgba(0, 0, 0, 0.6); /* oscuro semitransparente */
  padding: 10px;
  color: #fff;
}


.margintop-100 {
	margin-top:100px;
}

.margintop-50 {
	margin-top:50px;
}

.menu-item a {
	margin-bottom:5px!important;
}





@media (max-width: 768px) {
	  
/* =========================
   CABECERA DEL MODAL SIMULADOR
   ========================= */
#ModalSimu-Head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 90px;
  background: #0764DE;
  color: #fff;
  padding: 0 10px;
  margin-top: 10px;
  box-sizing: border-box;
  gap: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* Logo */
#ModalSimu-Head-Logo {
  width: 70px;
  height: 70px;
  margin: 10px;
  flex-shrink: 0;
}

/* Nombre */
#ModalSimu-Head-Name {
	width: auto;
	font-weight: 600;
	overflow: hidden;
	padding-top: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#ModalSimu-Head-Name h4{
	font-size: 20px;
	line-height: 25px;
	color: #FFF;
	margin: 0px;
	float: left;
	height: 25px;
	font-weight: 200;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}

#ModalSimu-Head-Name h2{
	font-size: 40px;
	line-height: 30px !important;
	color: #FFF;
	margin: 0px;
	float: left;
	height: 40px;
	font-weight: 600;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}

/* Texto */
#ModalSimu-Head-Text {
  display: flex;
  align-items: center;     /* centra verticalmente */
  justify-content: center; /* centra horizontalmente */
  font-size: 1rem;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* =========================
   RESPONSIVE (móviles)
   ========================= */
@media (max-width: 768px) {
  #ModalSimu-Head {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    padding: 5px;
  }

  #ModalSimu-Head-Logo {
    width: 38px;
    height: 38px;
    margin: 1px;
  }

  #ModalSimu-Head-Name {
    width: 100%;
    font-size: 1.1rem;
    margin-top: 5px;
  }

  #ModalSimu-Head-Text {
    width: 100%;
    text-align: left;
    font-size: 0.9rem;
    margin-top: 2px;
  }
}
.btnCloseSim {
    position: absolute;
    margin: 16px;       /* 10px original + 6px de separación extra */
    right: 16px;     /* 10px original + 6px de separación extra */
    background-color: red;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border: none;
    border-radius: 4px;
    padding: 6px 12px;
    cursor: pointer;
    font-weight: bold;
}
.sim_global_wrap .input-group {
    display: flex !important;
    height: 35px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box;
}

.sim_global_wrap .input-group-icon {
    width: 35px !important;
    height: 35px !important;
    background-color: #FF0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    flex-shrink: 0;
}




.sim_global_wrap .form-select.sim.pole {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

/* SimuSelect - bordes rectos, fondo negro, texto blanco */
.SimuSelect {
	position: relative;
	left: 0;                     /* ajustá si querés desplazarlo hacia la izquierda */
	display: block;
	width: 100% !important; /* 🔹 todo el ancho menos 40px */                /* sacalo o cambialo si no querés full width */
	height: 40px !important;
	line-height: 40px !important;
	font-size: 10px !important;
	color: #ffffff !important;
	background: #000000 !important;
	box-sizing: border-box !important;
	/* Forzar bordes rectos y eliminar outline/bordes */
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: none !important;
	/* Eliminar apariencia nativa en diferentes engines */
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	/* Quitar imagen/arrow por defecto en WebKit (si querés agregar tu propio arrow, ponelo como background-image) */
	background-image: none !important;
	float: left;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

/* Quitar el foco por defecto (si querés mantener thin outline para accesibilidad, no lo elimines) */
.SimuSelect:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* En Firefox a veces hace falta esto para eliminar el padding extraño */
.SimuSelect::-ms-expand { display: none; } /* IE/Edge */

/* Opcional: forzar que el option también se muestre bien (solo visual) */
.SimuSelect option {
  background: #000;
  color: #fff;
  font-size: 10px;
}




.SimuSelect-Icon {
	width: 100px;
	height: 40px;
	font-size:10px;
	background-color: #000;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
	float: left;
	margin: 0px;
	padding: 0px;
}

.SimuSelect-Icon i {
  font-size: 18px;
  line-height: 1;
}












/* SimuSelect - bordes rectos, fondo negro, texto blanco */
.SimuSelect2 {
	position: relative;
	left: 0;                     /* ajustá si querés desplazarlo hacia la izquierda */
	display: block;
	width: 50px !important; /* 🔹 todo el ancho menos 40px */                /* sacalo o cambialo si no querés full width */
	height: 39px !important;
	line-height: 40px !important;
	font-size: 10px !important;
	color: #ffffff !important;
	background: #06C !important;
	box-sizing: border-box !important;
	/* Forzar bordes rectos y eliminar outline/bordes */
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: none !important;
	/* Eliminar apariencia nativa en diferentes engines */
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	/* Quitar imagen/arrow por defecto en WebKit (si querés agregar tu propio arrow, ponelo como background-image) */
	background-image: none !important;
	float: left;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	border-bottom: 1px solid #fff;
}

/* Quitar el foco por defecto (si querés mantener thin outline para accesibilidad, no lo elimines) */
.SimuSelect2:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* En Firefox a veces hace falta esto para eliminar el padding extraño */
.SimuSelect2::-ms-expand { display: none; } /* IE/Edge */

/* Opcional: forzar que el option también se muestre bien (solo visual) */
.SimuSelect2 option {
  background: #000;
  color: #fff;
  font-size: 10px;
  text-align:left;
}




.SimuSelect2-Icon {
	width: calc(100% - 50px) !important;
	height: 40px;
	font-size:10px;
	line-height:18px;
	background-color: #000;
	color: #fff;
	display: flex;
	align-items: left;
	justify-content: left;
	position: relative;
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
	float: left;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #fff;
}

.SimuSelect-Dorsal {
	font-size: 12px;
	line-height: 16px;
	color: #09F !important;
	background-color: #F4F4F4;
	font-weight: 500;
	margin: 2px;
	padding: 0px;
	float: left;
	height: 16px;
	width: 30px;
	margin-right:5px;
	border-radius:1px;
	position: relative;
	text-align: center;
}

.SimuTitleMedio {
	font-size: 22px;
	line-height: 50px;
	font-weight:700;
	color: #666;
	margin: 0px;
	padding: 0px;
	padding-left:20px;
	float: left;
	height: 50px;
	width: 100%;
}


.SimuTitle {
	font-size: 11px;
	line-height: 20px;
	font-weight: 500;
	color: #0057AE;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 20px;
	width: 100%;
}

.SimuDisclimer {
	font-size: 10px;
	line-height: 12px;
	font-weight:400;
	color: #000;
	background-color: #EFEFEF;
	margin: 0px;
	padding: 10px;
	float: left;
	height: auto;
	border-radius:4px;
	width: 100%;
}

.TablaSim{
	margin-left:10px;
	margin-right:10px;
}

.TablaSim,
.TablaSim th,
.TablaSim td {
  text-align: left !important;
  padding:2px!important;
}

.TablaReglas,
.TablaReglas th,
.TablaReglas td {
  text-align: left !important;
  padding:0px!important;
}





.SimuSelect-Retrato {
	padding: 0px;
	float: left;
	height:40px;
	width: 40px;
	position: relative;
}

.SimuSelect-Retrato img {
	margin: 2px !important;
	padding: 0px;
	float: left;
	height:36px;
	width: 36px;
	position: relative;
}


Simu-claseLimpia {
	color: #6CF;
	background-color: #036;
	text-align: center;
	float: left;
	height: 1pt;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
	border-radius:4px;

}


#ModalSimu-Head-Text {
  display: flex;
  align-items: center;      /* centra verticalmente */
  justify-content: center;  /* centra horizontalmente */
  height: 100%;
  overflow: hidden;
  white-space: nowrap;      /* evita saltos de línea */
  text-align: center;
}

.SimClassCat {
  display: inline-flex;
  align-items: center;
  gap: 8px;                 /* espacio entre texto y span */
  border-radius: 6px;       /* bordes redondeados */
  font-size: 1rem;
  line-height: 40px;
  height: 40px;
  background-color:#036;
  padding-left:10px;
  padding-right:10px;
}

.SimClass {
  background: #000;
  color: #fff;
  border-radius: 6px;       /* bordes redondeados */
  padding: 4px 10px;
  font-weight: 500;
  display: inline-block;
  line-height: normal;
}
.TablaSim td .pos{
	background-color: #D6D6D6;
	font-size: 15px;
	line-height: 22px;
	font-weight: 300;
	color: #000;
	text-align: center;
	margin: 3px;
	padding: 0px;
	float: left;
	height: 22x;
	width: 35px;
	position: relative;
	border-radius:3px; 
}
.TablaSim td .dorsal{
	background-color: #06C;
	font-size: 17px;
	line-height: 22px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	margin: 3px;
	padding: 0px;
	float: left;
	height: 22x;
	width: 35px;
	position: relative;
	border-radius:3px; 
}
.TablaSim td .logo img{
	height:  31px !important;
	width: 31px !important;

}

.TablaSim td .nombre{
	font-size: 16px;
	line-height: 22px;
	font-weight: 600;
	color: #2D2D2D
	text-align: center;
	margin: 3px;
	padding: 0px;
	float: left;
	height: 22x;
	width: auto;
	position: relative;
}

.TablaSim td .puntos{
	background-color: #030;
	font-size: 15px;
	line-height: 22px;
	font-weight: 400;
	color: #0C0;
	text-align: center;
	margin: 3px;
	padding: 0px;
	float: left;
	height: 22x;
	width: 55px;
	position: relative;
	border-radius:3px; 
}

.TablaSim td .puntosSim{
	background-color: #060;
	font-size: 15px;
	line-height: 22px;
	font-weight: 400;
	color: #9F3;
	text-align: center;
	margin: 3px;
	padding: 0px;
	float: left;
	height: 22x;
	width: 55px;
	position: relative;
	border-radius:3px; 
}

.SimReglasTitlePuntos{
	font-size: 10px;
	line-height: 16px;
	font-weight: 300;
	text-transform: uppercase;
	color: #fff;
	background-color: #333;
	text-align: left;
	margin: 2px;
	float: left;
	height: 16px;
	width: 90%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	position: relative;
	border-radius:2px;
	margin-right:10% !important;
}

.SimReglasTitlePuntosBlock{
	color: #fff;
	background-color: #060;
	font-size: 11px;
	line-height: 18px;
	font-weight: 300;
	text-transform: uppercase;
	text-align: left;
	margin: 1px;
	float: left;
	height: 18px;
	width: 32%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: relative;
	border-radius: 2px;
}

.SimReglasTitlePuntosBlockPole{
	color: #fff;
	background-color: #F60;
	font-size: 11px;
	line-height: 18px;
	font-weight: 300;
	text-transform: uppercase;
	text-align: left;
	margin: 1px;
	float: left;
	height: 18px;
	width: 32%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: relative;
	border-radius: 2px;
}

.SimReglasTitlePuntosBlockSerie{
	color: #fff;
	background-color: #606;
	font-size: 11px;
	line-height: 18px;
	font-weight: 300;
	text-transform: uppercase;
	text-align: left;
	margin: 1px;
	float: left;
	height: 18px;
	width: 32%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: relative;
	border-radius: 2px;
}

.SimReglasTitlePuntosBlockFinal{
	color: #fff;
	background-color: #03C;
	font-size: 11px;
	line-height: 18px;
	font-weight: 300;
	text-transform: uppercase;
	text-align: left;
	margin: 1px;
	float: left;
	height: 18px;
	width: 32%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: relative;
	border-radius: 2px;
}

.SimReglasTitlePuntosBlockExtra{
	color: #fff;
	background-color: #000;
	font-size: 11px;
	line-height: 18px;
	font-weight: 300;
	text-transform: uppercase;
	text-align: left;
	margin: 1px;
	float: left;
	height: 18px;
	width: 32%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: relative;
	border-radius: 2px;
}






	  
	  
	  
	  
	  
	  
	  
	  
	  
	  

#btnOpenSim {
  zoom: 0.4!important;
}

.DataExtraSesion-Contenedor {
  display: flex;
  flex-direction: column;
  width: 100%!important;
  margin:0px!important;
}

.margintop-100 {
	margin-top:60px;
}
  .Evento-Detalle-top-bar {
	height: 70px;
	z-index: 99999999999999999999999999999999999999999;
	position: absolute;
	left: 0px;
	top: 58px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	width: 100%;
  }
	
  .Evento-Top-Header {
  }

  .LogoCategoriaEvento {
	width: 60px !important;
	height: 60px !important;
  }


  .LogoCategoriaEvento img {
	width: 60px !important;
	height: 60px !important;
  }
.TituloGPX {
  font-size: 15px !important;
  line-height: 16px !important;
  height: 32px !important;
  width: 100% !important; /* 100% ancho */
  color: #000 !important; /* Texto rojo */
  padding-left: 8px !important;
  padding-right: 8px !important;
  display: flex !important;
  align-items: center !important; /* Centrado vertical */
  justify-content: center !important; /* Centrado horizontal */
}


.CiudadGPX {
  font-size: 14px !important;
  line-height: 15px !important;
  height: 15px !important;
  width: 100%!important;
  color: #333;
  padding-left: 8px !important;
  padding-right: 8px !important;
  display: flex !important;
  align-items: center !important; /* Alinea verticalmente al centro */
}

.CircuitoGPX {
  font-size: 14px !important;
  line-height: 15px !important;
  height: 15px !important;
  width: 100%!important;
  color: #333;
  padding-left: 8px !important;
  padding-right: 8px !important;
  display: flex !important;
  align-items: center !important; /* Alinea verticalmente al centro */
}
	
.Bloque-Cronograma {
	position: absolute;
	width:100%;
	height: auto;
	padding: 4px;
	border-radius: 0px;
	z-index: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
	top: 200px;
	left: 0px;
	background-color: #FFF; /* oscuro semitransparente */
}
  
  
  
  
  
  
  /* === SESIONES DE EVENTO === */
  .Evento-Sesion-Item-NombreDia {
    font-size: 12px;
    line-height: 15px;
    color:#0764DE;
    text-align: left;
    margin: 0;
    padding: 0;
    float: left;
    height: 15px;
    width: 100%;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
  }

  .Evento-Sesion-Item {
    padding: 0;
    float: left;
    height: 20px;
    width: 100%;
    margin: 0 0 3px 0;
    position: relative;
  }

  .Evento-Sesion-Item-Tipo {
    font-size: 9px;
    line-height: 20px;
    color: #FFF;
    background-color: #000;
    text-align: center;
    margin: 0;
    padding: 0;
    float: left;
    height: 20px;
    width: 120px;
    position: relative;
    text-transform: uppercase;
    font-weight: 400;
  }

  .Evento-Sesion-Item-Hora {
    font-size: 12px;
    line-height: 15px;
    color: #FFF;
    background-color:#0764DE;
    text-align: center;
    margin: 0;
    padding: 0;
    float: left;
    height: 15px;
    width: 40px;
    position: relative;
    text-transform: uppercase;
    font-weight: 300;
  }

  .Evento-Sesion-Item-TandaX {
  font-size: 12px!important;
  line-height: 15px!important;
  color: #06F!important;
  text-align: left!important;
  margin: 0!important;
  float: left!important;
  height: 20px!important;
  width: 80px !important;
  position: relative!important;
  text-transform: uppercase!important;
  font-weight: 300!important;
  padding-left: 5px;
  white-space: nowrap;
  overflow: hidden!important;
  text-overflow: ellipsis;
  background: linear-gradient(to right, #000 80%, rgba(255, 255, 255, 0.8) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-color:#0F0 !important;
  }

  .Evento-Sesion-Item-Res,
  .Evento-Sesion-Item-ResNo {
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    margin: 0;
    padding: 0;
    float: left;
    height: 15px;
    width: 70px;
    position: relative;
    font-weight: 300;
    border-radius: 2px;
  }

  .Evento-Sesion-Item-Res {
    color: #FFF;
    background-color: #06C;
    cursor: pointer;
  }

  .Evento-Sesion-Item-ResNo {
    color: #CCC !important;
    background-color: #333 !important;
    cursor: not-allowed !important;
  }

  
.Footer-Data-Evento {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  background-color: #FFF; /* oscuro semitransparente */
  padding: 10px;
  color: #000!important;
}  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    .BlokCrono-row {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 0.1rem; /* separación pequeña */
  }
  .BlokCrono-colHora, .BlokCrono-colTanda, .BlokCrono-colBoton {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    font-family: Arial, sans-serif;
    font-size: 0.9rem;
    white-space: nowrap;
  }
  .BlokCrono-colHora {
    flex: 0 0 20%;  /* fijo 20% ancho */
    justify-content: center;
  }
  .BlokCrono-colTanda {
    flex: 1 1 auto; /* ocupa todo el espacio restante */
    justify-content: center;
    text-align: center;
  }
  .BlokCrono-colBoton {
    flex: 0 0 30%; /* fijo 30% ancho */
    justify-content: flex-end;
  }
  .BlokCrono-colBoton button {
    padding: 0.25rem 0.75rem;
    background-color: white;
    color: #007bff;
    font-size: 0.9rem;
    cursor: pointer;
    white-space: nowrap;
  }
  .BlokCrono-colBoton button:hover {
    background-color: #007bff;
    color: white;
  }
  
  












.Nota-Result-Header,
.Nota-Result-Row {
  display: flex;
  padding: 1px 0;
}
.Nota-Result-Header {
  font-weight: bold;
  background-color: #f2f2f2;
}
.Nota-Result-col-dorsal {
  width: 60px !important;
}

.Nota-Result-col-piloto {
  flex: 1;
  padding-left: 2px;
}

.Nota-Result-Div-Header {
	font-family: "Hubot Sans", sans-serif !important;
	width: 100%;
	color: #FFF;
	background-color: #06F;
	margin: 0px;
	height: 25px;
	position: relative;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-size: 15px!important;
	line-height: 25px;
	font-weight: 400;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}



.Nota-Result-Div-Header-Sub {
	font-family: "Hubot Sans", sans-serif !important;
	width: 100%;
	color: #000;
	background-color: #DDD;
	margin: 0px;
	height: 20px;
	position: relative;
	font-size: 13px!important;
	line-height: 20px;
	font-weight: 500;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}


.Nota-Result-Div-Header-Sesion {
	font-family: "Hubot Sans", sans-serif !important;
	width: 100%;
	color: #fff;
	background-color: #666;
	margin: 0px;
	height: 20px;
	position: relative;
	font-size: 12px!important;
	line-height: 20px;
	font-weight: 500;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.Nota-Result-Header {
	font-family: "Hubot Sans", sans-serif !important;
	width: 100%;
	color: #fff;
	background-color: #000;
	margin: 0px;
	height: 20px;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.Nota-Result-Row {
	font-family: "Hubot Sans", sans-serif !important;
	width: 100%;
	color: #000;
	background-color: #F4F4F4;
	margin: 0;
	height: 22px;
	position: relative;
	font-size: 12px;
	line-height: 22px;
	font-weight: 400;
	text-align: left;
	padding: 0;
	border-bottom: 1px solid #D6D6D6;

	/* Efecto de degradado animado */
	background-image: linear-gradient(to right, #D6E9FE 0%, #F4F4F4 100%);
	background-size: 200% 100%;
	background-position: left center;
	transition: background-position 0.1s ease-in-out;
}

.Nota-Result-Row:hover {
	background-position: right center;
}


.Nota-Result-col-pos {
	color: #D6D6D6;
	background-color: #333;
	  width: 5% !important;
	  max-width: 5% !important;
	  min-width: 5% !important;
  	font-family: "Hubot Sans", sans-serif !important;
	margin: 2px;
	padding: 0px;
	float: left;
	height: 18px;
	border-radius: 3px;
	font-size: 12px!important;
	font-weight: 100!important;
	line-height: 18px;
	text-align: center;
	position: relative;
	display:block !important;
}


.Nota-Result-col-dorsal {
	color: #fff;
	background-color: #06F;
	  width: 7% !important;
	  max-width: 7% !important;
	  min-width: 7% !important;
  	font-family: "Hubot Sans", sans-serif !important;
	margin: 2px;
	padding: 0px;
	float: left;
	height: 18px;
	border-radius: 3px;
	font-size: 12px!important;
	font-weight: 400!important;
	line-height: 18px;
	text-align: center;
	position: relative;
	display:block !important;
}








  .Nota-Result-col-piloto {
    display: none;
  }

  .Nota-Result-col-piloto-movil {
    display: block;
	  width: 27% !important;
	  max-width: 27% !important;
	  min-width: 27% !important;
	position: relative;
	display:block !important;
  }














.Nota-Result-col-marca {
	  width: 17% !important;
	  max-width: 17% !important;
	  min-width: 17% !important;
	position: relative;
	display:block !important;
}



.Nota-Result-col-equipo {
	  width: 17% !important;
	  max-width: 17% !important;
	  min-width: 17% !important;
	position: relative;
	display:block !important;
}



.Nota-Result-col-auto {
	  width: 17% !important;
	  max-width: 17% !important;
	  min-width: 17% !important;
	position: relative;
	display:block !important;
}


.Nota-Result-col-vueltas {
	display:none !important;
}

.Nota-Result-col-tiempo {
	  width: 17% !important;
	  max-width: 17% !important;
	  min-width: 17% !important;
	position: relative;
	display:block !important;
	font-family: "Hubot Sans", sans-serif !important;
	color: #000;
	margin: 2px;
	padding: 0px;
	float: left;
	height: 20px;
	border-radius: 3px;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	font-weight: 500;
}

.Nota-Result-col-dif {
	  width: 17% !important;
	  max-width: 17% !important;
	  min-width: 17% !important;
	position: relative;
	display:block !important;
	font-family: "Hubot Sans", sans-serif !important;
	color: #CCC;
	margin: 2px;
	padding: 0px;
	float: right !important;
	height: 20px;
	border-radius: 3px;
	margin-left:10px !important;

	font-size: 13px;
	line-height: 20px;
	text-align: center;
	font-weight: 500;
	background-color: #000;
}


.RowHeader{
	display: none!important;
}

  
  
  
  
  
  .clase-box .ganador em {
    font-size: 12px;
    line-height: 20px;
    color: #000!important;
    margin: 0px;
    float: left;
    height: 20px;
    padding: 0 5px;
    font-style: normal;
    font-weight: 400;
  }  
  
  
.margin-top-100 {
  margin-top:-10px!important;
}
  
  
  
  
	
  }





  .clase-box {
    width: 300px;
    margin: 10px;
    display: inline-block;
    vertical-align: top;
  }

.ItemClaseResHead {
  font-size: 14px;
  padding: 0 5px;
  border-radius: 3px;
  line-height: 22px;
  height: 22px;
  margin: 0;
  -webkit-mask-image: linear-gradient(to right, black 50%, transparent 100%);
  mask-image: linear-gradient(to right, black 50%, transparent 100%);
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); /* relieve sutil */
}


  .clase-box .ganador {
    font-size: 14px;
    float: left;
    height: 20px;
    width: 100%;
    position: relative;
    line-height: 20px;
    margin: 5px 0;
    padding: 0px;
  }

  .clase-box .ganador strong {
    font-size: 12px;
    line-height: 20px;
    color: #FFFFFF !important;
    background-color: #036;
    margin: 0px;
    float: left;
    height: 20px;
    width: 65px;
    padding: 0 5px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
	  

  }

  .clase-box .ganador em {
    font-family: "Hubot Sans", sans-serif !important;
    font-size: 15px;
    line-height: 20px;
    color: #000;
    margin: 0px;
    float: left;
    height: 20px;
    padding: 0 5px;
    font-style: normal;
    font-weight: 600;
  }

  .clase-box .ganador img {
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF !important;
	background-color: #C00;
	margin: 0px;
	float: left;
	height: 20px;
	width: 35px;
	text-align: center;
	padding: 0;
  }

  .clase-box .ganador b {
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF !important;
	background-color: #C00;
	margin: 0px;
	float: left;
	height: 20px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	width: 35px;
	text-align: center;
	padding: 0;
  }

.CerrarModalDeResultados {
	background-color: #FF0000;
	color: white;
	font-size: 15px;
	padding: 0px;
	border-radius: 4px;
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 999999999999999999999999999999999999999999999;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	transition: background 0.3s ease;
	display: inline-block;
	user-select: none;
	line-height: 25px !important;
	font-weight: 200;
	text-align: center;
	height: 25px !important;
	width: 25px !important;
}




.ClaseBlockCrono td,
.ClaseBlockCrono th {
  border: 2px solid #ffffff!important;
}

span.CronoSesionTD {
  display: inline-block; /* Permite aplicar ancho */
  width: 100% !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: linear-gradient(to right, #000 80%, #fff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #000; /* Fallback para navegadores sin soporte */
}






.DestacadosDelEvento {
  font-family: "Hubot Sans", sans-serif !important;
  border-collapse: collapse;
  width: 100%;
  color: #fff;
  font-size: 12px;
}

.DestacadosDelEvento td {
  border: 2px solid #fff;
  padding: 1px !important;
}

.DestacadosDelEvento .clase-header {
  font-family: "Hubot Sans", sans-serif !important;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
}

.DestacadosDelEvento .Sesion-Header {
  font-family: "Hubot Sans", sans-serif !important;
  font-weight: 500 !important;
  text-align: left !important;
  color:#666 !important;
}

.DestacadosDelEvento .ganador-nombre {
  font-family: "Hubot Sans", sans-serif !important;
  font-weight: 600 !important;
  text-align: left !important;
  color:#000 !important;
}

.Pag-Contacto {
  padding-top:50px;
}
.Div-Politicas {
  width: 60%;
  margin-left: 20%;
  margin-right: 20%;
  text-align: justify;
  text-align-last: left; /* La última línea queda alineada a la izquierda */
  font-size: 12px; /* Tamaño estándar legible */
  font-family: Arial, sans-serif;
}
@media (max-width: 768px) {
  .Div-Politicas {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 0 10px; /* Opcional: agregás un poco de padding lateral para que no quede pegado al borde */
  }
}
.Div-Politicas h1 {
	font-size: 23px !important;
	color: #FFF !important;
	font-weight: 600 !important;
	line-height: 30px !important;
	background-color: #000 !important;
	float: left !important;
	height: 30px !important;
	width: 100% !important;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-radius:4px;
}
.Div-Politicas h2 {
	font-size: 16px !important;
	color: #CCC !important;
	font-weight: 600 !important;
	line-height: 20px !important;
	background-color: #333 !important;
	float: left !important;
	height: 20px !important;
	width: 100% !important;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
}
.Div-Politicas h3 {
	font-size: 14px !important;
	color: #000 !important;
	font-weight: 500 !important;
	line-height: 20px !important;
	background-color: #CCC !important;
	float: left !important;
	height: 20px !important;
	width: 100% !important;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
}
.Div-Politicas p {
	font-size: 13px !important;
	line-height: 17px !important;
}
.Div-Politicas p b {
		font-weight: 600 !important;
}
.tstrong {
		font-weight: 600 !important;
}

.tstrongms {
		font-weight: 700 !important;
		color:#06F !important;
}
#SearchEnMoviles-Container {
  position: fixed; /* ← Fijo en pantalla */
  top: 0;
  left: 0;
  right: 0;
  z-index: 999999999999999999999999; /* ← Muy por encima de todo */
  opacity: 0;
  pointer-events: none;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
  padding: 0 10px;
  background: var(--jkd-bg-col);
}


  #SearchEnMoviles-Container.active {
    opacity: 1;
    pointer-events: auto;
    max-height: 100px;
    padding: 10px;
  }

  .SearchEnMoviles-form {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .SearchEnMoviles-input {
    flex: 1;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1rem;
    background-color: #eee;
    color: #000 !important;
  }

  .SearchEnMoviles-submit {
    background: #1DA1F2;
    color: white;
    border: none;
    padding: 8px 10px;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .SearchEnMoviles-submit svg {
    width: 20px;
    height: 20px;
  }

  .SearchEnMoviles-sr {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
.icon-azul {
    color: #09F !important;
}




















    
/* Items Calendario */  
#body-footer {
  transition: all 0.3s ease;
  background-color: #fff!important;
  position:absolute !important;
  bottom:0px!important;
  z-index:20 !important;
}

  
  
.body-evento {
  transition: all 0.3s ease;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: -1;
  left: 0;
  top: 0;
}

  
  .event-card {
    font-family: "Hubot Sans", sans-serif!important;
	background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: all 0.3s ease;
  }

  .event-card img.header-img {
    width: 100%;
    height: 160px !important;
    object-fit: cover;
  }

  .event-card .date-badge {
    position: absolute;
    background: #fff;
    padding: 8px 12px;
    top: 12px;
    left: 12px;
    border-radius: 8px;
    text-align: center;
    font-weight: bold;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  }

  .event-card .date-badge span {
    display: block;
  }
.event-card .category-logo {
  position: absolute;
  top: 125px;
  left: 50%;
  transform: translateX(-50%);
  width: 70px;
  height: 70px;
  background: #fff;
  border-radius: 50%;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2; /* para asegurarse de que quede por encima */
}

.event-card .category-logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 50%;
}

  .event-body {
    padding: 20px;
    position: relative;
  }

  .category-tag {
	background: #e6f0fb;
	color: #007bff;
	font-size: 12px;
	border-radius: 3px;
	display: inline-block;
	margin-bottom: 6px;
	line-height: 28px;
	float: left;
	height: 28px;
	width: auto;
	margin-top: 6px;
	margin-right: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
  }

  .event-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
  }

  .event-info {
    font-size: 14px;
    color: #555;
    margin: 4px 0;
    display: flex;
    align-items: center;
  }

  .event-info i {
    margin-right: 8px;
    color: #777;
    width: 20px;
    text-align: center;
  }

  .event-footer {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    padding-top: 0;
  }

  .event-footer button {
    padding: 10px 16px;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s ease;
  }

  .buy-btn {
    background: #2563eb;
    color: #fff;
  }

  .buy-btn:hover {
    background: #1d4ed8;
  }

  .details-btn {
    background: #e5e7eb;
    color: #111827;
  }

  .attendees {
    margin-top: 10px;
    display: flex;
    align-items: center;
  }

  .attendees img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: -8px;
    border: 2px solid #fff;
  }

  .attendees span {
    margin-left: 10px;
    font-size: 14px;
    color: #333;
  }

  .event-header {
    position: relative;
  }
  
  
.filtro-btn {
  padding: 6px;
  border-radius: 8px;
  transition: transform 0.2s ease;
}

.filtro-btn:hover {
  transform: scale(1.05);
}

.filtro-btn.active {
  border: 2px solid #2563eb;
  background-color: #e0ecff;
}
  
  

  
  
  




















.DataExtraSesion-Contenedor {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 98% !important;
  margin-left: 1%!important;
  margin-right: 1%!important;
}

.DataExtraSesion-Clase {
  font-weight: bold;
  font-size: 1rem;
  padding: 3px ;
  color: #000;
  background: #eee;
  border-left: 3px solid #444;
}

.DataExtraSesion-Sesion {
  font-weight: bold;
  font-size: 0.8rem;
  padding: 2px 4px;
  background: #ddd;
  color: #333;
}

.DataExtraSesion-Ganador {
	padding: 0px;
	margin: 0px;
	height: 90px;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.DataExtraSesion-Retrato {
	padding: 0;
	margin: 0;
	height: 90px;
	width: 90px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}



.DataExtraSesion-Dorsal {
	padding: 0px;
	background-color: #fff;
	margin: 5px;
	height: 20px;
	width: 40px;
	overflow: hidden;
	position: relative;
	float: left;
	font-size: 15px;
	line-height: 20px;
	color: #000;
	font-weight: 600;
	text-align: center;
	border-radius: 3px;
	border: 1px solid #000;
}

.DataExtraSesion-Logo {
	padding: 0px;
	margin: 0px;
	height: 30px;
	width: 30px;
	overflow: hidden;
	position: relative;
	float: left;
}

.DataExtraSesion-Logo img{
	margin: 2px;
	height: 24px;
	width: 24px;
}

.DataExtraSesion-Nombre {
  padding: 0px;
  margin: 0px;
  height: 30px;
  width: calc(100% - 85px);
  overflow: hidden;
  position: relative;
  float: left;
}
.DataExtraSesion-Nombre-Nombre {
	padding: 0px;
	margin: 0px;
	height: 16px;
	width: 100%;
	overflow: hidden;
	position: relative;
	float: left;
	font-size: 13px;
	line-height: 16px;
	padding-left: 5px;
	font-weight: 600;
	color: #000;
}

.DataExtraSesion-Nombre-Apellido {
	padding: 0px;
	margin: 0px;
	height: 10px;
	width: 100%;
	overflow: hidden;
	position: relative;
	float: left;
	font-size: 9px;
	line-height: 10px;
	padding-left: 5px;
	font-weight: 500;
	color: #333;
}



/* Opcional: estilos por clase */
.ItemClase1 .DataExtraSesion-Clase,
.ItemClase1 .DataExtraSesion-Dorsal {
  border-color: #007bff;
}
.ItemClase2 .DataExtraSesion-Clase,
.ItemClase2 .DataExtraSesion-Dorsal {
  border-color: #28a745;
}
.ItemClase3 .DataExtraSesion-Clase,
.ItemClase3 .DataExtraSesion-Dorsal {
  border-color: #dc3545;
}









.TituloCalChampSection {
  display: block;
  width: 100%;
  height: 50px !important;
  line-height: 50px !important;
  font-size: 35px ;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  color: #0764DE;
  text-align: left;
  padding-left: 10px;
  box-sizing: border-box;
  text-transform: uppercase; /* opcional, por si querés todo en mayúsculas */
}



.TituloCalChampSection span{
  font-weight: 900 !important;
}

.LinkTodos {
	margin-right:130px !important;
}



.disclaimer-footer {
    background-color: #d3d3d3; /* gris claro */
    color: #000000;            /* texto negro */
    font-size: 9px;            /* muy pequeño */
    border-radius: 3px;        /* borde redondeado */
    padding: 6px;              /* espacio interno */
    max-width: 100%;           /* evita desbordes */
    margin-top: 15px;          /* espacio arriba */
    text-align: left;        /* texto centrado */
	margin-bottom: 15px;

}

































.TablaResEnNotaXX-wrapper {
  /* Si necesitás ancho fijo, lo pones acá */
  width: 100%; /* o un ancho fijo si querés */
  /* height puede quedar automático o fijo */
}

.TablaResEnNotaXX-background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(https://metasport360.com/Meta_files/fabula.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80%;
	opacity: 0.1;
	z-index: 0;
	pointer-events: none;
}
.TablaResEnNotaXX,
.TablaResEnNotaXX tbody tr,
.TablaResEnNotaXX tbody tr td,
.TablaResEnNotaXX thead tr,
.TablaResEnNotaXX thead tr th {
  background-color: transparent !important;
  /* También opcional quitar borde si querés: */
  /* border-color: transparent !important; */
}





























#PreCampeonatos360Container {
  overflow: hidden;          
  padding: 1.5rem 1rem;       
  margin-left: 15px;         
  margin-right: 15px; 
}

#PreCampeonatos360Carousel {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  padding: 0 1rem;
  cursor: grab;
}

#PreCampeonatos360Carousel.dragging {
  cursor: grabbing;
  user-select: none;
}

.PreCampeonatos360Card {
  flex: 0 0 auto;
  width: 280px;
  height: 330px;
  background-size: cover;
  background-position: center;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 0;
  scroll-snap-align: start;
  transition: transform 0.3s ease;
  position: relative;
  overflow: hidden;
  margin: 10px 2px;
  border: 1px solid white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  background-color:#FFF !important;
}

.PreCampeonatos360Card-Header {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  color: #000; 
  padding: 0;
  box-sizing: border-box;
  background-color: #EAEAEA;
}

.PreCampeonatos360Card-Header-Logo {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}

.PreCampeonatos360Card-Header-Logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.PreCampeonatos360Card-Header-Categoria {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
}

.PreCampeonatos360Card-Nombre {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  height: 20px;
  color: #666;
  margin: 0px;
  padding-left:10px;
  position: absolute;
  left: 0px;
  top:45px;
  width: 100%;
  text-transform: uppercase;
}

.PreCampeonatos360Card-Apellido {
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-size: 26px;
  line-height: 28px;
  color: #0764DE;
  margin: 0px;
  padding-left:10px;
  position: absolute;
  left: 0px;
  top: 63px;
  width: 100%;
  text-transform: uppercase;
}

.PreCampeonatos360Card-Equipo {
  font-family: 'Poppins', sans-serif;
  font-weight:500;
  font-size: 12px;
  line-height: 15px;
  text-transform:uppercase;
  height: 15px;
  color: #666;
  margin: 0px;
  padding-left:10px;
  position: absolute;
  left: 0px;
  top: 90px;
  width:100%;
}

.PreCampeonatos360Card-Puntaje {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 2px dashed black;
  position: absolute;
  left: 10px;
  top: 120px;
  background-color: #fff;
  overflow: hidden;
  z-index:20;
}

.PuntajeTextoContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.PuntajeValor {
  font-family: "Hubot Sans", sans-serif!important;
  font-weight: 600;
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 22px;
  text-align: center;
  text-transform: uppercase;
  color: #0764DE;
}

.PuntajeTexto {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  position: absolute;
  top: 52px;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  color: #0764DE;
}

.PreCampeonatos360Card-Foto {
  position: absolute;
  top: 110px;
  right: 0;
  width: 150px;
  height: 150px;
  overflow: hidden;
}

.PreCampeonatos360Card-Foto img {
  width: 100%;
  height: auto;
  display: block;
}



.PreCampeonatos360Card-FooterChamp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background-color: white;
  border-top: 1px solid black;
  box-shadow: 0 -15px 15px -15px rgba(255, 255, 255, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index:99;
}

.PreCampeonatos360Card-FooterChamp .footer-link {
  text-decoration: none;
  color: #0764DE;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 12px;
  cursor: pointer;
  transition: color 0.3s ease;
}

.PreCampeonatos360Card-FooterChamp .footer-link:hover {
  color: #004aad;
}

.PreCampeonatos360Card-Marca {
  position: absolute;
  top: 40px;
  right:5px ;
  width: auto;
  height: 50px;
  display: flex;
  justify-content: right;
  align-items: right;
}

.PreCampeonatos360Card-Marca img {
  max-height: 40px;
  width: auto;
  max-width: 100%;
  display: block;
}

#PreCampeonatos360Carousel::-webkit-scrollbar {
  display: none;
}

#PreCampeonatos360Nav {
  text-align: center;
  margin-top: 10px;
}
#PreCampeonatos360Nav .bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  background: #bbb;
  border-radius: 50%;
  transition: background 0.3s;
}
#PreCampeonatos360Nav .bullet.active {
  background: #333;
}

@media (max-width: 600px) {
  .PreCampeonatos360Card {
    width: 85vw;
  }
}

.TitleSectionChamp {
  width: 100% !important;
  height: 50px;
  font-size: 20px;
  
  display:block;
  position:relative;
  padding-left: 30px;
  padding-top:20px;
  line-height: 50px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  box-sizing: border-box;
  text-transform:uppercase;
  margin: 10px 0;
}

@media (max-width: 600px) {
  .TitleSectionChamp {
    font-size: 22px;
    line-height: 40px;
    padding-left: 15px;
  }
}

.PreCampeonatos360Card-Mask {
  width: 150px;
  height: 150px;
  background-image: url('https://metasport360.com/maskchamp.png');
  background-size: 150px 150px;
  background-repeat: no-repeat;
  background-position: center;
}

.PreCampeonatos360Card-Seguidores {
  position: absolute;
  bottom:10px;
  left: 0;
  width: 100%;
  height: 70px;
  border-top: 2px solid #0764DE;
  box-shadow: 0 -8px 8px -4px rgba(0, 0, 0, 0.6);
  overflow: hidden;
  background-color: #fafafa;
}

.PreCampeonatos360Card-Seguidores-Row {
	float: left;
	height: 25px;
	width: 100%;
	position: relative;
	border-bottom: 1px dashed gray;
	padding: 0px;
	box-sizing: border-box;
	overflow: hidden;
}

.PreCampeonatos360Card-Seguidores-Row:last-child {
  border-bottom: none;
}

.PreCampeonatos360Card-Seguidores-Row-Pos {
	width: 26px;
	font-size: 15px;
	font-weight: 500;
	color: #333;
	text-align: center;
	margin: 0;
	border-radius: 2px;
	line-height: 25px;
	height: 26px;
	flex-shrink: 0;
	padding: 0px;
	float: left;
	position: relative;
}

.PreCampeonatos360Card-Seguidores-Row-Nro {
	width: 26px;
	background-color:#0764DE;
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	margin: 0;
	margin-top:4px;
	margin-bottom:4px;
	border-radius: 2px;
	line-height: 18px;
	height: 17px;
	flex-shrink: 0;
	padding: 0px;
	float: left;
	position: relative;
	border-radius:3px;
}

.PreCampeonatos360Card-Seguidores-Row-Logo {
  width: 40px;
  margin: 0;
  height: 26px;
  padding: 0px;
  float: left;
  position: relative;
  text-align: center; /* Centrado horizontal para contenido inline-block */
}

.PreCampeonatos360Card-Seguidores-Row-Logo img {
  height: 100%;
  width: auto;
  display: inline-block; /* Se centra con text-align del contenedor */
  vertical-align: middle;
}

.PreCampeonatos360Card-Seguidores-Row-Apellido {
  width: 100px;
  background-color: transparent; /* Fondo transparente */
  font-size: 15px;
  font-weight: 600;
  color: #333;
  text-align: left; /* Alineado a la izquierda */
  margin: 0;
  border-radius: 2px;
  line-height: 25px;
  height: 26px;
  flex-shrink: 0;
  padding-left: 2px; /* Padding a la izquierda */
  float: left;
  position: relative;
  text-transform: uppercase; /* Todo en mayúsculas */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip; /* Sin puntos suspensivos */
}

/* Degradado para fundir texto al fondo blanco en el borde derecho */
.PreCampeonatos360Card-Seguidores-Row-Apellido::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(to right, rgba(255,255,255,0), #fff 90%);
}



.PreCampeonatos360Card-Seguidores-Row-Puntos {
	width: 42px;
	background-color: #CCC;
	font-size: 12px;
	font-weight: 500;
	color: #000;
	text-align: center;
	border-radius: 2px;
	line-height: 20px;
	height: 20px;
	flex-shrink: 0;
	padding: 0px;
	float: left;
	position: relative;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
}

.PreCampeonatos360Card-Seguidores-Row-Gap {
	width: 40px;
	font-size: 10px;
	font-weight: 500;
	color: #666;
	text-align: left;
	margin: 0;
	border-radius: 2px;
	line-height: 25px;
	height: 26px;
	flex-shrink: 0;
	float: left;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
}













































  #chat-container {
    width: 100% !important;
    margin: 0 auto;
    height: 400px;
    display: flex;
    flex-direction: column;
  }
  #messages {
    flex: 1;
    overflow-y: auto;
    padding: 4px;
  }
.message {
  margin-bottom: 3px;
  clear: both;
  background-color: transparent; /* Fondo transparente */
  padding: 0px;
  float: left;
  height: auto;
  width: 100%;
  margin-top: 0px;
  position: relative;
  border-bottom: 1px solid #ccc; /* Borde inferior gris */
}

  .message .header {
	display: flex;
	align-items: center;
	background-color: transparent; /* Fondo transparente */
	padding: 0px;
	float: left;
	height: 25px;
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px!important;
	margin-left: 0px;
  }
  .message .header img{
    width: 26px !important;
    height: 26px !important;
    display: flex;
	border-radius:2px !important;
    align-items: center;
    margin: 2px !important;
  }
  .message .avatar {

  }
  .message .name {
   font-family: "Hubot Sans", sans-serif;
   font-weight:500!important;
   font-size:11px;
   color:#0764DE!important;
   padding-left:5px!important;
  }
  .message .text {
	white-space: pre-wrap;
	font-size: 11px;
	line-height: 13px;
	color: #000;
	padding-top: 10px!important;
	padding-right: 4px;
	padding-bottom: 10px!important;
	padding-left: 4px;
  }
  #send-box {
    display: flex;
    border-top: 1px solid #ccc;
  }
  #message-input {
    flex: 1;
    padding: 10px;
    border: none;
  }
  #send-btn {
    padding: 10px 15px;
    cursor: pointer;
  }
  #login-btn, #logout-btn {
    margin: 10px auto;
    display: block;
    padding: 10px 15px;
    border: none;
    cursor: pointer;
    max-width: 600px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
.YaCharlamos-contenedor {

}

.YaCharlamos-mensaje {
	display: block;
	padding: 3px;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.08);
	background-color: #CCFF33;
	margin: 3px;
	float: left;
	height: auto;
	width: 100%;
	position: relative;
}



.YaCharlamos-Header {
	width: 100%!important;
	height: 30px;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
}
.YaCharlamos-Header-Avatar {
	width: 30px;
	height: 30px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 50%; /* para que sea redondo, opcional */
	flex-shrink: 0; /* para evitar que se achique en flex */
	background-color: #F00;
}

.YaCharlamos-Header-Nombre {
	height: 30px;
	line-height: 30px;
	width: 80% !important;
	font-weight: 600;
	font-size: 14px;
	color: #333;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	background-color: #60C;
}


.YaCharlamos-Comentario {
	background-color: #D6D6D6;
	display: block !important;
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 100% !important;
	min-width: 100% !important;
	position: relative !important;
}

.YaCharlamos-nombre {
  font-weight: 600;
  font-size: 0.95rem;
  display: block;
  margin-bottom: 2px;
}

.YaCharlamos-fecha {
  font-size: 0.7rem;
  color: #777;
  margin-bottom: 6px;
  display: block;
}

.YaCharlamos-texto {
  font-size: 0.9rem;
  line-height: 1.3;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.YaCharlamos-empty {
  text-align: center;
  font-style: italic;
  color: #666;
  margin: 20px 0;
}
















#modalAudioContent {
  background: url('<?= $CFG_Domain; ?>/wave.gif') center center no-repeat;
  background-color: #000 ;
  background-position:top;
  background-size:100% 90px;
  padding-top:90px;
}
.VideoSplash360 video {
	position: absolute;
	z-index: 20;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;

}
.BannerAdsShow.FooterAd {
	display: flex;
	overflow-x: auto; /* permite scroll horizontal */
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch; /* scroll suave en iOS */
	scrollbar-width: none; /* oculta scrollbar en Firefox */
	margin: 0px;
	padding-top: 40px !important;
	padding-right: 0px;
	padding-bottom: 40px !important;
	padding-left: 0px;
	min-height:100px !important
}

.FooterAd::-webkit-scrollbar {
    display: none; /* oculta scrollbar en Chrome/Safari */
}

.FooterAd img {
    height: 40px;
    width: auto;
    flex-shrink: 0; /* evita que se achiquen */
    margin-right: 10px; /* separación por defecto */
	margin-top:40px;
}






































.Nota-Result-Div-Header-Champ {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	background-color: #D6D6D6;
	float: left;
	height: 40px;
	width: 100%;
	position: relative;
	line-height: 40px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.Nota-Result-Div-Header-Champ-logo {
  width: 40px !important;
  height: 40px !important;
  background-color: #FFF !important; /* Color de fondo de respaldo */
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  margin-right: 15px !important;
  float: left !important;
  display: inline-block !important;
}

.Nota-Result-Div-Header-Champ-logo img {
  height: 40px !important;
  width: 40px !important;
  padding: 0px !important;
  margin: 0px !important;
  border: none !important;
}

.Nota-Result-Div-Header-Champ-text {
  font-weight: bold ;
  font-size: 1.2rem ;
  color: #000 ;
  display: flex;
  align-items: center; /* ✔ centra verticalmente */
  height: 100%;         /* ✔ asegura altura completa del contenedor */
}



.Nota-Result-Div-Header-Champ-right_movil {
	display:none;
	visibility:hidden;
}

.Nota-Result-Div-Header-Champ-right {
  font-size: 14px;
  margin-left: auto;
  white-space: nowrap;
}

.VerCampeonatoLink {
  text-decoration: none;
  color: #0366d6;
  font-weight: bold;
}

.VerCampeonatoLink:hover {
  text-decoration: underline;
}

.MarcaBandera {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}

img.MarcaBandera {
  width: auto;
  height: 30px;
}

.RRRowName {
	line-height: 18px;
	color: #000000;
	margin: 0px !important;
	padding: 0px !important;
	height: 18px;
	float: left;
	position: relative;
	width: 100%;
	font-size: 15px;
	font-weight: 500;
}

.RRRowTeam {
    line-height: 12px;
    color: #666;
    margin: 0 !important;
    padding: 0 !important;
    height: 12px;
    float: left;
    position: relative;
    width: 100%;
    font-size: 11px;
    font-weight: 400;
    font-style: italic;

    white-space: nowrap;       /* No saltar de línea */
    overflow: hidden;          /* Oculta contenido que desborda */
    
    /* Fade a blanco al final */
    -webkit-mask-image: linear-gradient(to right, black 80%, transparent 100%);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: linear-gradient(to right, black 80%, transparent 100%);
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.td-no-padding {
	padding: 0 !important;
	position: relative;
}
.td-no-padding p {
  margin: 0 !important;
  padding: 0 !important;
}
.dif-muted {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 13px;
	line-height: 30px;
	font-weight: 600;
	color: #B2B2B2;
}



.SoloPC {

}
.td-center-img {
    display: flex;              /* Activamos flexbox */
    justify-content: center;    /* Centrado horizontal */
    align-items: center;        /* Centrado vertical */
    max-height:35px!important;               /* Asegura que ocupe toda la altura del td */
    padding: 0!important;
	min-width:35px !important;
}

.td-center-img img {
    max-height:40px!important;               /* Asegura que ocupe toda la altura del td */
}

.SoloMovil {
	display:none!important;
	visibility:hidden!important;
}

.SoloMovil {
	display:none!important;
	visibility:hidden!important;
}







@media (max-width: 430px) {
    .FooterAd {
        white-space: nowrap; /* evita que las imágenes bajen de línea */
    }
    .FooterAd img {
        height: auto;
        max-height: 50px !important;
        width: auto !important;
        flex-shrink: 0; /* evita que se achiquen */
        margin-right: 4px; /* separación más estrecha en móviles */
    }	
	
	
	

.TituloSeccion a {
	font-size: 12px;
	font-weight: 300;
	color:#0764DE; /* texto blanco */
	width: auto;
	float: left;
	line-height: 17px;
	height: 18px;
	background-color: transparent !important; 
	margin: 0px;
	padding: 0px 5px;
	text-decoration: none !important; 
	transition: background-color 0.3s ease, color 0.3s ease; /* efecto fade */
	border-radius:3px;
	text-transform:none !important;
}
	
.LinkTodos {
	margin-right:130px !important;
}
	
	
	
	
body{
	padding-bottom:100px !important;
}	
	
	
	
	
	
.textoBajada {
	background-color: #E8E8E8!important;
	color: #000 !important;
	font-size:12px;
	font-weight: 400 !important;
	font-style: italic!important;
	padding: 6px!important;
	border-radius: 4px!important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1)!important;
	margin-bottom: 10px!important;
	margin-top: 5px;
}	
	
	
#PreCampeonatos360Container {
  overflow: hidden;          
  padding: 0.7rem 0.7rem;       
  margin-left: 15px;         
  margin-right: 15px; 
}

	
	
	  /* Contenedor deslizable en segunda línea, ancho completo */
  .Pre-Calendario-scroll {
    flex: 1 1 100%;
    overflow-x: auto;
    gap: 1px!important;
    scrollbar-width: thin;
	padding-top:15px;
  }
  
  .PagCalendarMovil.Pre-Calendario-scroll {
	top:45px;
  }
  
  
  .PagCalendarMovil .TituloCalChampSection {
	font-size:15px !important;
  }
  
  
  
  
  
  
  .PagCalendarMovil {
	margin-top:5px!important;
  }
  
  
  

  /* Botones deslizados tamaño pequeño */
  .Pre-Calendario-btn {
	width: 55px !important;
	height: 55px !important;
	padding: 0;
	padding: 0;
	margin-right:5px!important;
	border:none !important;
  }

  .Pre-Calendario-btn img {
	border: 0.5px solid #000 !important;
    max-width: 55px!important;
    max-height: 55px!important;
    width: 55px!important;
    height: 55px!important;
	border-radius:5px;
	padding:5px!important;
  }



.Pre-Calendario-arrow {
    position: absolute;
    top: 10px;
    transform: translateY(-50%);
    width: 60px;
    height: 80px;
    background: transparent;
    color: #000;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    user-select: none;
    transition: color 0.3s ease;
  }







  /* Flechas más pequeñas */
  .Pre-Calendario-arrow {
    width: 35px;
    height: 50px;
  }
  .Pre-Calendario-arrow svg {
    width: 20px;
    height: 30px;
  }
  
  
  
  
  
  
  
  
.Nota-Result-Div-Header-Champ {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	background-color: #000;
	float: left;
	border-radius: 3px 3px 0 0 !important;
	height: 30px;
	width: 100%;
	position: relative;
	line-height: 30px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 2px;
}  
  
 
  
.Nota-Result-Div-Header-Champ-logo {
  width: 27px !important;
  height: 27px !important;
  background-color: transparent !important; /* Color de fondo de respaldo */
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  margin: 2px !important;
  margin-right: 5px !important;
  float: left !important;
  display: inline-block !important;
  overflow:hidden;
  border-radius:3px;
}
.Nota-Result-Div-Header-Champ-text {
  font-weight: bold ;
  font-size: 1.2rem ;
  color: #fff !important;
  display: flex;
  align-items: center; /* ✔ centra verticalmente */
  height: 100%;         /* ✔ asegura altura completa del contenedor */
}
.Nota-Result-Div-Header-Champ-right_movil {
	display: block;
	visibility: visible;
	background-color: transparent!important;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 32px;
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 26px;
	line-height: 31px;
	color: #0764DE;
	text-align: center;
}

.Nota-Result-Div-Header-Champ-right, td.OcultaMovil {
	display:none!important;
	visibility:hidden!important;
}

.SoloMovil {
	display: block!important;
	visibility: visible!important;
}


.SoloPC {
	display:none!important;
	visibility:hidden!important;
}


.VerCampeonatoLink {
  text-decoration: none;
  color: #0366d6;
  font-weight: bold;
}

.VerCampeonatoLink:hover {
  text-decoration: underline;
}	




.Nota-Result-Div-Header-Champ-text {
  font-weight: 500 !important;
  font-size: 0.8rem  !important;
  color: #000 ;
  display: flex;
  align-items: center; /* ✔ centra verticalmente */
  height: 100%;         /* ✔ asegura altura completa del contenedor */
}

.Nota-Result-Div-Header-Champ-right {
  font-size: 14px;
  margin-left: auto;
  white-space: nowrap;
}

.VerCampeonatoLink {
  text-decoration: none;
  color: #0366d6;
  font-weight: bold;
}

.VerCampeonatoLink:hover {
  text-decoration: underline;
}



.TablaResEnNotaXX th,
.TablaResEnNotaXX td {
    padding: 2px !important;
}

td.MovilPuntos {
	min-width:100px !important;
}



table.TablaResEnNotaXX tr:last-child {
    border-bottom: 1px solid #000 !important;
}


  .TituloCalChampSection {
	font-size:15px !important;
  }

  #TablasCampeonatos360Tabs {
	  padding-left:15px;
  }
  
  #TablasCampeonatos360Tabs button {
    padding: 2px 3px;
    background: #f1f5f9;
    border: 1px solid #ccc;
    border-radius: 2px;
    cursor: pointer;
    font-weight: 300;
	font-size:12px;
    transition: background-color 0.25s ease;
}
  
.TablaResEnNotaXX-wrapper {
	margin-left:5px;
	margin-right:5px;
	width: calc(100% - 10px)
}  


	
.td-center-img {
    display: flex;              /* Activamos flexbox */
    justify-content: center;    /* Centrado horizontal */
    align-items: center;        /* Centrado vertical */
    height: 100%;               /* Asegura que ocupe toda la altura del td */
    padding: 0;
	min-width:35px !important;
}
td.CentroSpan {
    justify-content: center; /* Centrado horizontal */
    align-items: center;     /* Centrado vertical */
    padding: 0;              /* Evitar padding que desplace */
}
.RowPagePos {
    display: flex;                  /* Flex para centrar */
    justify-content: center;        /* Centrado horizontal */
    align-items: center;            /* Centrado vertical */
    width: 90%;                     /* Ancho 90% */
    height: 20px;                   /* Altura fija */
    margin: 0 5%;                   /* Márgenes laterales */
    padding: 0 4px;                 /* Padding lateral */
    font-size: 12px;
	line-height:20px;                /* Tamaño de fuente */
    text-align: center;             /* Centrado texto */
    border-radius: 3px;             /* Bordes redondeados */
    background-color: #333;      /* Fondo azul */
    color: #CCC;                    /* Texto blanco */
    font-weight: 300;               /* Peso del texto */
    box-sizing: border-box;
	margin-top:5px;         /* Padding incluido en ancho */
}
	
.RowPageNro {
    display: flex;                  /* Flex para centrar */
    justify-content: center;        /* Centrado horizontal */
    align-items: center;            /* Centrado vertical */
    width: 90%;                     /* Ancho 90% */
    height: 20px;                   /* Altura fija */
    margin: 0 5%;                   /* Márgenes laterales */
    padding: 0 5px;                 /* Padding lateral */
    font-size: 12px;
	line-height:20px;                /* Tamaño de fuente */
    text-align: center;             /* Centrado texto */
    border-radius: 3px;             /* Bordes redondeados */
    background-color: #06C;      /* Fondo azul */
    color: #fff;                    /* Texto blanco */
    font-weight: 500;               /* Peso del texto */
    box-sizing: border-box;         /* Padding incluido en ancho */
	margin-top:5px;         /* Padding incluido en ancho */
}




img.MarcaBandera {
    display: block!important;          /* Evita espacios debajo de la imagen */
    width: auto!important;             /* Ajusta automáticamente según la altura */
    max-height: 30px!important;        /* Altura máxima */
    height: auto!important;            /* Mantiene proporción */
    margin: 2px !important;
    object-fit: contain!important;     /* Mantiene la proporción dentro del contenedor */
}



}





  
.EsProximo {
}

  
.EsSiguiente {
}


  
.EsProximo .event-card {
    border: 3px solid  #090 !important;
	background-color: #DFD !important;
	border-radius:16px;
}

  
.EsSiguiente .event-card {
    border: 3px solid #09C;
	border-radius:16px;
	background-color: #D2E9FF!important;
}

































































#fullScreenDiv {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100vw;
    height: 100vh;
	background-color: #fff!important;
    color: #fff;
    z-index: 9999;
    overflow: auto;
    padding: 20px;
    box-sizing: border-box;
    transition: top 0.5s ease;
}
  
  

/* HEADER */
#Div-360-Live-Header{
    display:flex;
    height:100px;
    border-bottom:1px solid #555;
}
#Div-360-Live-Select{
    width:14%;
    padding:0px;
    display:flex;
    flex-direction:column;
    gap:1px;
    overflow-x:auto;
}

#Div-360-Live-Select p{
    color:#333;
	font-size:9px !important;
	padding: 0px;
	margin: 0px;
}

.tab-row {
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}

.tab-button {
    background: #333;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    display: flex;
    align-items: center;
    height: 22px;
    width: 85%; /* un poco menos ancho */
    padding: 1px 1px;
    font-size: 11px;
    margin-right: 5px;
}

.tab-button img {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}

.tab-button.active {
    background: #0066cc;
    color: #fff;
}

.spy-button {
    background: #555;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    height: 22px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.spy-button:hover {
    background: #777;
}

.spy-button img {
    width: 14px;
    height: 14px;
}


#Div-360-Live-Data-Serie{
    width:86%;
    padding:0px;
    display:block;
    flex-direction:column;
    justify-content:center;
	
}


#Div-360-Live-Data-Serie-Lider {
	width: 25%;
	color: #fff;
	padding: 0px;
	box-sizing: border-box;
	margin: 0px;
	float: left;
	height: 100%;
	position: relative;
}


#Div-360-Live-Data-Serie-Lider p {
	font-size: 11px;
	line-height: 14px !important;
	text-transform: uppercase;
	text-align: center;
	font-weight: 400 !important;
	padding: 0px;
	float: left;
	height: 14px;
	background-color: transparent !important;
	color: #000;
	width: 98%;
	position: relative;
	border-radius: 3px;
	line-height: 1; /* altura exacta igual al tamaño de fuente */
	-webkit-font-smoothing: antialiased; /* suaviza en WebKit */
	-moz-osx-font-smoothing: grayscale;  /* suaviza en macOS */
	font-smooth: always; /* para algunos navegadores */
	text-rendering: optimizeLegibility;  /* mejor kerning y ligaduras */
	letter-spacing: 0.5px; /* opcional: da aire uniforme entre letras */
	font-variant-ligatures: none; /* quita ligaduras que alteran altura */
	margin: 2px;
}
#Div-360-Live-Data-Serie-Lider p conectando{
	color: #06C !important;
}

#Div-360-Live-Data-Serie-Lider p conectado{
	color: #093 !important;
}

#Div-360-Live-Data-Serie-Lider p conectado b{
	color: #060 !important;
	font-weight: 700 !important;
}
#Div-360-Live-Data-Serie-Lider p cerrada{
	font-weight: 500 !important;
	color: #F00 !important;
}

#Div-360-Live-Data-Serie-Lider p fallo{
	font-weight: 500 !important;
	color: #F60 !important;
}



#Div-360-Live-Data-Serie-Lider h1 {
	font-size: 18px;
	line-height: 27px !important;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	padding: 0px;
	float: left;
	height: 25px;
	width: 98%;
	position: relative;
	border-radius: 3px;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 0px;
	margin-left: 1%;
    line-height: 1; /* altura exacta igual al tamaño de fuente */
    -webkit-font-smoothing: antialiased; /* suaviza en WebKit */
    -moz-osx-font-smoothing: grayscale;  /* suaviza en macOS */
    font-smooth: always; /* para algunos navegadores */
    text-rendering: optimizeLegibility;  /* mejor kerning y ligaduras */
    letter-spacing: 0.5px; /* opcional: da aire uniforme entre letras */
    font-variant-ligatures: none; /* quita ligaduras que alteran altura */	
}

#Div-360-Live-Data-Serie-Parciales {
    width: 75%;
	padding: 0px;
	box-sizing: border-box;
	margin: 0px;
	float: left;
	height: 100%;
	position: relative;
}

































/* Encabezados */
#Div-360-Live-Head-Rows{
	display: flex;
	width: 100%;
	padding: 5px 10px;
	font-weight: bold;
	border-bottom: 2px solid #555;
	background-color: #000;
}



#Div-360-Live-Head-Rows .Live-Cell-Piloto {
    width: 15%!important;
    font-weight: 600;
	background-color:#099;
    white-space: nowrap;       /* evita que el texto salte de línea */
    overflow: hidden;          /* oculta el exceso */
    background: #000!important;         /* fondo blanco */
    
}



#Div-360-Live-Head-Rows div{
	color: #fff !important;
	font-weight:600 !important;
}
.cell{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:left;
	color:#333;
	 font-size:11px !important;
}





















.Live-Cell-Pos{width:2%;}
.Live-Cell-Dorsal{width:2%;}
.Live-Cell-Dorsal span{
	background-color: #666;
	font-weight: 500;
	color: #FFF;
	border-radius: 3px!important;
	text-align: center;
	width: 93%;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	margin-right:4px;
}

.Live-Cell-Piloto {
    width: 15%!important;
    font-weight: 600;
	padding-left:10px;
	background-color:#099;
    white-space: nowrap;       /* evita que el texto salte de línea */
    overflow: hidden;          /* oculta el exceso */
    background: white;         /* fondo blanco */
    -webkit-mask-image: linear-gradient(to right, black 80%, transparent 100%);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: linear-gradient(to right, black 80%, transparent 100%);
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
	text-transform:uppercase;
}



.Live-Cell-Equipo{width:13%;font-weight:400;}
.Live-Cell-Marca{width:10%;}
.Live-Cell-Clase{width:9%; display:none !important;}


.Live-Cell-UltVuelta{width:7%;}


.inbox {
    border-radius: 3px!important;
    background-color: yellow!important;
    color: black!important;
    text-transform: uppercase; /* Texto en mayúsculas */
    text-align: center; /* Centrar el texto */
    padding: 0 10px; /* Padding a los costados (izquierda y derecha) */
    font-size: 10px; /* Tamaño de texto */
    max-height: 15px; /* Altura máxima del elemento */
    overflow: hidden; /* Asegura que no se desborde si el texto es demasiado largo */
}







.Live-Cell-Vueltas{width:3%;}

.Live-Cell-Total{width:8%;}
.Live-Cell-Sector{
	text-align: center!important;
	border-radius: 4px!important;
	overflow: hidden!important;
	width: 65px;
	margin-top: 0px;
	margin-right:2px;
	margin-bottom: 0px;
	margin-left:2px;
}





#Div-360-Live-Espia .Live-Cell-Pos{width:15% !important;}
#Div-360-Live-Espia .Live-Cell-Dorsal{width:15% !important;}
#Div-360-Live-Espia .Live-Cell-Piloto{width:55% !important;}

#Div-360-Live-Espia .Live-Cell-Total{width:15% !important;}





























/* Top 3 */
#Div-360-Live-Top-3{
	display: flex;
	flex-direction: column;
	box-shadow: 0 10px 10px -5px rgba(0,0,0,0.7); /* sombra solo hacia abajo */
	background-color: #D6D6D6;
	z-index:999999999999999999999999999;
}

/* RESTO CON SCROLL */
#Div-360-Live-Top-Todos{
    flex:1;
    display:flex;
    flex-direction:column;
    overflow-y:auto;
	z-index:222;
}

/* Scroll personalizado */
#Div-360-Live-Top-Todos::-webkit-scrollbar{
    width:3px;
}
#Div-360-Live-Top-Todos::-webkit-scrollbar-track{
    background: transparent;
}
#Div-360-Live-Top-Todos::-webkit-scrollbar-thumb{
    background: #00ffff;
    border-radius: 2px;
}

/* FILAS */
.row{
    background-color:#fff;
    display:flex;
    padding:3px 6px;
    align-items:left;
}
.row:nth-child(even){
}
.row.up{background-color: #E6FFE6;}
.row.down{background-color: #FFD9D9;}

/* Footer */
#Div-360-Live-Footer{
	height: 200px !important;
	border-top: 1px solid #fff;
	display: block;
	padding: 0 10px;
	background-color: #000;
	position: absolute;
	width: 100%;
	left: 0px;
	top: calc(100% - 200px); /* Aquí restamos la altura */
	box-shadow: 0px -30px 30px 0px rgba(255,255,255,0.5);
	z-index:-10;
}
  
.live-clock{
	padding: 0px;
	float: left;
	height: 45px;
	width: 30%;
	position: relative;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 0px;
	margin-left: 1%;
}
  
.live-clock h2{
	font-size: 13px !important;
	line-height: 20px !important;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	margin: 0px !important;
	padding: 0px !important;
	float: left;
	height: 20px !important;
	width: 100%;
}
  
#live-clock{
	font-size: 23px !important;
	line-height: 25px !important;
	text-transform: uppercase;
	letter-spacing:0px;
	color: #0F6;
	background-color: #000;
	text-align: center;
	padding: 0px !important;
	float: left;
	height: 25px !important;
	width: 98%;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 0px;
	margin-left: 1%;
	border-radius:3px;
}
  
#live-flag{
	font-size: 23px !important;
	line-height: 25px !important;
	text-transform: uppercase;
	letter-spacing:0px;
	color: #0F6;
	background-color: #000;
	text-align: center;
	padding: 0px !important;
	float: left;
	height: 25px !important;
	width: 98%;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 0px;
	margin-left: 1%;
	border-radius:3px;
	overflow:hidden;
}
  
#live-flag b{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 25px;
	width: 50%;
	position: relative;
	font-size: 16px;
	line-height: 25px;
	text-align: center;
}

/* Primer <b> */
#live-flag b:first-child {
    background-color: #152031;
	color:#0FF;
}

/* Segundo <b> */
#live-flag b:last-child {
	background-color: #28230F;
	color: #F90;
}
  
#live-laps{
	font-size: 23px !important;
	line-height: 25px !important;
	text-transform: uppercase;
	letter-spacing:0px;
	color: #0F6;
	background-color: #000;
	text-align: center;
	padding: 0px !important;
	float: left;
	height: 25px !important;
	width: 98%;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 0px;
	margin-left: 1%;
	border-radius:3px;
}
  
.LiveFlag5{
  	color: #FFF!important;
	background-color: #F09!important;
}
  
  
.LiveFlag0{
  	color: #FFF!important;
	background-color: #093!important;
}
  
.LiveFlag1{
  	color: #000!important;
	background-color: #F90!important;
}
  
  
.LiveFlag3{
  	color: #fff!important;
	background-color: #000!important;
}
  
  
/* Contenedor general */
#Div-360-Live-Data {
    display: flex;
    width: 100%;
    height: 90px; /* ejemplo, ajustá según tu layout */
}


/* Record */
.Div-360-Live-Data-Record {
	width: 18%!important;
	height: 100%;
	color: #000;
	display: flex;
	align-items: center;
	padding-left:2%!important;
	justify-content: center;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #000 !important;
	margin-right:10PX!important;
}

/* Sector */
.Div-360-Live-Data-SectoresParciales {
    width: 60%;
    height: 100%;
    margin: 0 3px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
	overflow:hidden;
}

/* Sector */
.Div-360-Live-Data-Sector {
	width: 18%;
	height: auto;
	color: #000;
	display: block;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	float: left;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 3px;
	position: relative;
	background-color: #EAEAEA;
	border-radius:3px;
}
/* Contenedor del puntero */
.Div-360-Live-Data-Puntero {
    width: 20%;
    height: 100%;
    color: #fff;
    display: flex;
    flex-direction: column; /* apilar los h1,h2,h3 */
    align-items: stretch;   /* que ocupen todo el ancho */
    justify-content: flex-start;
    padding: 0;
    box-sizing: border-box;
}

/* Estilos generales para los h dentro de #Puntero */
#Puntero h1 {
    font-size: 11px !important;
    line-height: 15px !important;
    text-transform: uppercase;
	font-weight:400 !important;
    color: #000;
    text-align: left!important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    box-sizing: border-box;
	padding-left:4px!important;
}
  

/* Estilos generales para los h dentro de #Puntero */
#Puntero h2 {
    font-size: 15px !important;
    line-height: 20px !important;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    box-sizing: border-box;
}
/* Estilos generales para los h dentro de #Puntero */
#Puntero h2 span{
	font-size: 15px;
	line-height: 20px;
	color: #fff;
	background-color: #069;
	text-align: center;
	padding: 0px;
	float: left;
	height: 20px;
	width: 45px;
	position: relative;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	border-radius:3px;
}
  

/* Estilos generales para los h dentro de #Puntero */
#Puntero h3 {
    font-size: 15px !important;
    line-height: 20px !important;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    box-sizing: border-box;
}
  
  
  

  
  
  
/* Contenedor del puntero */
.Div-360-Live-Data-Record {
    width: 20%;
    height: 100%;
    display: flex;
    flex-direction: column; /* apilar los h1,h2,h3 */
    align-items: stretch;   /* que ocupen todo el ancho */
    justify-content: flex-start;
    padding: 0;
    box-sizing: border-box;
}

  
  
  
  

/* Estilos generales para los h dentro de #Puntero */
#Record h1 {
    font-size: 11px !important;
    line-height: 15px !important;
    text-transform: uppercase;
	font-weight:400 !important;
    color: #000;
    text-align: left!important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    box-sizing: border-box;
	padding-left:4px!important;
}
  
#Record h2 {
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    color: #000;
    margin: 0;
    padding: 0;
    display: flex;          /* activa flex para alinear elementos en línea */
    align-items: center;    /* centra verticalmente span y strong */
    width: 100%;            /* h2 ocupa todo el ancho */
    box-sizing: border-box;
}

#Record h2 span {
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    height: 20px;
    width: 45px;           /* ancho fijo a la izquierda */
    border-radius: 3px;
    flex-shrink: 0;        /* no se encoge */
}

#Record h2 strong {
    font-size: 15px;
    line-height: 20px;
    color: #000;
    text-align: center;
    height: 20px;
    border-radius: 3px;
    flex-grow: 1;           /* ocupa todo el espacio restante */
}

/* Estilos generales para los h dentro de #Puntero */
#Record h3 {
    font-size: 15px !important;
    line-height: 20px !important;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    box-sizing: border-box;
}
  
  
  

  
  
  
.record-line {
    display: flex;
    align-items: center;
    width: 100%;
    color: #000;
	
}

.record-number {
    background-color: #069; /* azul */
    color: #FFF !important;
	font-weight:700 !important;
    padding: 0 5px;
    height: 20px;
    min-width: 45px;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    flex-shrink: 0; /* no se encoge */
}

.record-name {
    margin-left: 8px; /* separación del número */
    flex-grow: 1; /* ocupa todo el espacio restante */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip; /* recorta texto que sobra */
    position: relative;
    color: #000 !important;
}

.NombreSector {
	font-size: 13px;
	font-weight:500;
	line-height: 25px;
	color: #666;
	text-align: center;
	float: left;
	height: 25px;
	width: 100%;
	position: relative;
}


.DorsalPiloto {
  position: relative;
  display:block;
  float: left;
  width: 35px;
  height: 20px;
  line-height: 20px;
  background: #06C;     /* azul */
  color: #fff;
  text-align: center;
  font-size:12px;
  font-weight: 300;
  border-radius: 4px;
}

.NombrePiloto {
  position: relative;
  font-weight: 600;
  font-size:14px;
  letter-spacing:-1px;
  display:block;
  float: left;
  width: calc(100% - 45px);  /* ocupa el resto */
  height: 20px;
  line-height: 20px;
  margin-left: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


.TiempoPiloto {
	font-size: 16px;
	line-height: 25px;
	color: #096;
	text-align: center;
	float: left;
	height: 25px;
	width: 100%;
	position: relative;
}

  

.mejorpropio {
  	color: #fff!important;
	background-color: #F09!important;
}


.mejorsector {
  	color: #fff!important;
	background-color: #093!important;
}

  
  
  
  
#Div-360-Live-Main, #Div-360-Live-Espia {
    transition: all 1s ease; /* animación suave para tamaño y opacidad */
}

#Div-360-Live-Espia {
    color: #000!important;
	background-color:#FFF;
    margin: 0;
    padding: 8px;
    height: auto;
    min-width: 0;
    max-width: 25%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;       /* inicio invisible */
    pointer-events: none; /* evita que interfiera hasta mostrarse */
}
#Div-360-Live-Espia.mostrar {
    opacity: 1;       /* aparece suavemente */
    pointer-events: auto;
}
    
  .EspiandoHeader {
    width: 100%;
    max-height: 30px;
    display: flex;
    align-items: center;  /* centra verticalmente */
    padding: 0 8px;
    background-color: #093;  /* mismo color que tu div espía */
    color: #fff;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 14px;
    overflow: hidden;
}

.EspiandoHeaderLogo {
    margin-right: 10px;
    flex-shrink: 0;  /* no deja que se reduzca la imagen */
}

.EspiandoHeaderLogo img {
    display: block;
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.EspiandoHeaderTitle {
    text-transform: uppercase;
    white-space: nowrap;
}






































.Div-360-Live-Marca {
	height: 40px;
	width: 100%;
	background: transparent;
	display: flex;
	align-items: center;
	font-size: 38px;
	font-weight: 900;
	color: #C9C9C9; /* celeste */
	text-transform: uppercase;
	margin-top: -10px !important;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.Div-360-Live-Marca img {
    height: 40px;
    width: auto;
    margin-right: 15px;
}


/* Top 3 fijo */
#Div-360-Live-Top-3 {
	display: flex;
	flex-direction: column;
	box-shadow: 0 10px 10px -5px rgba(0,0,0,0.7); /* sombra solo hacia abajo */
	background-color: #D6D6D6;
	z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
	flex: 0 0 auto;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: solid;
	border-right-color: #F00;
	border-bottom-color: #06F;
}
/* Resto con scroll */
#Div-360-Live-Top-Todos {
    flex: 1 1 auto; /* Ocupa todo el espacio restante */
    display: flex;
	z-index:999999999999999;
	max-height:500px!important;
    flex-direction: column;
	padding-bottom:200px!important;
    overflow-y: auto !important;
    z-index: 1; 
}

/* Scroll personalizado */
#Div-360-Live-Top-Todos::-webkit-scrollbar{
    width:10px;
}
#Div-360-Live-Top-Todos::-webkit-scrollbar-track{
}
#Div-360-Live-Top-Todos::-webkit-scrollbar-thumb{
    background-color:#0764DE;
    border-radius: 2px;
}



@media (max-width: 430px) {


#fullScreenDiv {
	position: fixed;
	top: -100%;
	left: 0;
	width: 100vw;
	height: 81vh!important;
	background-color: #fff!important;
	color: #000;
	z-index: 9999;
	overflow: hidden!important;
	padding: 3px!important;
	padding-top: 15px!important;
	box-sizing: border-box;
	transition: top 0.5s ease;
}
  
  

#Div-360-Live-Main{
	margin: 0px;
	padding: 0px;
	height: 80%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 100px;
}


/* HEADER */
#Div-360-Live-Header{
    display: block!important;
    height:60px!important;
    border-bottom:0.5px solid #555;
	position:relative;
	float:left;
}
#Div-360-Live-Select{
    width:100%!important;
	height:33px!important;
    padding:0px!important;
    display:block!important;
	position:relative!important;
	float:left!important;
    overflow: hidden!important;
}

#Div-360-Live-Select p{
    display:none!important;
}

#Div-360-Live-Select p b{
	text-transform:uppercase!important;
}

#Div-360-Live-Select .tab-row{
	width: 35px!important;
	margin: 0px !important;
	padding: 0px !important;
	float: left !important;
	height: 33px!important;
	position: relative !important;
	display:block !important;
	margin-right:4px!important;
}

#Div-360-Live-Select .tab-row .tab-button{
	width:35px!important;
	height: 33px !important;
	
}
#Div-360-Live-Select .tab-row .tab-button img{
	width:31px!important;
	height: 31px !important;
}



.LiveSpanSelect{
    display:none!important;
}





#Div-360-Live-Select p{
    color:#333;
	font-size:9px !important;
	padding: 0px;
	margin: 0px;
}

.tab-row {
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}

.tab-button {
    background: #333;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    display: flex;
    align-items: center;
    height: 22px;
    width: 85%; /* un poco menos ancho */
    padding: 1px 1px;
    font-size: 11px;
    margin-right: 5px;
}

.tab-button img {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}

.tab-button.active {
    background: #0066cc;
    color: #fff;
}

.spy-button {
    background: #555;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    height: 22px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.spy-button:hover {
    background: #777;
}

.spy-button img {
    width: 14px;
    height: 14px;
}


#Div-360-Live-Data-Serie{
	height:auto !important;
	width: 100%!important;
	padding: 0px!important;
	display: block!important;
	position: relative!important;
}




#Div-360-Live-Data-Serie-Lider {
	width: calc(100% - 120px);
	color: #fff;
	padding: 0px;
	box-sizing: border-box;
	margin: 0px;
	float: left;
	height: 55px !important;
	overflow: hidden;
	position: absolute;
	top: 0px;
	right: 0px;
}


#Div-360-Live-Data-Serie-Lider p {
	background-color: #fff;
	color: #fff;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 35px;
	width: 35px;
	position: relative;
	overflow: hidden;
}
#Div-360-Live-Data-Serie-Lider p conectando{
	color: #F3F !important;
	background-color: #F3F;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 26px!important;
	width: 26px!important;
	font-size:0;
	position: relative;
	margin:2px!important;
	border-radius:3px!important;
}

#Div-360-Live-Data-Serie-Lider p conectado{
	color: #093 !important;
	background-color: #090;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 26px!important;
	width: 26px!important;
	font-size:0;
	position: relative;
	margin:2px!important;
	border-radius:3px!important;
}

#Div-360-Live-Data-Serie-Lider p conectado b{
	color: #060 !important;
	font-weight: 700 !important;
}
#Div-360-Live-Data-Serie-Lider p cerrada{
	color: #093 !important;
	background-color: #F00;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 26px!important;
	width: 26px!important;
	font-size:0;
	position: relative;
	margin:2px!important;
	border-radius:3px!important;
}

#Div-360-Live-Data-Serie-Lider p fallo{
	color: #093 !important;
	background-color: #F60;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 26px!important;
	width: 26px!important;
	font-size:0;
	position: relative;
	margin:2px!important;
	border-radius:3px!important;
}



#Div-360-Live-Data-Serie-Lider h1 {
	font-size: 18px;
	line-height: 20px !important;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	padding: 0px;
	float: left;
	height: 25px;
	width: 98%;
	position: relative;
	border-radius: 3px;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 0px;
	margin-left: 1%;
    -webkit-font-smoothing: antialiased; /* suaviza en WebKit */
    -moz-osx-font-smoothing: grayscale;  /* suaviza en macOS */
    font-smooth: always; /* para algunos navegadores */
    text-rendering: optimizeLegibility;  /* mejor kerning y ligaduras */
    letter-spacing: 0.5px; /* opcional: da aire uniforme entre letras */
    font-variant-ligatures: none; /* quita ligaduras que alteran altura */	
}

#Div-360-Live-Data-Serie-Parciales {
	width: 100%!important;
	height:85px;
	padding: 0px!important;
	display: block!important;
	display:none!important;
	top:60px;
	left:0px;
	background-color: #0CF!important;
	position: absolute!important;
	z-index:9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999!important;
}

































/* Encabezados */
#Div-360-Live-Head-Rows{
	display: flex;
	width: 100%;
	padding: 5px 10px;
	font-weight: bold;
	border-bottom: 2px solid #555;
	background-color: #000;
}



#Div-360-Live-Head-Rows .Live-Cell-Piloto {
    width: 28%!important;
    font-weight: 600;
    white-space: nowrap;       /* evita que el texto salte de línea */
    overflow: hidden;          /* oculta el exceso */
    background: #000!important;         /* fondo blanco */
    
}



#Div-360-Live-Head-Rows div{
	color: #fff !important;
	font-weight:600 !important;
}
.cell{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:left;
	color:#333;
	 font-size:11px !important;
}





















.Live-Cell-Pos{width:18px;}
.Live-Cell-Dorsal{width:30px!important;}
.Live-Cell-Dorsal span{
	background-color: #666;
	font-weight: 500;
	color: #FFF;
	border-radius: 2px!important;
	text-align: center;
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	margin-right:1px;
}

.Live-Cell-Piloto {
    width: 28%!important;
    font-weight: 600;
	padding-left:10px;
    white-space: nowrap;       /* evita que el texto salte de línea */
    overflow: hidden;          /* oculta el exceso */
	background-color:#099!important;
    -webkit-mask-image: linear-gradient(to right, black 80%, transparent 100%);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: linear-gradient(to right, black 80%, transparent 100%);
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
	text-transform:uppercase;
}



.Live-Cell-Equipo{ display:none !important;}
.Live-Cell-Marca{ display:none !important;}
.Live-Cell-Clase{ display:none !important;}
.Live-Cell-UltVuelta{width:20%!important;max-width:20%!important; overflow:hidden;}
.Live-Cell-Vueltas{width:11%;}
.Live-Cell-Dif{width:23%!important; color:#F90; text-align:right;}
.Live-Cell-Total{width:23%!important;}
.Live-Cell-Sector{
	text-align: center!important;
	border-radius: 2px!important;
	overflow: hidden!important;
	width: 55px;
	letter-spacing:-1px !important;
	margin-top: 0px;
	margin-right:1px;
	margin-bottom: 0px;
	margin-left:1px;
	display:none;
}





#Div-360-Live-Espia .Live-Cell-Pos{width:15% !important;}
#Div-360-Live-Espia .Live-Cell-Dorsal{width:15% !important;}
#Div-360-Live-Espia .Live-Cell-Piloto{width:55% !important;}

#Div-360-Live-Espia .Live-Cell-Total{width:15% !important;}





























/* Top 3 fijo */
#Div-360-Live-Top-3 {
	display: flex;
	flex-direction: column;
	box-shadow: 0 10px 10px -5px rgba(0,0,0,0.7); /* sombra solo hacia abajo */
	background-color: #D6D6D6;
	z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
	flex: 0 0 auto;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: solid;
	border-right-color: #F00;
	border-bottom-color: #06F;
}

/* Resto con scroll */
#Div-360-Live-Top-Todos {
    flex: 1 1 auto; /* Ocupa todo el espacio restante */
    display: flex;
	z-index:999999999999999;
	max-height:500px!important;
    flex-direction: column;
	padding-bottom:200px!important;
    overflow-y: auto !important;
    z-index: 1; 
}

/* Scroll personalizado */
#Div-360-Live-Top-Todos::-webkit-scrollbar{
    width:10px;
}
#Div-360-Live-Top-Todos::-webkit-scrollbar-track{
}
#Div-360-Live-Top-Todos::-webkit-scrollbar-thumb{
    background-color:#0764DE;
    border-radius: 2px;
}

/* FILAS */
.row{
    background-color:#fff;
    display:flex;
    padding:3px 6px;
    border-bottom:1px solid #555;
    align-items:left;
}
.row:nth-child(even){
}
.row.up{background-color: #E6FFE6;}
.row.down{background-color: #FFD9D9;}

/* Footer */
#Div-360-Live-Footer-Zen{
	height: 100px !important;
	border-top: 1px solid #000;
	display: block;
	padding: 0 10px;
	background-color: #fff;
	position: absolute;
	padding-top:2px;
	width: 100%;
	left: 0px;
	bottom:0px;
	box-shadow: 0px -40px 40px 0px rgba(255,255,255,1);
	z-index:999999999999999999999999999999;
}
  
.live-clock{
	padding: 0px;
	float: left;
	height: 45px;
	width: 25%;
	position: relative;
	margin-top: 3px;
	margin-right: 1%;
	margin-bottom: 0px;
	margin-left: 1%;
}
  
.live-clock h2{
	display: none!important;
}
  
#live-clock{
	font-size: 18px !important;
	line-height: 25px !important;
	letter-spacing:-1px !important;
	text-transform: uppercase;
	letter-spacing:0px;
	color: #0F6;
	background-color: #000;
	text-align: center;
	padding: 0px !important;
	float: left;
	height: 25px !important;
	width: 98%;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 0px;
	margin-left: 1%;
	border-radius:3px;
}
  
#live-flag{
	font-size: 23px !important;
	line-height: 25px !important;
	text-transform: uppercase;
	letter-spacing:0px;
	color: #0F6;
	background-color: #000;
	text-align: center;
	padding: 0px !important;
	float: left;
	height: 25px !important;
	width: 98%;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 0px;
	margin-left: 1%;
	border-radius:3px;
	overflow:hidden;
}
  
#live-flag b{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 25px;
	width: 50%;
	position: relative;
	font-size: 16px;
	line-height: 25px;
	text-align: center;
}

/* Primer <b> */
#live-flag b:first-child {
    background-color: #152031;
	color:#0FF;
}

/* Segundo <b> */
#live-flag b:last-child {
	background-color: #28230F;
	color: #F90;
}
  
#live-laps{
	font-size: 18px !important;
	line-height: 25px !important;
	letter-spacing:-1px !important;
	text-transform: uppercase;
	letter-spacing:0px;
	color: #0F6;
	background-color: #000;
	text-align: center;
	padding: 0px !important;
	float: left;
	height: 25px !important;
	width: 98%;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 0px;
	margin-left: 1%;
	border-radius:3px;
}
  
.LiveFlag5{
  	color: #FFF!important;
	background-color: #F09!important;
}
  
  
.LiveFlag0{
  	color: #FFF!important;
	background-color: #093!important;
}
  
.LiveFlag2{
  	color: #FFF!important;
	background-color: #F00!important;
}
  
  
.LiveFlag1{
  	color: #000!important;
	background-color: #F90!important;
}
  
  
.LiveFlag3{
  	color: #fff!important;
	background-color: #000!important;
}
  
  
/* Contenedor general */
#Div-360-Live-Data {
    display: flex;
    width: 100%;
    height: 90px; /* ejemplo, ajustá según tu layout */
}


/* Record */
.Div-360-Live-Data-Record {
	width: 18%!important;
	height: 100%;
	color: #000;
	display: flex;
	align-items: center;
	padding-left:2%!important;
	justify-content: center;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #000 !important;
	margin-right:10PX!important;
}

/* Sector */
.Div-360-Live-Data-SectoresParciales {
    width: 60%;
    height: 100%;
    margin: 0 3px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
	overflow:hidden;
}

/* Sector */
.Div-360-Live-Data-Sector {
	width: 18%;
	height: auto;
	color: #000;
	display: block;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	float: left;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 3px;
	position: relative;
	background-color: #EAEAEA;
	border-radius:3px;
}
/* Contenedor del puntero */
.Div-360-Live-Data-Puntero {
    width: 20%;
    height: 100%;
    color: #fff;
    display: flex;
    flex-direction: column; /* apilar los h1,h2,h3 */
    align-items: stretch;   /* que ocupen todo el ancho */
    justify-content: flex-start;
    padding: 0;
    box-sizing: border-box;
}

/* Estilos generales para los h dentro de #Puntero */
#Puntero h1 {
    font-size: 11px !important;
    line-height: 15px !important;
    text-transform: uppercase;
	font-weight:400 !important;
    color: #000;
    text-align: left!important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    box-sizing: border-box;
	padding-left:4px!important;
}
  

/* Estilos generales para los h dentro de #Puntero */
#Puntero h2 {
    font-size: 15px !important;
    line-height: 20px !important;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    box-sizing: border-box;
}
/* Estilos generales para los h dentro de #Puntero */
#Puntero h2 span{
	font-size: 15px;
	line-height: 20px;
	color: #fff;
	background-color: #069;
	text-align: center;
	padding: 0px;
	float: left;
	height: 20px;
	width: 45px;
	position: relative;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	border-radius:3px;
}
  

/* Estilos generales para los h dentro de #Puntero */
#Puntero h3 {
    font-size: 15px !important;
    line-height: 20px !important;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    box-sizing: border-box;
}
  
  
  

  
  
  
/* Contenedor del puntero */
.Div-360-Live-Data-Record {
    width: 20%;
    height: 100%;
    display: flex;
    flex-direction: column; /* apilar los h1,h2,h3 */
    align-items: stretch;   /* que ocupen todo el ancho */
    justify-content: flex-start;
    padding: 0;
    box-sizing: border-box;
}

  
  
  
  

/* Estilos generales para los h dentro de #Puntero */
#Record h1 {
    font-size: 11px !important;
    line-height: 15px !important;
    text-transform: uppercase;
	font-weight:400 !important;
    color: #000;
    text-align: left!important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    box-sizing: border-box;
	padding-left:4px!important;
}
  
#Record h2 {
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    color: #000;
    margin: 0;
    padding: 0;
    display: flex;          /* activa flex para alinear elementos en línea */
    align-items: center;    /* centra verticalmente span y strong */
    width: 100%;            /* h2 ocupa todo el ancho */
    box-sizing: border-box;
}

#Record h2 span {
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    height: 20px;
    width: 45px;           /* ancho fijo a la izquierda */
    border-radius: 3px;
    flex-shrink: 0;        /* no se encoge */
}

#Record h2 strong {
    font-size: 15px;
    line-height: 20px;
    color: #000;
    text-align: center;
    height: 20px;
    border-radius: 3px;
    flex-grow: 1;           /* ocupa todo el espacio restante */
}

/* Estilos generales para los h dentro de #Puntero */
#Record h3 {
    font-size: 15px !important;
    line-height: 20px !important;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    box-sizing: border-box;
}
  
  
  

  
  
  
.record-line {
    display: flex;
    align-items: center;
    width: 100%;
    color: #000;
	
}

.record-number {
    background-color: #069; /* azul */
    color: #FFF !important;
	font-weight:700 !important;
    padding: 0 5px;
    height: 20px;
    min-width: 45px;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    flex-shrink: 0; /* no se encoge */
}

.record-name {
    margin-left: 8px; /* separación del número */
    flex-grow: 1; /* ocupa todo el espacio restante */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip; /* recorta texto que sobra */
    position: relative;
    color: #000 !important;
}

.NombreSector {
	font-size: 13px;
	font-weight:500;
	line-height: 25px;
	color: #666;
	text-align: center;
	float: left;
	height: 25px;
	width: 100%;
	position: relative;
}


.DorsalPiloto {
  position: relative;
  display:block;
  float: left;
  width: 35px;
  height: 20px;
  line-height: 20px;
  background: #06C;     /* azul */
  color: #fff;
  text-align: center;
  font-size:12px;
  font-weight: 300;
  border-radius: 4px;
}

.NombrePiloto {
  position: relative;
  font-weight: 600;
  font-size:14px;
  letter-spacing:-1px;
  display:block;
  float: left;
  width: calc(100% - 45px);  /* ocupa el resto */
  height: 20px;
  line-height: 20px;
  margin-left: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


.TiempoPiloto {
	font-size: 16px;
	line-height: 25px;
	color: #096;
	text-align: center;
	float: left;
	height: 25px;
	width: 100%;
	position: relative;
}

  

.mejorpropio {
  	color: #fff!important;
	background-color: #F09!important;
}


.mejorsector {
  	color: #fff!important;
	background-color: #093!important;
}

  
  
  
  
#Div-360-Live-Main, #Div-360-Live-Espia {
    transition: all 1s ease; /* animación suave para tamaño y opacidad */
}

#Div-360-Live-Espia {
    color: #000!important;
	background-color:#FFF;
    margin: 0;
    padding: 8px;
    height: auto;
    min-width: 0;
    max-width: 25%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;       /* inicio invisible */
    pointer-events: none; /* evita que interfiera hasta mostrarse */
}
#Div-360-Live-Espia.mostrar {
    opacity: 1;       /* aparece suavemente */
    pointer-events: auto;
}
    
  .EspiandoHeader {
    width: 100%;
    max-height: 30px;
    display: flex;
    align-items: center;  /* centra verticalmente */
    padding: 0 8px;
    background-color: #093;  /* mismo color que tu div espía */
    color: #fff;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 14px;
    overflow: hidden;
}

.EspiandoHeaderLogo {
    margin-right: 10px;
    flex-shrink: 0;  /* no deja que se reduzca la imagen */
}

.EspiandoHeaderLogo img {
    display: block;
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.EspiandoHeaderTitle {
    text-transform: uppercase;
    white-space: nowrap;
}

.Div-360-Live-Marca {
	height: 30px !important;
	width: 100%;
	background: transparent;
	display: flex;
	align-items: center;
	font-size: 25px!important;
	font-weight: 700;
	color: #06F; /* celeste */
	text-transform: uppercase;
}



#Div-360-Live-Footer-Sectores {
    display: flex;
    justify-content: space-evenly; /* Distribuye el espacio de manera uniforme */
    align-items: center;           /* Centra verticalmente los divs */
    height: 75px;                  /* Ajusta según tu footer */
    padding: 0px;
	overflow:hidden;               /* Pequeño margen interno */
    gap:0.01px;                      /* Separación entre divs si querés */
}

.Div-360-Live-Data-Sector {
    height: 75px;                  /* Ajusta según tu footer */
    min-width: 18%;               /* Opcional: limita ancho máximo */
    max-width: 18%;              /* Opcional: limita ancho máximo */
    text-align: center;             /* Centra el contenido dentro de cada div */
}


.Div-360-Live-Data-Sector .NombreSector {
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #333;
	text-align: center;
	padding: 0px;
	float: left;
	position: relative;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.Div-360-Live-Data-Sector .DorsalPiloto {
	text-transform: uppercase !important;
	color: #FFFFFF !important;
	background-color: #06C !important;
	text-align: center !important;
	padding: 0px !important;
	float: left !important;
	position: relative !important;
	display:block;
	font-size: 13px !important;
	line-height: 22px !important;
	height: 22px !important;
	width: 50% !important;
	margin: 0px !important;
	border-radius:0px !important;
}



.Div-360-Live-Data-Sector .NombrePiloto {
	text-transform: uppercase !important;
	color: #000 !important;
	background-color: #CCC !important;
	text-align: center !important;
	padding: 0px !important;
	float: left !important;
	position: relative !important;
	display:block;
	font-size: 15px !important;
	font-weight:600;
	line-height: 22px !important;
	height: 22px !important;
	width: 50% !important;
	margin: 0px !important;
	border-radius:0px !important;
}


.Div-360-Live-Data-Sector .TiempoPiloto {
	text-transform: uppercase !important;
	color: #093 !important;
	text-align: center !important;
	padding: 0px !important;
	float: left !important;
	position: relative !important;
	display:block;
	font-size: 15px !important;
	font-weight:600;
	line-height: 22px !important;
	height: 22px !important;
	width: 100% !important;
	margin: 0px !important;
	border-radius:0px !important;
}





.box{
	background-color: #F90!important;
	color: #000!important;
	margin: 0px;
	width:18%;
	font-weight:600;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-right:2%;
	padding-left: 6px;
	border-radius:2px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="black" class="bi bi-tools" viewBox="0 0 16 16"><path d="M1 0 0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.27 3.27a.997.997 0 0 0 1.414 0l1.586-1.586a.997.997 0 0 0 0-1.414l-3.27-3.27a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3q0-.405-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814zm9.646 10.646a.5.5 0 0 1 .708 0l2.914 2.915a.5.5 0 0 1-.707.707l-2.915-2.914a.5.5 0 0 1 0-.708M3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026z"/></svg>') 
                no-repeat right 10px center;
    background-size: 13px 13px; /* tamaño del icono */	
}



tr.FilaClickStat td {
  padding: 1px !important;  /* padding mínimo */
  font-size: 11px !important;
  line-height: 1.1;
}
img.lazyRetrato {
	display:none!important;
}

.solopc {
	display:none!important;
}
.FilaClickStat-Logo img {
	width:22px!important;
	height:22px!important;
}











}

.LiveSeleccione {
	color: #06F; /* celeste */
	font-size: 15px;
	line-height: 60px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 100%;
}

.TituloSeccion h3 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important; /* Por si en desktop querés otro comportamiento */
}

.TituloSeccion h3 .vertododerecha {
    white-space: nowrap !important; /* evita que se corte en dos líneas */
}
#SelectorDeCoomparacion {
	background-color: transparent !important;
	font-size:10px !important;
	
}




.360-Widget-Pre-Logo {
	position: relative;
	max-height: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background-color: #F0F0F0 !important;
}

.360-Widget-Pre-Logo img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}


























/* =========================================================
   MODAL PRINCIPAL (WRAPPER)
========================================================= */
.MS-Seccion-Modal{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#fff;
    z-index:99999;
    transform:translateY(-100%);
    opacity:0;
    pointer-events:none;
    transition:all .4s cubic-bezier(.77,0,.18,1);
}

.MS-Seccion-Modal.show{
    transform:translateY(0);
    opacity:1;
    pointer-events:auto;
}


/* =========================================================
   HEADER DEL MODAL
========================================================= */
.MS-Seccion-Modal-Header{
    height:40px;
    background:#fff;
    color:#000;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 15px;
    font-weight:600;
    border-bottom:1px solid #333;
}

.MS-Seccion-Modal-Header button{
    background:none;
    border:none;
    color: #F00;
    font-size:18px;
    cursor:pointer;
}


/* =========================================================
   BODY DEL MODAL
========================================================= */
.MS-Seccion-Modal-Body{
    height:calc(100% - 50px);
    overflow:auto;
    padding:0px;
    background-color: #963!important;
    color: #039!important;
}


/* =========================================================
   OVERLAY + CONTENEDOR DETALLE CAMPEONATO
========================================================= */
.Seccion-Modal-Detalle-Campeonato {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
	background-color:#FFF;

    /* 🔥 estado inicial para animación */
    opacity: 0;
    transition: opacity 1s ease;
}

/* 🔥 cuando está activo */
.Seccion-Modal-Detalle-Campeonato.show {
    opacity: 1;
}


.Seccion-Modal-Detalle-Campeonato-Overlay {
    position: absolute;
    inset: 0;
}

.Seccion-Modal-Detalle-Campeonato-Box {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0px;
    background-color: #fff;
    border-radius: 0px;
    overflow: hidden;
    color: #000;
}


/* =========================================================
   HEADER DETALLE (PILOTO VS PILOTO)
========================================================= */
.Seccion-Modal-Detalle-Campeonato-Header {
	display: grid;
	grid-template-columns: 1fr auto 1fr auto;
	align-items: center;
	gap: 10px;
	margin: 0px;
	padding: 0px;
	height: 100px;
}

.Header-Piloto {
	margin: 0px;
	padding: 0px;
	height: 100px;
}






.Header-Piloto-Left {
    display: flex;
    align-items: center;
}

/* FOTO */
.Header-Piloto-Left .ModalFoto {
    width: 100px;
    height: 100px;
    flex: 0 0 100px;
    overflow: hidden;

    /* 🔥 shadow SOLO derecha, bien marcado */
    box-shadow: 25px 0 35px 0 rgba(0,0,0,0.25);
}
.Header-Piloto-Left .ModalFoto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    display: block;
}

/* CONTENEDOR DERECHA */
.Header-Piloto-Left .Header-Piloto-Left-Data,
.Header-Piloto-Left .Header-Piloto-Left-Stats {
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* 🔥 FOTO ocupa 100px (ya lo tenés) */

/* 🔥 DATA = 40% */
.Header-Piloto-Left .Header-Piloto-Left-Data {
    flex: 3; /* 40 */
    padding-left: 10px;
}

/* 🔥 STATS = 60% */
.Header-Piloto-Left .Header-Piloto-Left-Stats {
    flex: 7; /* 60 */
    text-align: center;
}
.Header-Piloto-Left .Header-Piloto-Left-Stats .valuedifchico{
    opacity: 0 !important;
}


/* 🔥 FORZAR 50 / 50 */
.Header-Piloto-Left .Header-Piloto-Left-Data {
    padding-left: 10px;
}







/* CONTENEDOR DERECHO */
.Header-Piloto-Right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* BLOQUE TEXTO */
/* 🔥 DATA = 40% */
.Header-Piloto-Right .Header-Piloto-Right-Data {
    flex: 3; /* 40 */
    padding-left: 10px;
}
.Header-Piloto-Right .Header-Piloto-Right-Data *{
	text-align:right;
    padding-right: 10px;
	
}

/* 🔥 STATS = 60% */
.Header-Piloto-Right .Header-Piloto-Right-Stats {
    flex: 7; /* 60 */
    text-align: center;
}

/* FOTO */
.Header-Piloto-Right .ModalFoto {
    width: 100px;
    height: 100px;
    flex: 0 0 100px;
    overflow: hidden;
    box-shadow: -25px 0 35px 0 rgba(0,0,0,0.25);
	
}

/* PUNTOS */
.Header-Piloto-Right-Points {
    margin-right: 10px;
}

/* IMAGEN */
.Header-Piloto-Right .ModalFoto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    display: block;
}



.Seccion-Modal-Detalle-Campeonato-VS {
    text-align: center;
}

.Seccion-Modal-Detalle-Campeonato-VS label {
    display: block;
    font-size: 10px;
    opacity: 0.6;
}


/* =========================================================
   BODY DETALLE
========================================================= */
.Seccion-Modal-Detalle-Campeonato-Body {
    padding: 10px;
}


/* =========================================================
   STATS (GRID)
========================================================= */
.Seccion-Modal-Detalle-Campeonato-Stats {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
    margin: 15px 0;
}

.Seccion-Modal-Detalle-Campeonato-Stats .Stat {
    border: 3px solid transparent; /* 🔥 siempre presente */
    box-sizing: border-box;        /* 🔥 no agranda el elemento */
    background: rgba(255,255,255,0.05);
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    transition: 0.2s;
}












.Seccion-Modal-Detalle-Campeonato-Stats .Stat:hover {
    background: rgba(255,255,255,0.1);
    transform: translateY(-2px);
}

.Seccion-Modal-Detalle-Campeonato-Stats span {
    display: block;
    font-size: 10px;
    opacity: 0.7;
}

.Seccion-Modal-Detalle-Campeonato-Stats strong {
    font-size: 16px;
}











.Seccion-Modal-Detalle-Campeonato-Stats-VS {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 10px;
    margin: 15px 0;
}
.Seccion-Modal-Detalle-Campeonato-Stats-VS .VS-Row {
    border: 3px solid transparent; /* 🔥 siempre presente */
    box-sizing: border-box;        /* 🔥 no agranda el elemento */
    background: rgba(255,255,255,0.05);
	border-radius: 5px;
	padding: 5px;
	text-align: center;
	transition: 0.2s;
	background-color: rgba(0,51,153,0.05);
}
.Seccion-Modal-Detalle-Campeonato-Stats-VS .VS-Row:hover {
    background: rgba(255,255,255,0.1);
    transform: translateY(-2px);
}

.Seccion-Modal-Detalle-Campeonato-Stats-VS .VS-Row > *:first-child {
    display: block;
    font-size: 10px;
    opacity: 0.7;
}



.Seccion-Modal-Detalle-Campeonato-Stats-VS .VS-Row strong {
    font-size: 16px;
}






.valuedifchico {
	font-size: 12px;
	font-weight:600;
	line-height: 17px;
	background-color: #000;
	padding: 0px;
	float: left;
	height: 16px;
	width: 98%;
	position: relative;
	border-radius: 3px;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 0px;
	margin-left: 1%;
}




.ModalNombre {
	font-weight:600;
	font-size:14px;
	color: #000;

}

.ModalMarca {
	font-weight:400;
	font-size:12px;
	color: #333;

}

.ModalEquipo,.ModalEquipoVS{
	font-weight: 600;
	font-size: 13px;
	color: #555;
	font-style: italic;
}
.ModalNumero{
	font-size: 15px;
	line-height: 18px;
	font-weight: 400;
	color: #FFF;
	background-color: #069;
	margin: 3px;
	padding: 0px;
	height: 18px;
	width: 50px;
	text-align: center;
	border-radius:3px;
}
#ModalNumeroVS{
	font-size: 15px;
	line-height: 18px;
	font-weight: 400;
	color: #FFF;
	background-color: #069;
	margin: 3px;
	padding: 0px;
	height: 18px;
	width: 50px;
	text-align: center;
	border-radius: 3px;
	float: right !important;
	position: relative;
}



.SecComparaFecha-Puntos-L,
.SecComparaFecha-Puntos-R {
    width: 20%;
    text-align: center;
    font-weight: bold;
}

.SecComparaFecha-Fecha {
    width: 60%;
    text-align: center;
}

/* COLORES */
.win {
	color: #FFFFFF;
	background-color: #060;
	border-radius:4px;
}
.lose {
	color: #FFFFFF;
	background-color: #F00;
	border-radius:4px;
}



/* =========================================================
   LAYOUT PRINCIPAL (CHART + EVENTOS + EXTRA)
   🔥 REEMPLAZO DE FLOATS POR GRID
========================================================= */
.Seccion-Modal-Detalle-Campeonato-Grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}

/* Columnas internas */
.Seccion-Modal-Detalle-Campeonato-Chart {
background: radial-gradient(
    circle,
    rgba(0,0,0,0.8) 0%,
    rgba(0,0,0,0.9) 100%
);

    min-height: 250px;
    position: relative;
	border-radius:5px;
}

.Seccion-Modal-Detalle-Campeonato-Eventos {
    min-height: 300px;
    position: relative;
}

/* Si agregás tercera columna (stats vs u otro bloque) */
.Seccion-Modal-Detalle-Campeonato-Extra {
    min-height: 300px;
}


/* =========================================================
   EVENTO INDIVIDUAL
========================================================= */
.Seccion-Modal-Detalle-Campeonato-Evento {
    display: flex;
    justify-content: space-between;
    padding: 8px 12px;
    border-radius: 6px;
    margin-bottom: 5px;
	border-bottom: 1px dotted rgba(128,128,128,0.5);
}


/* =========================================================
   BOTÓN CERRAR
========================================================= */
.Cerrar {
    cursor: pointer;
}


/* =========================================================
   COMPARACIÓN VS (STATS)
========================================================= */
.VS-Stats .Stat {
    text-align: center;
}

.Stat-VS {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.Stat-VS strong {
    width: 50%;
}

.Stat-VS strong:last-child {
    text-align: right;
    opacity: 0.7;
}







/* CONTENEDOR TOOLTIP */
.Seccion-Detalle-Tooltip {
	width: 100% !important;                 /* 🔥 100% ancho */
	display: block;
	margin-top: 4px;
	font-size: 10px;
	color: #aaa;
	position: relative;
	float: left;
}

/* FILA */
.TooltipRow {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 15px;
	width: 100%;
	position: relative;
	display: block;
	overflow: hidden;
}

/* LABEL (Q S F) */
.TooltipLabel {
	color: #666;
	font-weight: 600;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 15px;
	width: 15%;
	position: relative;
	display: block;
}

/* VALOR */
.TooltipValue {
	color: #666;
	font-weight: 600;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 15px;
	width: 15%;
	position: relative;
	display: block;
}

/* 🔥 hover pro opcional */
.Seccion-Tabla-Ev:hover .Seccion-Detalle-Tooltip {
    color: #0ff;
}

.MSTVal-0 {
	color: #CCC !important
}








/* =========================================================
   RESPONSIVE (CLAVE)
========================================================= */

/* Tablet */
@media (max-width: 1024px) {
    .Seccion-Modal-Detalle-Campeonato-Grid {
        grid-template-columns: 1fr 1fr;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .Seccion-Modal-Detalle-Campeonato-Grid {
        grid-template-columns: 1fr;
    }

    .Seccion-Modal-Detalle-Campeonato-Header {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .Header-Piloto-Right,
    .Header-Piloto-Left {
        text-align: center;
    }
}










/* Contenedor principal */
.DriverCard-Main {
	width: 100%; /* ancho ejemplo */
	height: 100%; /* alto ejemplo */
	overflow: hidden;
	display: block;
	color: #fff;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
}

/* Top: izquierda/centro/derecha */
.DriverCard-Main-Top{
	height: 30%;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
}

/* Top: izquierda/centro/derecha */
.DriverCard-Main-Bottom{
	height: 60%;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	position: relative;
}
/* Left: foto piloto */
.DriverCard-Main-Left {
	width: 8%;
	margin: 0;
	padding: 0;
	float: left;
	height: 100%;
	min-height: 200px !important;
	position: relative;
	/* CENTRADO */
	display: flex;
	align-items: top;      /* vertical */
	justify-content: center;  /* horizontal */
}

.DriverCard-Main-Left svg {
  max-width: 90%;
  max-height: 180px;
  width: auto;
  height: auto;
  display: block;
  margin:15px;
}

.fil0,.fil1 {
  opacity:0.4 !important;
  fill: #333;
}

/* Center: nombre y equipo */
.DriverCard-Main-Center {
	width: 66%;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
}



.DriverCard-Main-Center h3 {
  margin: 0;
  font-size: 16px;
}

.DriverCard-Main-Center p {
  margin: 4px 0 0 0;
  font-size: 12px;
  opacity: 0.7;
}

/* Right: stats */
.DriverCard-Main-Rigth {
  width: 22%;
  margin: 0;
  padding: 0;
  float: left;
  height: 100%;
  position: relative;

  /* alineación */
  display: flex;
  justify-content: flex-end; /* a la derecha */
  align-items: stretch;      /* todo el alto */
}

.DriverCard-Main-Rigth img {
  height: 100%;
  width: auto;
  display: block;
}


.DriverCard-Center-Left {
	width: 30%;
	margin: 0;
	padding: 0;
	float: left;
	min-height: 300px !important;
	position: relative;
}


.DriverCard-Center-Left-Dorsal {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 35px;
	width: 100%;
	position: relative;
	overflow: hidden;
	line-height: 25px;
}


.DriverCard-Center-Left-Dorsal span {
	background-color: #066;
	margin: 2px;
	padding: 0px;
	float: left;
	height: 20px;
	width: 40px;
	position: relative;
	overflow: hidden;
	font-size: 16px;
	line-height: 20px;
	color: #D6D6D6;
	text-align: center;
	border-radius:3px;
}
.DriverCard-Center-Left-Nombre {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 18px;
	width: 100%;
	position: relative;
	overflow: hidden;
	font-size: 14px;
	line-height: 18px;
	font-weight: 300;
	color: #999;
}
.DriverCard-Center-Left-Apellido {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 20px;
	width: 100%;
	position: relative;
	overflow: hidden;
	font-size: 20px;
	line-height: 20px;
	color: #333;
	font-weight: 600;
}







.DriverCard-Center-Rigth {
	width: 70%;
	margin: 0;
	padding: 10px;
	float: left;
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* CONTENEDOR GRID */
.DriverCard-Center-Topics {
	display: grid;

	/* 🔥 columnas dinámicas */
	grid-template-columns: repeat(7, 1fr);


	gap: 5px;

	margin-top: 10px;
	align-content: center;
}

/* ITEM */
.DriverCard-Center-Topics-Item {
	border-radius: 4px;
	background: rgba(0,0,0,0.1);
	padding: 5px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	min-height: 90px;
	box-sizing: border-box;
}

/* TEXTO */
.DriverCard-Center-Topics-Item-Title {
	font-size: 11px;
	margin-top: 5px;
	color: #666;
}

.DriverCard-Center-Topics-Item-Valor {
	font-size: 18px;
	font-weight: bold;
	margin-top: 5px;
	width: 100%;
	color: #000;
	position:relative;
}


.DriverCard-Center-Topics-Item-Valor span{
	font-size: 12px;
	font-weight: bold;
	color: #000;
	line-height: 15px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 15px;
	width: 50%;
	position: relative;
	display:flex 1;
}

.DriverCard-Center-Topics-Item-Valor span b{
	font-size: 12px;
	font-weight: bold;
	color: #000;

}

.DriverCard-Center-Topics-Item-Icon {
	font-size: 30px;
	margin-bottom: 5px;
}

.pos { color: #4caf50; }
.neg { color: #f44336; }




.DriverCard-Center-Left h1 {
	font-size: 50px;
	line-height: 50px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #0F0;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 100%;
	position: relative;
}

.DriverCard-Center-Rigth h1 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	text-transform: uppercase;
	color: #CCC;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 30px;
	width: 100%;
	position: relative;
	text-align: center;
	margin-bottom:15px;
}

.DriverCard-Center-Rigth h1 b {
	font-weight: 900;
}









/*Nombre*/
.DriverCard-Center-Left h2 {
	font-size: 24px;
	line-height: 33px;
	font-weight: 300;
	text-transform: uppercase;
	color: #FF0;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 30px;
	width: 100%;
	position: relative;
	text-align: left;
}



/*aPELLIDO*/
.DriverCard-Center-Left h3 {
	font-size: 30px;
	line-height: 28px;
	font-weight: 900;
	text-transform: uppercase;
	color: #F03;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 30px;
	width: 100%;
	position: relative;
	text-align: left;
}



/*aPELLIDO*/
.DriverCard-CityProv {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 35px;
	width: 100%;
	position: relative;
	text-align: left;
}


/*Bandera*/
.DriverCard-CityProv-Flag {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 35px;
	width: 55px;
	position: relative;
	text-align: left;
	background-size: 85%;
	background-repeat: no-repeat;
	background-position: left center;
}


/*Bandera*/
.DriverCard-CityProv-Data {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 35px;
	width: calc(100% - 55px); 
	position: relative;
	text-align: left;
}



/*Bandera*/
.DriverCard-CityProv-Data H1 {
	font-size: 14px;
	line-height: 16px;
	font-weight: 600;
	text-transform: uppercase;
	color: #7F7F7F;
	padding: 0px;
	float: left;
	height: 16px;
	width: 100%;
	position: relative;
	text-align: left;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/*Bandera*/
.DriverCard-CityProv-Data H2 {
	font-size: 11px;
	line-height: 14px;
	font-weight: 400;
	text-transform: uppercase;
	color: #999;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 14px;
	width: 100%;
	position: relative;
	text-align: left;
}





/*aPELLIDO*/
.DriverCard-Auto {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 35px;
	width: 100%;
	position: relative;
	text-align: left;
}
/*Bandera*/
.DriverCard-Auto-Logo {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 35px;
	width: 35px;
	position: relative;

}
/*Bandera*/
.DriverCard-Auto-Logo img {
	height: 31px;
	width: 31px;
	margin:2px;

}
/*Bandera*/
.DriverCard-Auto-Marca {
	margin: 0px;
	float: left;
	height: 35px;
	width: calc(100% - 35px);
	position: relative;
	font-size: 13px;
	line-height: 35px;
	text-transform: uppercase;
	color: #333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}




/*aPELLIDO*/
.DriverCard-Driver-Block {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 20px;
	width: 100%;
	position: relative;
	text-align: left;
	overflow: hidden;
	font-size: 10px;
	line-height: 20px;
}
.DriverCard-Driver-Block-Title {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 20px;
	width: 20%;
	position: relative;
	text-align: left;
	overflow: hidden;
	font-size: 9px;
	line-height: 20px;
	color: #666;
}
.DriverCard-Driver-Block-Dato {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 20px;
	width: 80%;
	position: relative;
	text-align: left;
	overflow: hidden;
	font-size: 11px;
	line-height: 20px;
	color: #000;
}







.DriverStat-Table {
	flex: 1; /* 👈 clave: divide el espacio automáticamente */
	box-sizing: border-box; /* 👈 evita que el padding rompa el layout */
	padding: 5px;
	border-radius: 4px;
	margin-top: 10px;
	background-color: #EFEFEF;
}


.DriverStat-Table table {
    width: 100%;
    border-collapse: collapse!important;
    font-size: 12px!important;
}

.DriverStat-Table th,
.DriverStat-Table td {
    padding: 2px 4px!important;
    line-height: 1.1!important;
    vertical-align: middle!important;
}
.DriverStat-Table tr {
	max-height:18px !important;
	overflow:hidden !important;
	background-color: #EFEFEF!important;
}


 

.IcoNegro i{
	color:#000!important;
}

.DriverStat-Table h4{
    width: 100%;
    height: 20px;
    padding: 0 5px;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 20px;
    box-sizing: border-box;
	color:#000;
}
.DriverStat-Table-NFecha{
	height: 20px;
	background: #06C;
	color: #fff;
	font-size: 10px;
	border-radius: 2px;
	padding: 0px;
	line-height: 19px;
	text-align: center;
	position: relative;
	width: 40px;
	font-weight: 200;
}

.DriverStat-Table-NDia{
	height: 20px;
	background: #06C;
	color: #fff;
	font-size: 10px;
	border-radius: 2px;
	padding: 0px;
	line-height: 19px;
	text-align: center;
	position: relative;
	width: 60px;
	font-weight: 200;
}

.DriverStat-Table-NLugar{
	height: 20px;
	color: #333;
	font-size: 12px;
	border-radius: 2px;
	line-height: 19px;
	text-align: left;
	position: relative;
	width: 100%;
	text-transform: uppercase;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.DriverStat-Table-Posicion-Wrapper {
    display: flex;
    gap: 4px; /* espacio entre los dos divs */
    justify-content: center; /* centra los divs dentro del td */
    align-items: center;
    width: 100%; /* ocupa todo el td */
}

.DriverStat-Table-Posicion-Wrapper {
    display: flex;
    gap: 4px; /* espacio entre los dos divs */
    justify-content: center; /* centra los divs dentro del td */
    align-items: center;
    width: 100%; /* ocupa todo el td */
}

.DriverStat-Table-Posicion {
    height: 20px;
    color: #000;
    font-size: 12px;
    border-radius: 2px;
    line-height: 19px;
    text-align: center;
    position: relative;
    width: 40px;
    text-transform: uppercase;
}

/* Tooltip */
.DriverStat-Table-Posicion[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.85);
    color: #fff;
    font-size: 10px;
    padding: 4px 6px;
    border-radius: 3px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease, transform 0.15s ease;
    z-index: 20;
}

/* Flechita */
.DriverStat-Table-Posicion[data-tooltip]::before {
    content: "";
    position: absolute;
    bottom: 115%;
    left: 50%;
    transform: translateX(-50%);
    border: 4px solid transparent;
    border-top-color: rgba(0,0,0,0.85);
    opacity: 0;
    transition: opacity 0.15s ease;
}

/* SHOW */
.DriverStat-Table-Posicion[data-tooltip]:hover::after,
.DriverStat-Table-Posicion[data-tooltip]:hover::before {
    opacity: 1;
}
/* 1° puesto – destacado */

















.DriverStat-Table-Posicion3{
	height: 20px;
	background: rgba(0,55,153,0.1);
	color: #F3F3F3;
	font-size: 12px;
	border-radius: 2px;
	line-height: 19px;
	text-align: center;
	position: relative;
	width: 100%;
	text-transform: uppercase;
}

.Best-Race .DriverStat-Table-NFecha{
	background-color: #060 !important;
	color: #fff !important;
}
.Best-Race .DriverStat-Table-NDia{
	background-color: #060 !important;
	color: #fff !important;
}
.Best-Race .DriverStat-Table-NLugar{
	color: #060 !important;
	font-weight:800!important;
}

.TD-Color-1{
    background-color: #060!important;
    color: #9F0 !important;
}

/* 2° puesto – relevancia media */
.TD-Color-2{
    background-color: #060!important;
    color: #9F0 !important;
	opacity:0.9;
}

/* 3° puesto – menos relevante */
.TD-Color-3{
    background-color: #060!important;
    color: #9F0 !important;
	opacity:0.9;
}





.Btn-Grilla {
    height: 16px;
    width: 45px;
    margin: 2px;

    background: rgba(0,0,255,0.8);
    color: #CCC;

    font-size: 10px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;

    border-radius: 3px;
    cursor: pointer;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.15s ease;
}

/* HOVER */
.Btn-Grilla:hover {
    background: background: rgba(0,0,255,1); /* celeste */
    color: #FFF;
    box-shadow: 0 0 6px rgba(0,200,255,0.6);
    transform: translateY(-1px);
}

/* CLICK */
.Btn-Grilla:active {
    transform: translateY(0);
    box-shadow: 0 0 3px rgba(0,200,255,0.4);
}

/* OVERLAY */
.Grilla-Overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
    display: none;
}

/* CONTENEDOR */
.Grilla-Content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #111;
	border-radius: 6px;
	display: flex;
	gap: 2px;
	max-width: 95%;
	overflow-x: auto;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
}
/* SCROLLBAR PERSONALIZADA (WEBKIT: Chrome / Edge / Safari) */
.Grilla-Content::-webkit-scrollbar {
    height: 5px;
}

.Grilla-Content::-webkit-scrollbar-track {
    background: transparent;
}

.Grilla-Content::-webkit-scrollbar-thumb {
    background: #FFD200; /* amarillo vial */
    border-radius: 6px;
}

.Grilla-Content::-webkit-scrollbar-thumb:hover {
    background: #FFEA00;
}

/* FIREFOX */
.Grilla-Content {
    scrollbar-width: thin;
    scrollbar-color: #FFD200 transparent;
}

/* CERRAR */
.Grilla-Close {
    position: fixed;
    top: 6px;
    right: 10px;
    background: rgba(180, 0, 0, 0.9);
    border: 2px solid #FF3B3B;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 7px;
    border-radius: 6px;
    line-height: 1;
    transition: all 0.2s ease;
}

.Grilla-Close:hover {
    background: #FF3B3B;
    box-shadow: 0 0 6px rgba(255, 59, 59, 0.7);
    transform: scale(1.05);
}


/* ITEM */
.Grilla-Item {
    min-width: 35px;
    background: rgba(255,255,255,0.08);
    border-radius: 2px;
    text-align: center;
    padding: 2px 1px;
}

/* POS */
.Grilla-Pos {
    font-size: 10px;
    font-weight: bold;
    color: #CCC;
}

/* SHORT */
.Grilla-Short {
    font-size: 13px;
    color: #aaa;
	font-weight:500;
}
.Grilla-Item-Actual {
    background: rgba(255, 215, 0, 0.25);
    border: 2px solid #FFD700;
    box-shadow: 0 0 10px rgba(255,215,0,0.6);
    transform: scale(1.05);
}





/* ===== BASE SEGURA ===== */
.DriverCard-Main > * {
    opacity: 0;
    transform: translateY(6px);
    animation: fadeUp 0.2s ease-out forwards;
}
.DriverCard-Main > *:nth-child(1)  { animation-delay: 0.3s; }
.DriverCard-Main > *:nth-child(2)  { animation-delay: 0.6s; }
.DriverCard-Main > *:nth-child(3)  { animation-delay: 0.9s; }
.DriverCard-Main > *:nth-child(4)  { animation-delay: 1.2s; }
.DriverCard-Main > *:nth-child(5)  { animation-delay: 1.5s; }
.DriverCard-Main > *:nth-child(6)  { animation-delay: 1.8s; }
.DriverCard-Main > *:nth-child(7)  { animation-delay: 2.1s; }
.DriverCard-Main > *:nth-child(8)  { animation-delay: 2.4s; }
.DriverCard-Main > *:nth-child(9)  { animation-delay: 2.7s; }
.DriverCard-Main > *:nth-child(10) { animation-delay: 3.0s; }

.DriverCard-Main > *:nth-child(11) { animation-delay: 3.3s; }
.DriverCard-Main > *:nth-child(12) { animation-delay: 3.6s; }
.DriverCard-Main > *:nth-child(13) { animation-delay: 3.9s; }
.DriverCard-Main > *:nth-child(14) { animation-delay: 4.2s; }
.DriverCard-Main > *:nth-child(15) { animation-delay: 4.5s; }
.DriverCard-Main > *:nth-child(16) { animation-delay: 4.8s; }
.DriverCard-Main > *:nth-child(17) { animation-delay: 5.1s; }
.DriverCard-Main > *:nth-child(18) { animation-delay: 5.4s; }
.DriverCard-Main > *:nth-child(19) { animation-delay: 5.7s; }
.DriverCard-Main > *:nth-child(20) { animation-delay: 6.0s; }
@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}




.player-nro {
    font-size: 27px;
    line-height: 30px;
    text-transform: uppercase;
    color: #CCC;
    font-weight: 700;
    background-color: #333333;
    text-align: center;
    margin: 0px;
    padding: 0px;
    height: 30px;
    width: 70px;
    position: absolute;
    left: 17px;
    top: 10px;
    z-index: 0;
    border-radius: 3px;
}

.playerbio {
    font-size: 11px;
    line-height: 20px;
    color: #CCC;
    margin: 0px;
    padding: 0px;
    float: left;
    height: 20px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.img-placeholder {
    width: 100%;
    height: 300px;
    background: linear-gradient(90deg, #ccc 25%, #eee 50%, #ccc 75%);
    background-size: 200% 100%;
    animation: placeholderShimmer 1.5s infinite linear;
    border-radius: 5px;
}

@keyframes placeholderShimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}
.Best-Race{
    border-top: 1px solid  #060 !important;
    border-bottom: 1px solid  #060 !important;
	background:rgba(192, 255, 191, 0.5)  !important;
	border-radius: 2px !important;
	overflow:hidden!important;
}




















/* =========================
   BOTON GLOBAL 360
========================= */
[class^="360-Nuevo-Boton"]{
    display:block;           /* ?? clave */
    width:fit-content;       /* ?? se ajusta al texto */
    margin:5px auto;         /* ?? centrado horizontal */
    position:relative;
    padding:5px 10px;
    font-size:12px;
    font-weight:300;
    text-decoration:none;
    text-align:center;
    background: #060;
	color:#FFF;
    border:none !important;
    border-radius:4px;
    cursor:pointer;
    overflow:hidden;
    transition:color .3s ease;
}


/* capa animada */
[class^="360-Nuevo-Boton"]::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%; /* verde m�s el�ctrico */
	z-index: 0;
	transition: width .3s ease;
	background-color: #669900;
}

/* contenido arriba */
[class^="360-Nuevo-Boton"] span{
    position:relative;
    z-index:1;
}

/* HOVER */
[class^="360-Nuevo-Boton"]:hover::before{
    width:100%;
}

[class^="360-Nuevo-Boton"]:hover{
    color:#fff; /* contraste sobre verde */
}
.360-Nuevo-Boton-Right{
    margin-left:auto !important;
    margin-right:0 !important;
}
.ContenedorBoton.Right{
    justify-content:flex-end;
}

.ContenedorBoton.Left{
    justify-content:flex-start;
}



.Super360-Editinline-Btn{
    position:absolute;
    top:4px;
    right:4px;

    background:#ff00aa; /* magenta */
    color:#fff;

    font-size:11px;
    font-weight:600;

    padding:4px 6px;
    border-radius:4px;

    cursor:pointer;

    z-index:10;

    transition:all 0.15s ease;
}

.Super360-Editinline-Btn:hover{
    background:#e60098;
    transform:scale(1.05);
}









.SuperAdminModal{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;

    display:flex;
    align-items:center;
    justify-content:center;

    z-index:99999;

    opacity:0;
    visibility:hidden;

    transition:all 0.2s ease;
}

.SuperAdminModal.active{
    opacity:1;
    visibility:visible;
}

.SuperAdminModal-overlay{
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    backdrop-filter:blur(4px);
}

.SuperAdminModal-box{
    position:relative;
    background:#fff;
    color:#000;

    min-width:50%;
    max-width:90%;

    border-radius:2px;
    overflow:hidden;

    transform:scale(0.95);
    transition:all 0.2s ease;
}

.SuperAdminModal.active .SuperAdminModal-box{
    transform:scale(1);
}

.SuperAdminModal-close{
    position:absolute;
    top:6px;
    right:6px;

    background:#ff0033;
    color:#fff;

    width:20px;
    height:20px;

    font-size:12px;
    text-align:center;
    line-height:20px;

    border-radius:4px;
    cursor:pointer;
}

#SuperAdminModal-content{
    padding:15px;
}






















































.MS-API-Evento-Wrapper *{
    font-family: inherit !important;
}




/* =========================
CONTENEDOR PRINCIPAL (IGUAL QUE EL TUYO)
========================= */
.MS-API-Evento-Wrapper {
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.MS-API-Evento-Wrapper *{
    font-family: inherit !important;
}


.MS-API-Evento-Grid {
    flex: 1;
    display: grid;
    grid-template-columns: 350px 350px 1fr;
    gap: 16px;
    padding: 16px;
    overflow: hidden;
}

.MS-API-Evento-Col {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.MS-API-Evento-Card {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border-radius: 12px;
	 font-family: inherit !important;
    border: 1px solid #eee;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

.MS-API-Evento-Card-Logo{
    height: 45px;
    display: flex;
    align-items: center;      /* centra vertical */
    justify-content: flex-start; /* todo a la izquierda */
    gap: 8px;
}

.MS-API-Evento-Card-Logo img{
    height: 45px;
    width: auto;
    object-fit: contain;
    display: block;
}

.MS-API-Evento-Card-Logo span{
    font-size: 14px;
    font-weight: 500;
	 font-family: inherit !important;
    color: #000;

    display: flex;
    align-items: center;
    height: 45px;
}




.MS-API-Evento-Header {
    padding: 14px 18px;
    background: #fafafa;
    border-bottom: 1px solid #eee;
    flex-shrink: 0;
}

.title-session {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

/* =========================
SCROLL AREA
========================= */
.table-session {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

.MS-API-Evento-Table-Scroll {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

/* scrollbar */
.MS-API-Evento-Table-Scroll::-webkit-scrollbar {
    width: 8px;
}
.MS-API-Evento-Table-Scroll::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 10px;
}
.MS-API-Evento-Table-Scroll::-webkit-scrollbar-thumb:hover {
    background: #999;
}

/* =========================
HEADER (DIV)
========================= */
.MS360-Header {
    display: grid;
    grid-template-columns: 60px 60px 1fr 160px 120px 100px;
    position: sticky;
    top: 0;
    z-index: 200;
    background: #06c;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    height: 35px;
}

.MS360-Header div {
    display: flex;
    align-items: center;
    padding: 0 8px;
    border: none;
}

/* =========================
BODY
========================= */
.MS360-Body {
    display: flex;
    flex-direction: column;
}

/* =========================
ROWS BASE
========================= */
.MS360-Row {
    display: grid;
    grid-template-columns: 60px 60px 1fr 160px 120px 100px;
    height: 35px;
    align-items: center;
    padding: 0 8px;
    font-size: 13px;

    opacity: 0;
    transform: translateY(20px);
    transition: all 0.35s ease;
}

/* animaci�n de entrada */
.MS360-Body .MS360-Row {
    opacity: 1;
    transform: translateY(0);
}

/* hover */
.MS360-Row:hover {
    background: #f0f7ff;
}

/* =========================
TOP 3 (STICKY + PODIO)
========================= */
.MS360-Row:nth-child(1),
.MS360-Row:nth-child(2),
.MS360-Row:nth-child(3) {
    position: sticky;
    z-index: 150;
}

.MS360-Row:nth-child(1) {
    top: 35px;
    background: #fff8e1;
    font-weight: 600;
}

.MS360-Row:nth-child(2) {
    top: 70px;
    background: #f3f3f3;
}

.MS360-Row:nth-child(3) {
    top: 105px;
    background: #fff3e0;
    box-shadow: 0 6px 12px rgba(0,0,0,0.12);
}

/* =========================
PILOTO COLUMN
========================= */
.MS360-Piloto {
    display: flex;
    align-items: center;
    gap: 6px;
}

.MS360-Nombre {
    font-weight: 600;
    line-height: 1;
}

.MS360-Equipo {
    font-size: 11px;
    color: #777;
    line-height: 1;
}

/* =========================
FLAG
========================= */
.MS360-Row img {
    height: 14px;
    margin-right: 6px;
}

/* =========================
OPTIMIZACI�N GENERAL
========================= */
.MS-API-Evento-Table-Scroll,
.MS360-Body {
    will-change: transform;
}
/* =========================
SESIONES (ITEM LINKS MEJORADOS)
========================= */

.MS-API-Evento-Item {
	position: relative;
	margin: 1px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 12.5px;
	color: #000;
	border: 1px solid #f0f0f0;
	transition: all 0.25s ease;
	overflow: hidden;
	padding-top: 4px;
	padding-right: 44px;
	padding-bottom: 4px;
	padding-left: 14px;
	background-color: #EEEEEE;
}

/* hover suave con fondo expandido */
.MS-API-Evento-Item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, rgba(26,115,232,0.08), rgba(26,115,232,0.18));
    transition: width 0.3s ease;
    z-index: 0;
}

.MS-API-Evento-Item:hover::before {
    width: 100%;
}

.MS-API-Evento-Item:hover {
    color: #1a73e8;
    border-color: #c2d9ff;
}

/* contenido arriba del hover */
.MS-API-Evento-Item > * {
    position: relative;
    z-index: 2;
}

/* =========================
ACTIVO (SELECCIONADO)
========================= */

.MS-API-Evento-Item.active {
    background: linear-gradient(135deg, #1a73e8, #0d63d0);
    color: white;
    font-weight: 600;
    border-color: #1a73e8;
    box-shadow: 0 6px 14px rgba(26,115,232,0.25);
}

/* indicador lateral activo */
.MS-API-Evento-Item.active::after {
    content: "";
    position: absolute;
    left: 0;
    top: 20%;
    height: 60%;
    width: 4px;
    background: #fff;
    border-radius: 0 4px 4px 0;
}

/* hover cuando ya est� activo */
.MS-API-Evento-Item.active:hover {
    background: linear-gradient(135deg, #1a73e8, #0b5ed7);
}



.MS-API-Evento-Block {
	font-size: 12px;
	line-height: 15px;
	font-weight: 300;
	color: #333;
}

.MS-API-Evento-Block {
	font-size: 12px;
	line-height: 15px;
	font-weight: 500;
	color: #000;
}
















.sticky-pre-secciones {
    position: sticky !important;
    top: 0;           /* muy importante */
    z-index: 2 !important;    /* alto para que quede encima de todo */
    background: #ffffff;         /* cambia si usas dark mode */
    width: 100%;
    padding: 15px 0;
    margin: 0 auto;
	zoom:0.8;
    transition: box-shadow 0.3s ease;
}

[data-cs="dark"] .sticky-pre-secciones {
    background: #1a1a1a;
}

/* Intenta forzar overflow visible en ancestros comunes */
.main-wrp,
.elementor,
.elementor-section,
.elementor-container,
.elementor-widget-wrap {
    overflow: visible !important;
}