:root {
    --sd-banner-slr-130-desktop: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/130/v2/desktop.png");
    --sd-banner-slr-130-mobile: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/130/v2/mobile.png");
    --sd-banner-slr-131-desktop: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/131/v2/desktop.png");
    --sd-banner-slr-131-mobile: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/131/v2/mobile.png");
    --sd-banner-slr-132-desktop: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/132/v2/desktop.png");
    --sd-banner-slr-132-mobile: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/132/v2/mobile.png");
    --sd-banner-slr-133-desktop: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/133/v2/desktop.png");
    --sd-banner-slr-133-mobile: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/133/v2/mobile.png");
    --sd-banner-slr-134-desktop: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/134/v2/desktop.png");
    --sd-banner-slr-134-mobile: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/134/v2/mobile.png");
    --sd-banner-slr-135-desktop: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/135/v2/desktop.png");
    --sd-banner-slr-135-mobile: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/135/v2/mobile.png");
    --sd-banner-slr-136-desktop: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/136/v4/desktop.png");
    --sd-banner-slr-136-mobile: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/136/v4/mobile.png");
    --sd-banner-slr-137-desktop: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/137/v2/desktop.png");
    --sd-banner-slr-137-mobile: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/137/v2/mobile.png");
    --sd-banner-slr-138-desktop: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/138/v2/desktop.png");
    --sd-banner-slr-138-mobile: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/138/v2/mobile.png");
    --sd-banner-slr-139-desktop: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/139/v1/desktop.png");
    --sd-banner-slr-139-mobile: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/139/v1/mobile.png");
    --sd-banner-slr-140-desktop: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/140/v1/desktop.png");
    --sd-banner-slr-140-mobile: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/140/v1/mobile.png");
    --sd-banner-slr-141-desktop: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/141/v1/desktop.png");
    --sd-banner-slr-141-mobile: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/141/v1/mobile.png");
    --sd-banner-slr-142-desktop: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/142/v1/desktop.png");
    --sd-banner-slr-142-mobile: url("https://assets.saberesdocentes.cl/edudistancia/images/slep/santa-rosa/142/v1/mobile.png");
}



.sd_static-banner {
    width: 100%;

    height: 55vw;
    max-height: 300px;

    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;

}

.sd_static-banner.slr-130 {
    background-image: var(--sd-banner-slr-130-mobile);
}

.sd_static-banner.slr-131 {
    background-image: var(--sd-banner-slr-131-mobile);
}

.sd_static-banner.slr-132 {
    background-image: var(--sd-banner-slr-132-mobile);
}

.sd_static-banner.slr-133 {
    background-image: var(--sd-banner-slr-133-mobile);
}

.sd_static-banner.slr-134 {
    background-image: var(--sd-banner-slr-134-mobile);
}

.sd_static-banner.slr-135 {
    background-image: var(--sd-banner-slr-135-mobile);
}

.sd_static-banner.slr-136 {
    background-image: var(--sd-banner-slr-136-mobile);
}

.sd_static-banner.slr-137 {
    background-image: var(--sd-banner-slr-137-mobile);
}

.sd_static-banner.slr-138 {
    background-image: var(--sd-banner-slr-138-mobile);
}

.sd_static-banner.slr-139 {
    background-image: var(--sd-banner-slr-139-mobile);
}

.sd_static-banner.slr-140 {
    background-image: var(--sd-banner-slr-140-mobile);
}

.sd_static-banner.slr-141 {
    background-image: var(--sd-banner-slr-141-mobile);
}

.sd_static-banner.slr-142 {
    background-image: var(--sd-banner-slr-142-mobile);
}


@media (min-width: 768px) {
    .sd_static-banner {
        max-height: 260px;
        background-size: contain;
        background-position: center center;

    }

    .sd_static-banner.slr-130 {
        background-image: var(--sd-banner-slr-130-desktop);
    }

    .sd_static-banner.slr-131 {
        background-image: var(--sd-banner-slr-131-desktop);
    }

    .sd_static-banner.slr-132 {
        background-image: var(--sd-banner-slr-132-desktop);
    }

    .sd_static-banner.slr-133 {
        background-image: var(--sd-banner-slr-133-desktop);
    }

    .sd_static-banner.slr-134 {
        background-image: var(--sd-banner-slr-134-desktop);
    }

    .sd_static-banner.slr-135 {
        background-image: var(--sd-banner-slr-135-desktop);
    }

    .sd_static-banner.slr-136 {
        background-image: var(--sd-banner-slr-136-desktop);
    }

    .sd_static-banner.slr-137 {
        background-image: var(--sd-banner-slr-137-desktop);
    }

    .sd_static-banner.slr-138 {
        background-image: var(--sd-banner-slr-138-desktop);
    }

    .sd_static-banner.slr-139 {
        background-image: var(--sd-banner-slr-139-desktop);
    }

    .sd_static-banner.slr-140 {
        background-image: var(--sd-banner-slr-140-desktop);
    }

    .sd_static-banner.slr-141 {
        background-image: var(--sd-banner-slr-141-desktop);
    }

    .sd_static-banner.slr-142 {
        background-image: var(--sd-banner-slr-142-desktop);
    }

}








































.sd_banner-nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    background-color: rgba(0, 0, 0, 1);
    margin: 0;
    color: black;
}

.sd_banner-nav>div {
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    cursor: pointer;
    width: 100%;
}

.sd_banner-nav>div:hover {
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
}

.sd_banner-nav>div:nth-child(1) {
    background-color: #FF798A;
}

.sd_banner-nav>div:nth-child(1):hover {
    background-color: #b93042;
}

.sd_banner-nav>div:nth-child(2) {
    background-color: #3ABFF0;
}

.sd_banner-nav>div:nth-child(2):hover {
    background-color: #15789c;
}

.sd_banner-nav>div:nth-child(3) {
    background-color: #FFE000;
}

.sd_banner-nav>div:nth-child(3):hover {
    background-color: #887c1e;
}

.sd_banner-nav>div:nth-child(4) {
    background-color: #90D039;
}

.sd_banner-nav>div:nth-child(4):hover {
    background-color: #5d8a26;
}