@import 'Ironhide.UI.pn43hx7c3h.bundle.scp.css';

/* _content/KingdomRush5.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-mkwmtvqkzp] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
main[b-mkwmtvqkzp] {
    margin-top: 55px;
}
/*main:not(:has(.no-navigation-gap )) {
    padding-top: 180px;
}*/

footer[b-mkwmtvqkzp] {
    padding: 2rem 5%;
    margin: auto auto 0 auto;
    text-align: center;
}

    footer > *[b-mkwmtvqkzp] {
        display: inline-block;
    }

[b-mkwmtvqkzp] .copyright .text-copyright {
    text-transform: uppercase;
    color: #21576a;
}

[b-mkwmtvqkzp] .legal a {
    color: #21576a;
    transition: .2s;
}

    [b-mkwmtvqkzp] .legal a:hover {
        color: #00ffd4;
        border-color: #00ffd4;
    }

/*.social-links {
    color: var(--color-highlight);
}*/
/* _content/KingdomRush5.Web/Components/Layout/Menu.razor.rz.scp.css */
.menu_game_link[b-da3v959igv] {
    font-family: 'Titillium Web', sans-serif;
}

    .menu_game_link:hover[b-da3v959igv] {
        background-color: var(--bg-primary-darker);
    }

.menu_game_logo_img[b-da3v959igv] {
    width: 103px;
    filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.3));
}

@media screen and (max-width: 600px) {
    .menu_game_logo_img[b-da3v959igv] {
        width: 74px;
    }
}

.display_none[b-da3v959igv]{
    display: none;
}

.sticky_up .menu_game_logo_img[b-da3v959igv], .sticky_down .menu_game_logo_img[b-da3v959igv] {
    width: 77px;
}

@media screen and (max-width: 959px) {
    .menu-open .offcanvas-body .links[b-da3v959igv]  a {
        border-bottom: 1px solid #1d5865;
    }
}

[b-da3v959igv] .hamburguer {
    cursor: var(--cursor-pointer);
    border: 2px solid red;
}

[b-da3v959igv] .menu_game.menu-open .social {
    background-color: var(--menu-game-link-bg-color-hover);
}

/*--------------------- Dropdown ---------------------*/




/* _content/KingdomRush5.Web/Components/Pages/Colossal-Dwarfare/Colossal-Dwarfare.razor.rz.scp.css */
#hammer[b-ghvw47uxfm] {
    background-color: black;
}

    #hammer .container[b-ghvw47uxfm] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

@media screen and (min-width: 576px) {
    #hammer .container[b-ghvw47uxfm] {
        max-width: 540px;
    }
}

@media screen and (min-width: 768px) {
    #hammer .container[b-ghvw47uxfm] {
        max-width: 720px;
    }
}


@media screen and (min-width: 992px) {
    #hammer .container[b-ghvw47uxfm] {
        max-width: 960px;
    }
}

@media screen and (min-width: 1200px) {
    #hammer .container[b-ghvw47uxfm] {
        max-width: 1140px;
    }
}

/*----------------------------- BACKGROUNDS --------------------------------------------*/


#hammer .container_bg_dlc[b-ghvw47uxfm] {
    max-width: 3840px;
    background-color: #231920;
    margin-left: auto;
    margin-right: auto;
}


.header_hammer[b-ghvw47uxfm] {
    margin-bottom: 0;
    background-color: #654c24;
    background-image: url("img/colossal-dwarfare/Colossal_Dwarfare_DLC_Header_4300x1000_v2.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 4100px;
}

    .header_hammer .container[b-ghvw47uxfm] {
        height: 880px;
        padding-bottom: 80px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        text-align: center;
    }


@media screen and (max-width: 1250px) {
    .header_hammer[b-ghvw47uxfm] {
        background-image: url("img/colossal-dwarfare/Colossal_Dwarfare_DLC_Header_MOBILE_1400x1000_v2.jpg");
        background-size: cover;
    }

    img.logo_kra_hammer[b-ghvw47uxfm]{
        display: none;
    }

    .header_hammer .container[b-ghvw47uxfm] {
        justify-content: flex-start;
    }
}

.logo_and_title[b-ghvw47uxfm] {
    margin-top: 140px;
}

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

    .header_hammer .container[b-ghvw47uxfm] {
        height: 700px;
        padding-bottom: 40px;
    }

    .logo_and_title[b-ghvw47uxfm] {
       
    }
}



#hammer sup[b-ghvw47uxfm] {
    font-variant-numeric: ordinal;
    font-size: 65%;
}


#hammer .dlc_intro_video[b-ghvw47uxfm] {
    padding-top: 45px;
    padding-bottom: 45px;
    background-color: #002927;
    background-image: linear-gradient(0deg, rgba(35, 25, 32,0) 70%, rgba(35, 25, 32,0.5) 100%), url("img/colossal-dwarfare/bg_intro_video_hammer_4147x1080_v4.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover, cover;
}



#hammer .drop_shadow[b-ghvw47uxfm] {
    filter: drop-shadow(0px 4px 21px #151a21);
}

@media screen and (max-width: 991px) {
    #hammer .dlc_intro_video[b-ghvw47uxfm] {
        /*background-size: 1800px;*/
    }
}

@media screen and (max-width: 767px) {
    #hammer .dlc_intro_video[b-ghvw47uxfm] {
        /*background-size: 1600px;*/
    }
}

#hammer .col.map-border[b-ghvw47uxfm] {
    position: relative;
    width: 100%;
    height: 95px;
    z-index: 1;
    margin-top: -48px;
    margin-bottom: -48px;
    background-image: url(img/colossal-dwarfare/linea_hammer.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1900px 25px;
}

#hammer .dlc_description[b-ghvw47uxfm] {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #231920;
    background-image: url("img/colossal-dwarfare/map_hammer_safe-zone-y-export.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    overflow: hidden;
}

@media screen and (max-width: 1199px) {
    #hammer .dlc_description[b-ghvw47uxfm] {
        padding-bottom: 45px;
        background-image: url("img/colossal-dwarfare/map_hammer_safe-zone-y-export---Mobile.jpg");
        background-position: center top;
        background-size: 900px;
    }
}

#hammer .dlc_screenshots[b-ghvw47uxfm] {
    padding-top: 60px;
    padding-bottom: 45px;
    background-color: #231920;
    background-image: url("img/colossal-dwarfare/screenshots_hammer_bg_mountains2.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 3000px;
}

@media screen and (max-width: 1400px) {
    #hammer .dlc_screenshots[b-ghvw47uxfm] {
       
    }
}

@media screen and (max-width: 600px) {
    #hammer .dlc_screenshots[b-ghvw47uxfm] {
        
    }
}

/*------- Screnshots gallery ----------*/

.container_screenshots[b-ghvw47uxfm] {
    padding-top: 32px;
}


    .container_screenshots[b-ghvw47uxfm]  img {
        border: 1px solid #d15f69;
        padding: 5px;
        margin-bottom: 1.5rem;
        transition: all .15s;
        z-index: 0;
        position: relative;
    }

    .container_screenshots[b-ghvw47uxfm]  .gallery:hover img {
        filter: brightness(.7);
        transform: scale(.975);
    }

    .container_screenshots[b-ghvw47uxfm]  img:hover {
        border-color: #fff;
        filter: brightness(1) !important;
        transform: scale(1.05) !important;
        z-index: 12;
    }




#hammer .dlc_features[b-ghvw47uxfm] {
    padding-top: 55px;
    padding-bottom: 55px;
    background-color: #34242f;
    background-image: linear-gradient(0deg, rgba(52, 36, 47,0) 0%, rgba(52, 36, 47,0.7) 100%), url(/img/colossal-dwarfare/dlc_hammer_features_bg_2.jpg);
    background-repeat: no-repeat;
    background-position: center, center top;
    background-size: 1700px;
}

@media screen and (max-width: 992px){
    #hammer .dlc_features[b-ghvw47uxfm] {
        background-size: cover;
    }
}

#hammer .dlc_close[b-ghvw47uxfm] {
    padding-top: 45px;
    padding-bottom: 45px;
    background-color: #231920;
    background-image: url("img/colossal-dwarfare/section-close-hammer-bg_4.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 2200px;
}

/*----------------------------- LOGO KRV --------------------------------------------*/

.logo_kra_hammer[b-ghvw47uxfm] {
    display: block;
    width: 170px;
    margin: 20px auto 10px;
}

@media screen and (min-width: 600px) {
    .logo_kra_hammer[b-ghvw47uxfm] {
        width: 200px;
    }
}

/*----------------------------- TEXTS --------------------------------------------*/

h1[b-ghvw47uxfm], h2[b-ghvw47uxfm], h3[b-ghvw47uxfm], h4[b-ghvw47uxfm], h5[b-ghvw47uxfm], h6[b-ghvw47uxfm], .h1[b-ghvw47uxfm], .h2[b-ghvw47uxfm], .h3[b-ghvw47uxfm], .h4[b-ghvw47uxfm], .h5[b-ghvw47uxfm], .h6[b-ghvw47uxfm] {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

.text-center[b-ghvw47uxfm] {
    text-align: center;
}

.text-left[b-ghvw47uxfm] {
    text-align: left;
}

@media screen and (min-width: 1200px) {
    .text-xl-left[b-ghvw47uxfm] {
        text-align: left;
    }
}


#hammer .title.text-primary[b-ghvw47uxfm] {
    color: #FFFFFF !important;
    text-shadow: 0 3px rgba(0, 0, 0, 0.2);
    text-wrap: pretty;
    font-weight: 900;
    font-size: 3rem;
    line-height: 1.05em;
    text-transform: uppercase;
}

#hammer .header_hammer .title.text-primary[b-ghvw47uxfm] {
    color: #f2faff !important;
    text-shadow: 0 2px #332421;
    font-size: 3rem;
    line-height: 1.05em;
    filter: drop-shadow(0px 1px 7px #f3452f);
}

@media screen and (max-width: 1250px) {
    #hammer .header_hammer .title.text-primary[b-ghvw47uxfm] {
        margin-top: 2rem;
    }
}

@media screen and (max-width: 600px) {
    #hammer .header_hammer .title.text-primary[b-ghvw47uxfm] {
        margin-top: 1rem;
        font-size: 2em;
    }
}


#hammer .subtitle.text-secondary[b-ghvw47uxfm] {
    color: #96d5fb !important;
    text-shadow: 0 2px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1.8rem;
    line-height: 1em;
    text-wrap: pretty;
}

@media (max-width: 600px) {
    #hammer .title.text-primary[b-ghvw47uxfm] {
        font-size: 2rem;
    }

    #hammer .subtitle.text-secondary[b-ghvw47uxfm] {
        font-size: 1.25rem;
        line-height: 1em;
    }
}

#hammer .call_to_action .subtitle.text-secondary[b-ghvw47uxfm] {
    color: white !important;
}

#hammer .header_hammer .subtitle.text-secondary[b-ghvw47uxfm],
#hammer .dlc_close .subtitle.text-secondary[b-ghvw47uxfm] {
    line-height: 1em;
    margin-bottom: 6px;
}

#hammer .number[b-ghvw47uxfm] {
    font-size: 1.25em;
}

#hammer .description[b-ghvw47uxfm] {
    color: #DDE5EC !important;
    font-size: 1.4rem;
    font-weight: bold;
    text-shadow: 0 2px rgba(0, 0, 0, 0.2);
    text-wrap: pretty;
}

@media (max-width: 575.98px) {
    #hammer .description[b-ghvw47uxfm] {
        font-size: 1.125rem;
    }
}

#hammer .dlc_features ul[b-ghvw47uxfm] {
    padding-left: 1.2em;
    list-style-position: outside;
}

#hammer .dlc_features .description[b-ghvw47uxfm] { /*------- ul li*/
    margin-bottom: 0.7em;
    list-style-type: none;
    line-height: 1.2em;
    color: #cbb2c3 !important;
    text-shadow: 0 2px rgba(0, 0, 0, 0.2);
    text-wrap: pretty;
}


    #hammer .dlc_features .description[b-ghvw47uxfm]::before {
        content: "";
        color: #fff;
        background-color: #fff;
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        margin-left: -10px;
        filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.2));
        position: relative;
        left: -8px;
    }



    #hammer .dlc_features .description strong[b-ghvw47uxfm] {
        color: #fff;
    }



/*------- Close smaller titles-------*/

#hammer .dlc_close .title.text-primary[b-ghvw47uxfm] {
    font-size: 2em;
}

#hammer .dlc_close .subtitle.text-secondary[b-ghvw47uxfm] {
    font-size: 1.3em;
    line-height: 1em;
}

.hammer_link[b-ghvw47uxfm] {
    font-weight: 900;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
    color: #cbb2c3 !important;
    transition: .2s;
}

    .hammer_link:hover[b-ghvw47uxfm] {
        color: #f0c2e1 !important;
        text-decoration: underline;
    }

#hammer .dlc_close .hammer_link[b-ghvw47uxfm] {
    margin: 0 auto;
    display: inline-block;
    margin-top: 30px;
}

#hammer sup[b-ghvw47uxfm] {
    line-height: 0;
    font-size: 0.53em;
    vertical-align: super;
}

/*----------------------------- STORES --------------------------------------------*/
.header_hammer .stores[b-ghvw47uxfm],
#hammer .dlc_close .stores[b-ghvw47uxfm] {
    margin: 0 auto;
}

    .header_hammer .stores:first-of-type[b-ghvw47uxfm],
    #hammer .dlc_close .stores:first-of-type[b-ghvw47uxfm] {
        margin: 0 auto 14px;
    }

.header_hammer .store-badge[b-ghvw47uxfm],
#hammer .dlc_close .store-badge[b-ghvw47uxfm] {
    display: inline-block;
    margin: 0 2px 5px;
}

    .header_hammer .store-badge img[b-ghvw47uxfm],
    #hammer .dlc_close .store-badge img[b-ghvw47uxfm] {
        display: inline-block;
        height: 40px;
    }

/*----------------------------- VIDEO DLC --------------------------------------------*/


#hammer .video_dlc[b-ghvw47uxfm] {
    width: 100%;
    max-width: 900px;
    margin: 40px auto;
    position: relative;
    aspect-ratio: 16 / 9;
    height: auto;
    filter: drop-shadow(0px 7px 6px rgba(0, 0, 0, 0.7));
}

    #hammer .video_dlc p[b-ghvw47uxfm] {
        border: 3px solid #d15f69;
    }



/*----------------------------- DESCRIPTION --------------------------------------------*/


#hammer .text_description[b-ghvw47uxfm] {
    width: 100%;
    padding-top: 270px;
}

@media screen and (min-width: 1200px) {
    #hammer .text_description[b-ghvw47uxfm] {
        width: 50%;
        padding-top: 0px;
    }
}


/*----------------------------- SCREENSHOTS --------------------------------------------*/
#hammer .img-thumbnail[b-ghvw47uxfm] {
    border: 1px solid #A6D21F;
}

#hammer .media .media-item:hover .img-thumbnail[b-ghvw47uxfm], #hammer .media .gallery-item:hover .img-thumbnail[b-ghvw47uxfm] {
    border-color: #32e3db;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 227, 219,1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(50, 227, 219,1);
    box-shadow: 0px 0px 8px 0px rgba(50, 227, 219,1);
}

#hammer .dlc_screenshots .gallery-item img[b-ghvw47uxfm] {
    background-color: transparent /*#004642*/;
}

#hammer .dlc_screenshots .media .media-item:hover[b-ghvw47uxfm], #hammer .dlc_screenshots .media .gallery-item:hover[b-ghvw47uxfm] {
    transform: scale(1.07);
}

@media screen and (max-width: 600px) {
    #hammer .dlc_screenshots .media .media-item:hover[b-ghvw47uxfm], #hammer .dlc_screenshots .media .gallery-item:hover[b-ghvw47uxfm] {
        transform: scale(1.04);
    }
}

#hammer .dlc_screenshots .media .media-item[b-ghvw47uxfm], #hammer .dlc_screenshots .media .gallery-item[b-ghvw47uxfm] {
    flex: 0 1 31%;
    margin: 20px 0;
}

#hammer .dlc_screenshots .media[b-ghvw47uxfm] {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 3.5%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1200px) {
    #hammer .dlc_screenshots .media .media-item[b-ghvw47uxfm], #hammer .dlc_screenshots .media .gallery-item[b-ghvw47uxfm] {
        flex: 0 1 48.25%;
        margin: 15px 0;
    }
}

@media screen and (max-width: 767px) {
    #hammer .dlc_screenshots .media .media-item[b-ghvw47uxfm], #hammer .dlc_screenshots .media .gallery-item[b-ghvw47uxfm] {
        flex: 0 1 100%;
        margin: 15px 0;
    }

    #hammer .dlc_screenshots .media[b-ghvw47uxfm] {
        gap: unset;
    }
}

#hammer hr.style-two[b-ghvw47uxfm] {
    border: 0;
    height: 2px;
    max-width: 3840px;
    margin: 0 auto;
    background-color: #231920;
    background-image: linear-gradient(to right, rgba(209, 95, 105, 0), rgba(209, 95, 105, 0.75), rgba(209, 95, 105, 0));
    background-size: 1140px;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (max-width: 1200px) {
    #hammer hr.style-two[b-ghvw47uxfm] {
        background-size: 800px;
    }
}

/*----------------------------- FEATURES --------------------------------------------*/


#hammer .dlc_features .container-fluid[b-ghvw47uxfm] {
    max-width: 2400px;
}

#hammer .dlc_features h1.title.text-primary[b-ghvw47uxfm] {
    margin-bottom: 1.3rem;
}

.title_features[b-ghvw47uxfm] {
    text-align: center;
}

@media (min-width: 992px) { 
    .title_features[b-ghvw47uxfm] {
        text-align: left; 
    }
}

#hammer .gif[b-ghvw47uxfm] {
    filter: drop-shadow(1px 5px 10px rgba(255, 83, 15, .7));
}

.column_text_dlc_features[b-ghvw47uxfm] {
    /* Padding horizontal (pequeño en pantallas pequeñas) */
    padding-left: 3rem; /* equivalente a px-5 */
    padding-right: 3rem;
    width: 100%; /* equivalente a col-12 */
    text-align: left; /* alineación del texto */
    order: 0; /* orden predeterminado */
}

.column_features.column_img[b-ghvw47uxfm]{
    flex: 1; /* Equivalente a 'col', hace que la columna ocupe espacio disponible */
    order: 1; /* Orden en pantallas pequeñas */
    display: flex; /* Para habilitar el modelo de caja flexible */
    justify-content: center; /* Centra el contenido horizontalmente */
}

@media (min-width: 992px) { /* Pantallas grandes (breakpoint lg) */
    .column_features.column_img[b-ghvw47uxfm] {
        order: 0; /* Cambia el orden en pantallas grandes */
    }
}


@media (min-width: 992px) { /* Pantallas grandes (breakpoint lg) */
    .column_text_dlc_features[b-ghvw47uxfm] {
        padding-left: 0.5rem; /* equivalente a px-lg-2 */
        padding-right: 0.5rem;
        width: 58.3333%; /* equivalente a col-lg-7 */
        order: 1; /* cambia el orden en pantallas grandes */
    }
}

/*----------------------------- CLOSE --------------------------------------------*/


#hammer .call_to_action[b-ghvw47uxfm] {
    margin-top: 30px;
    margin-bottom: 10px;
}

#hammer .header_hammer .call_to_action[b-ghvw47uxfm] {
    filter: drop-shadow(0px 3px 16px #000000);
}

#hammer .header_hammer .subtitle.text-secondary[b-ghvw47uxfm] {
    text-shadow: 0 2px #000;
}




/*Steam widget----------------------------------*/
#steam_widget_hammer[b-ghvw47uxfm] {
    margin: 2rem auto 0;
    display: block;
}

@media screen and (max-width: 768px) {
    #steam_widget_hammer[b-ghvw47uxfm] {
        display: none;
    }
}

/*Steam widget-END------------------------------*/

/* _content/KingdomRush5.Web/Components/Pages/Home/Add-ons.razor.rz.scp.css */

.section-add-ons .title.text-primary[b-uk020e9z8b] {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 2rem;
}

/*---------------------UP stop 3 DLCs------------------------*/

.add-ons[b-uk020e9z8b] {
    text-align: center;
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}

.add-on[b-uk020e9z8b] {
    
    margin: 0 15px;
    width: 250px;
    transition: all .2s;
}

hr.simple_hr[b-uk020e9z8b] {
    border: 0;
    height: 2px;
    width: 100%;
    max-width: 2560px;
    margin: 0 auto;
    background-image: linear-gradient(to right, rgba(6, 107, 103, 0), rgba(6, 107, 103, 0.75), rgba(6, 107, 103, 0));
}

@media screen and (min-width: 900px) {
    hr.simple_hr.xl_none[b-uk020e9z8b] {
        display: none;
    }
}


.add-on img[b-uk020e9z8b] {
    width: 100%;
    height: auto;
    border-radius: 12px;
    border: 1px solid #0c7d79;
    padding: 3px;
    transition: all .2s;
}

.add-on h2[b-uk020e9z8b] {
    font-size: 1.35rem;
    text-align: center;
    font-family: var(--site-font-family), sans-serif;
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 2px 7px rgba(0,0,0,0.49);
    padding: 20px;
    text-decoration: none;
}

.add-on:hover h2[b-uk020e9z8b],
.add-on:active h2[b-uk020e9z8b] {
    text-decoration: underline;
    color: #fff;
}

.add-on:hover[b-uk020e9z8b],
.add-on:active[b-uk020e9z8b] {
    transform: scale(1.05);
}

    .add-on:hover img[b-uk020e9z8b],
    .add-on:active img[b-uk020e9z8b] {
        border: 1px solid #fff;
    }

@media screen and (max-width: 800px) {
    .add-on[b-uk020e9z8b] {
        width: 200px;
    }
}

@media screen and (max-width: 560px) {
    .add-on[b-uk020e9z8b] {
        margin: 0 10px;
        width: 140px;
    }

        .add-on h2[b-uk020e9z8b] {
            font-size: 1.1rem;
            padding: 10px 5px;
        }
}


/*---------------------UP stop 3 DLCs------------------------*/




[b-uk020e9z8b] .carousel {
    position: relative;
    width: 75%;
    aspect-ratio: 16 / 7;
    margin: 2rem auto 3rem;
}

[b-uk020e9z8b] .carousel-control {
    height: 56px;
}

    [b-uk020e9z8b] .carousel-control.carousel-control-next,
    [b-uk020e9z8b] .carousel-control.carousel-control-previous {
        position: relative;
        opacity: 1;
        bottom: -55%;
        top: unset;
    }

    [b-uk020e9z8b] .carousel-control.carousel-control-next {
        right: 27.3%;
    }

    [b-uk020e9z8b] .carousel-control.carousel-control-previous {
        left: 27.3%;
    }


.carousel[b-uk020e9z8b]  div {
    position: absolute;
    transition: transform .4s, left .45s, right .45s, opacity .2s, z-index 0s;
    opacity: 1;
}

.carousel div[b-uk020e9z8b]  img {
    object-fit: contain;
    transition: all .4s;
    -webkit-user-drag: none;
}



[b-uk020e9z8b] .flecha {
    width: 100%;
    height: 56px;
    transition: all 0.2s;
    cursor: pointer;
}

    [b-uk020e9z8b] .flecha.der {
        background-image: url('../images/buttons/next-default.png');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    [b-uk020e9z8b] .flecha.izq {
        background-image: url('../images/buttons/prev-default.png');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    [b-uk020e9z8b] .flecha:active {
        cursor: var(--cursor-active);
    }

        [b-uk020e9z8b] .flecha:active.izq {
            transform: translateX(-10px);
        }

        [b-uk020e9z8b] .flecha:active.der {
            transform: translateX(10px);
        }



    [b-uk020e9z8b] .flecha.der:hover {
        background-image: url('../images/buttons/next-hover.png');
        filter: drop-shadow( 0px 0px 8px);
    }

    [b-uk020e9z8b] .flecha.izq:hover {
        background-image: url('../images/buttons/prev-hover.png');
        filter: drop-shadow( 0px 0px 8px);
    }

[b-uk020e9z8b] .legend.current {
    display: block;
    position: relative;
}

[b-uk020e9z8b] .name {
    display: inline-block;
    text-align: center;
    width: 266px;
    font-family: var(--site-font-family), sans-serif;
    font-size: 1.35rem;
    font-weight: bold;
    color: #fae7ff;
    text-shadow: 0px 2px 7px rgba(0,0,0,0.49);
    padding: 20px;
    text-transform: none;
    background-image: url('../img/buttons/frame-name-slider-577x111.png');
    background-size: 100%;
    background-position: center 20px;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    transition: .3s;
}






.carousel[b-uk020e9z8b]  div.hideRight img,
.carousel[b-uk020e9z8b]  div.hideLeft img,
.carousel[b-uk020e9z8b]  div.prev img,
.carousel[b-uk020e9z8b]  div.next img,
.carousel[b-uk020e9z8b]  div.selected img {
    transition: transform 0.3s;
}

.carousel[b-uk020e9z8b]  div.hideLeft {
    /*left: -100%;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);*/
}

.carousel div.hideLeft[b-uk020e9z8b]  img {
    /*transform: scale(60%);*/
}

.carousel[b-uk020e9z8b]  div.hideRight {
    /*right: 100%;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);*/
}

.carousel div.hideRight[b-uk020e9z8b]  img {
    /*transform: scale(60%);*/
}

.carousel[b-uk020e9z8b]  div.prev {
    z-index: 1;
    left: 8%;
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
}



.carousel div.prev[b-uk020e9z8b]  img {
    transform: scale(80%);
}

.carousel div.selected[b-uk020e9z8b] {
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}



.carousel[b-uk020e9z8b]  div.next {
    z-index: 1;
    right: 8%;
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
}



.carousel div.next[b-uk020e9z8b]  img {
    transform: scale(80%);
}


[b-uk020e9z8b] .slide img {
    border-radius: 6px;
    border: 3px solid transparent;
    box-sizing: border-box;
    filter: none;
    -webkit-user-drag: none;
    transition: filter .3s;
}

[b-uk020e9z8b] .carousel-slides {
    mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 75%, rgba(0,0,0,0) 100%);
    -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 75%, rgba(0,0,0,0) 100%);
}

[b-uk020e9z8b] .slide-1 {
    left: -30%;
    width: 30%;
    pointer-events: none;
}

[b-uk020e9z8b] .slide-2 {
    width: 30%;
    left: 0%;
}

[b-uk020e9z8b] .slide-3 {
    left: 35%;
    width: 30%;
}

[b-uk020e9z8b] .slide-4 {
    width: 30%;
    left: 70%;
}

[b-uk020e9z8b] .slide-5 {
    width: 30%;
    left: 105%;
    pointer-events: none;
}


[b-uk020e9z8b] .slide-3 img {
    animation: none;
    /*filter: drop-shadow(0px 5px 10px #000000);*/
}

[b-uk020e9z8b] .slide-2:hover img,
[b-uk020e9z8b] .slide-3:hover img,
[b-uk020e9z8b] .slide-4:hover img {
    border: 3px solid #d3bf9c;
}
/* _content/KingdomRush5.Web/Components/Pages/Home/Game.razor.rz.scp.css */
#game[b-ez6pbrvimi] {
    height: 760px;
}

@media screen and (max-width: 600px){
    #game[b-ez6pbrvimi] {
        height: 600px;
    }
}


/* _content/KingdomRush5.Web/Components/Pages/Home/Heroes.razor.rz.scp.css */
#heroes[b-bewn0o5c3q] {
    
}

@media screen and (max-width: 580px){
    #heroes .paragraph_kr5[b-bewn0o5c3q] {
        margin-bottom: 0;
    }
}


[b-bewn0o5c3q] .carousel {
    position: relative;
    width: 75%;
    aspect-ratio: 16 / 7;
    margin: 2rem auto 3rem;
    background-image: url('img/heroes/floor-stones_1134x176.png');
    background-repeat: no-repeat;
    background-position: center 100%;
    background-size: 80%;
    
}

@media screen and (max-width: 1065px) {
    [b-bewn0o5c3q] .carousel {
        width: 90%;
        aspect-ratio: 16 / 12;
        margin: 0 auto 2rem;
        background-position: center 100%;
        background-size: 100%;
    }
}

@media screen and (max-width: 765px) {
    [b-bewn0o5c3q] .carousel {
        background-position: center 95%;
    }
}

@media screen and (max-width: 580px) {
    [b-bewn0o5c3q] .carousel {
        width: 100%;
        aspect-ratio: 16 / 14;
        margin: 0 auto 2rem;
        background-position: center 87%;
    }
}

@media screen and (max-width: 480px) {
    [b-bewn0o5c3q] .carousel {
        background-position: center 90%;
    }
}

[b-bewn0o5c3q] .carousel-control {
    height: 56px;
}

.carousel[b-bewn0o5c3q]  div {
    position: absolute;
    transition: transform .4s, left .45s, right .45s, opacity .2s, z-index 0s;
    opacity: 1;
}

.carousel div[b-bewn0o5c3q]  img {
    /*width: 266px;*/
    object-fit: contain;
    transition: all .4s;
    -webkit-user-drag: none;
}

/*@media screen and (max-width: 960px) {
    .carousel div ::deep img {
        width: 206px;
    }
}

@media screen and (max-width: 700px) {
    .carousel div ::deep img {
        width: 195px;
    }
}

@media screen and (max-width: 580px) {
    .carousel div ::deep img {
        width: 165px;
    }
}*/

[b-bewn0o5c3q] .flecha {
    width: 100%;
    height: 56px;
    transition: all 0.3s;
    cursor: var(--cursor-pointer);
}

[b-bewn0o5c3q] .flecha.der {
    background-image: url('img/buttons/btn_next.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

[b-bewn0o5c3q] .flecha.izq {
    background-image: url('img/buttons/btn_prev.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

    [b-bewn0o5c3q] .flecha:active {
        cursor: var(--cursor-active);
    }

    [b-bewn0o5c3q] .flecha:active.izq {
        transform: translateX(-10px);
    }

    [b-bewn0o5c3q] .flecha:active.der {
        transform: translateX(10px);
    }

@media screen and (max-width: 580px) {
    [b-bewn0o5c3q] .flecha.der {
        right: 0px;
    }

    [b-bewn0o5c3q] .flecha.izq {
        left: 0px;
    }
}

[b-bewn0o5c3q] .flecha.der:hover {
    background-image: url('../img/buttons/btn_next_hover.png');
}

[b-bewn0o5c3q] .flecha.izq:hover {
    background-image: url('../img/buttons/btn_prev_hover.png');
}

[b-bewn0o5c3q] .legend.current {
    display: block;
    color: #fff;
    position: relative;
}

[b-bewn0o5c3q] .name {
    display: inline-block;
    text-align: center;
    width: 266px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 2px 7px rgba(0,0,0,0.49);
    font-size: 1.3em;
    padding: 20px;
    text-transform: uppercase;
    background-image: url('../img/buttons/frame-name-slider-577x111.png');
    background-size: 100%;
    background-position: center 20px;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    transition: .3s;
}


@media screen and (max-width: 1065px) {
    [b-bewn0o5c3q] .name {
        width: 266px;
        font-size: 1.3em;
        bottom: 0;
        background-size: 80%;
        background-position: center 25px;
    }
}

@media screen and (max-width: 764px) {
    [b-bewn0o5c3q] .name {
        font-size: 1em;
        background-position: center 20px;
    }
}

@media screen and (max-width: 700px) {
    [b-bewn0o5c3q] .name {
        
        background-size: 80%;
        background-position: center 20px;
    }
}

[b-bewn0o5c3q] .name[imgname="Anya"] {
    filter: hue-rotate(150deg);
}

[b-bewn0o5c3q] .name[imgname="Grimson"] {
    filter: hue-rotate(170deg);
}

[b-bewn0o5c3q] .name[imgname="Lumenir"] {
    filter: hue-rotate(80deg);
}

[b-bewn0o5c3q] .name[imgname="Nyru"] {
    filter: hue-rotate(50deg);
}

[b-bewn0o5c3q] .name[imgname="Onagro"] {
    filter: hue-rotate(-20deg);
}

[b-bewn0o5c3q] .name[imgname="Raelyn"] {
    filter: hue-rotate(260deg);
}

[b-bewn0o5c3q] .name[imgname="Therien"] {
    filter: hue-rotate(180deg);
}

[b-bewn0o5c3q] .name[imgname="Torres"] {
    filter: hue-rotate(280deg);
}

[b-bewn0o5c3q] .name[imgname="Vesper"] {
    filter: hue-rotate(140deg);
}

[b-bewn0o5c3q] .name[imgname="Warhead"] {
    filter: hue-rotate(280deg);
}

[b-bewn0o5c3q] .name[imgname="Kosmyr"] {
    filter: hue-rotate(260deg);
}

[b-bewn0o5c3q] .name[imgname="Broden"] {
    filter: hue-rotate(270deg);
}

[b-bewn0o5c3q] .name[imgname="Stregi"] {
    filter: hue-rotate(180deg);
}

[b-bewn0o5c3q] .name[imgname="Sylvara"] {
    filter: hue-rotate(30deg);
}

[b-bewn0o5c3q] .name[imgname="Spydyr"] {
    filter: hue-rotate(180deg);
}



.carousel[b-bewn0o5c3q]  div.hideRight img,
.carousel[b-bewn0o5c3q]  div.hideLeft img,
.carousel[b-bewn0o5c3q]  div.prev img,
.carousel[b-bewn0o5c3q]  div.next img,
.carousel[b-bewn0o5c3q]  div.selected img {
    transition: transform 0.3s;
}

.carousel[b-bewn0o5c3q]  div.hideLeft {
    left: 5%;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
}

.carousel div.hideLeft[b-bewn0o5c3q]  img {
    transform: scale(60%);
}

.carousel[b-bewn0o5c3q]  div.hideRight {
    right: 5%;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
}

.carousel div.hideRight[b-bewn0o5c3q]  img {
    transform: scale(60%);
}

.carousel[b-bewn0o5c3q]  div.prev {
    z-index: 1;
    left: 8%;
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 700px) {
    .carousel[b-bewn0o5c3q]  div.prev {
        left: 10%;
    }
}

.carousel div.prev[b-bewn0o5c3q]  img {
    transform: scale(80%);
}

.carousel div.selected[b-bewn0o5c3q] {
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}



.carousel[b-bewn0o5c3q]  div.next {
    z-index: 1;
    right: 8%;
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 700px) {
    .carousel[b-bewn0o5c3q]  div.next {
        right: 10%;
    }
}

.carousel div.next[b-bewn0o5c3q]  img {
    transform: scale(80%);
}


[b-bewn0o5c3q] .slide img {
    border: none;
    border-radius: unset;
    box-sizing: border-box;
    filter: none;
    -webkit-user-drag: none;
    transition: filter .3s;
}

[b-bewn0o5c3q] .slide-1 {
    left: 0%;
    width: 20%;
}

[b-bewn0o5c3q] .slide-2 {
    width: 30%;
    left: 5%;
}

[b-bewn0o5c3q] .slide-3 {
    left: 25%;
    width: 50%;
}

[b-bewn0o5c3q] .slide-4 {
    width: 30%;
    left: 65%;
}

[b-bewn0o5c3q] .slide-5 {
    width: 20%;
    left: 80%;
}

@media screen and (max-width: 1065px) {
    [b-bewn0o5c3q] .slide-3 {
        left: 7%;
        width: 86%;
    }

    [b-bewn0o5c3q] .slide-2,
    [b-bewn0o5c3q] .slide-4 {
        filter: brightness(40%);
    }

    [b-bewn0o5c3q] .slide-2 {
        width: 50%;
        left: 0;
    }

    [b-bewn0o5c3q] .slide-4 {
        width: 50%;
        left: 50%;
    }
}

@media screen and (max-width: 580px) {
    [b-bewn0o5c3q] .slide-3 {
        left: 7%;
        width: 86%;
    }

    [b-bewn0o5c3q] .slide-2,
    [b-bewn0o5c3q] .slide-4 {
        filter: brightness(30%);
    }
}

[b-bewn0o5c3q] .slide-3 img {
    animation: none;
    /*filter: drop-shadow(0px 5px 10px #000000);*/
}
/* _content/KingdomRush5.Web/Components/Pages/Home/Home.razor.rz.scp.css */
.container.footer[b-45corb8lyh] {
    text-align: center;
    padding: 4rem 5%;
}

.baby_arborean[b-45corb8lyh] {
    display: block;
    margin: 0 auto 50px;
    width: 60px;
}

.presskit_link[b-45corb8lyh] {
    color: #fff;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
    opacity: 0.7;
    transition: .2s;
    line-height: 1em;
    margin-left: 10px;
    margin-right: 10px;
}

    .presskit_link:hover[b-45corb8lyh],
    .presskit_link:active[b-45corb8lyh] {
        text-decoration: none;
        border-bottom: 2px solid #fff;
        opacity: 1;
    }

.presskit_link_holder[b-45corb8lyh]{
    display: block;
    margin-top: 30px;
}

@media screen and (max-width: 768px){
    #steam_widget[b-45corb8lyh]{
        display: none;
    }
}

/*----------------------------- BANNER --------------------------------------------*/

/* _content/KingdomRush5.Web/Components/Pages/Home/Intro.razor.rz.scp.css */


.header_content[b-7owd417xvs] {
    text-align: center;
    padding-bottom: 4rem;
}

[b-7owd417xvs] .logo_header {
    width: 20rem;
    padding: 8.125rem 0 3.75rem 0;
    margin: 0 auto;
}

@media screen and (max-width: 959px) {
    [b-7owd417xvs] .logo_header {
        width: 16.875rem;
    }
}

@media screen and (max-width: 670px) {
    [b-7owd417xvs] .logo_header {
        width: 15rem;
    }
}

@media screen and (max-width: 430px) {
    [b-7owd417xvs] .logo_header {
        width: 12.5rem;
    }
}


.subscribe[b-7owd417xvs] {
    margin-top: 0.9375rem;
}

.badges_intro[b-7owd417xvs] {
    padding: 0 5%;
}
/* _content/KingdomRush5.Web/Components/Pages/Home/Terrains.razor.rz.scp.css */
#terrains[b-4v3t3fsux3] {
    padding-top: 280px;
}

@media screen and (max-width: 1650px){
    #terrains[b-4v3t3fsux3] {
        padding-top: 180px;
    }
}

@media screen and (max-width: 1065px) {
    #terrains[b-4v3t3fsux3] {
        padding-top: 4rem;
    }
}

[b-4v3t3fsux3] img {
    border: 1px solid #FF18F6;
    padding: 5px;
    margin-bottom: 1.5rem;
    transition: all .15s;
    z-index: 0;
    position: relative;
}

[b-4v3t3fsux3] .gallery:hover img {
    filter: brightness(.7);
    transform: scale(.975);
}

[b-4v3t3fsux3] img:hover {
    border-color: #fff;
    filter: brightness(1) !important;
    transform: scale(1.05) !important;
    z-index: 12;
}
/* _content/KingdomRush5.Web/Components/Pages/Home/Towers.razor.rz.scp.css */
.rojo[b-558xp820qw] {
    border: 2px solid red;
}

[b-558xp820qw] .carousel {
    position: relative;
    width: 55%;
    aspect-ratio: 16 / 10;
    margin: 2rem auto 3rem;
}

@media screen and (max-width: 1065px){
    [b-558xp820qw] .carousel {
        width: 70%;
        margin: 5rem auto 7rem;
    }
}

@media screen and (max-width: 960px) {
    [b-558xp820qw] .carousel {
        width: 80%;
        margin: 5rem auto 7rem;
    }
}

@media screen and (max-width: 580px) {
    [b-558xp820qw] .carousel {
        width: 100%;
        aspect-ratio: 16 / 14;
        margin: 2rem auto 2rem;
    }
}

[b-558xp820qw] .carousel-control {
    height: 56px;
}

.carousel[b-558xp820qw]  div {
    position: absolute;
    transition: transform .4s, left .45s, right .45s, opacity .2s, z-index 0s;
    opacity: 1;
}

.carousel div[b-558xp820qw]  img {
    width: 266px;
    object-fit: contain;
    transition: all .4s;
    -webkit-user-drag: none;
}

@media screen and (max-width: 960px) {
    .carousel div[b-558xp820qw]  img {
        width: 206px;
    }
}

@media screen and (max-width: 700px) {
    .carousel div[b-558xp820qw]  img {
        width: 195px;
    }
}

@media screen and (max-width: 580px) {
    .carousel div[b-558xp820qw]  img {
        width: 165px;
    }
}

[b-558xp820qw] .flecha {
    width: 100%;
    height: 56px;
    transition: all 0.3s;
    cursor: var(--cursor-pointer);
}

[b-558xp820qw] .flecha.der {
    background-image: url('../img/buttons/btn_next.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

[b-558xp820qw] .flecha.izq {
    
    background-image: url('../img/buttons/btn_prev.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

    [b-558xp820qw] .flecha:active{
        cursor: var(--cursor-active);
    }

[b-558xp820qw] .flecha:active.izq {
    transform: translateX(-10px);
}

[b-558xp820qw] .flecha:active.der {
    transform: translateX(10px);
}

@media screen and (max-width: 580px) {
    [b-558xp820qw] .flecha.der {
        right: 0px;
    }

    [b-558xp820qw] .flecha.izq {
        left: 0px;
    }
}

[b-558xp820qw] .flecha.der:hover {
    background-image: url('../img/buttons/btn_next_hover.png');
}

[b-558xp820qw] .flecha.izq:hover {
    background-image: url('../img/buttons/btn_prev_hover.png');
}

[b-558xp820qw] .legend.current {
    display: block;
    color: #fff;
    position: relative;
}

[b-558xp820qw] .name {
    display: inline-block;
    text-align: center;
    width: 320px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 2px 7px rgba(0,0,0,0.49);
    font-size: 1.3em;
    padding: 20px;
    text-transform: uppercase;
    background-image: url('../img/buttons/frame-name-slider-577x111.png');
    background-size: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    transition: .3s;
}


@media screen and (max-width: 960px) {
    [b-558xp820qw] .name {
        font-size: 1.3em;
        bottom: 0px;
        background-size: 80%;
    }
}

@media screen and (max-width: 764px) {
    [b-558xp820qw] .name {
        font-size: 1em;
        background-size: 60%;
        background-position: center 70%;
    }
}

@media screen and (max-width: 700px) {
    [b-558xp820qw] .name {
        bottom: 0px;
    }
}

@media screen and (max-width: 580px) {
    [b-558xp820qw] .name {
        bottom: -1rem;
    }
}

[b-558xp820qw] .name[imgname="Arcane Wizard"] {
    filter: hue-rotate(-130deg);
}

[b-558xp820qw] .name[imgname="Necromancer"] {
    filter: hue-rotate(0deg);
}

[b-558xp820qw] .name[imgname="Tricannon"] {
    filter: hue-rotate(-70deg);
}

[b-558xp820qw] .name[imgname="Arborean Emissary"] {
    filter: hue-rotate(50deg);
}

[b-558xp820qw] .name[imgname="Goblin Ballista"] {
    filter: hue-rotate(-10deg);
}

[b-558xp820qw] .name[imgname="Demon Pit"] {
    filter: hue-rotate(-60deg);
}

[b-558xp820qw] .name[imgname="Elven Stargazers"] {
    filter: hue-rotate(80deg);
}

[b-558xp820qw] .name[imgname="Paladin Covenant"] {
    filter: hue-rotate(140deg);
}

[b-558xp820qw] .name[imgname="Rocket Gunners"] {
    filter: hue-rotate(-90deg);
}

[b-558xp820qw] .name[imgname="Royal Archers"] {
    filter: hue-rotate(-180deg);
}

[b-558xp820qw] .name[imgname="Grim Wraiths"] {
    filter: hue-rotate(70deg);
}

[b-558xp820qw] .name[imgname="Dwarven Flamespitter"] {
    filter: hue-rotate(290deg);
}

[b-558xp820qw] .name[imgname="Dune Sentinels"] {
    filter: hue-rotate(250deg);
}

[b-558xp820qw] .name[imgname="Battle Brewmasters"] {
    filter: hue-rotate(-50deg);
}

[b-558xp820qw] .name[imgname="Eldritch Channeler"] {
    filter: hue-rotate(260deg);
}

[b-558xp820qw] .name[imgname="Twilight Longbows"] {
    filter: hue-rotate(220deg);
}

[b-558xp820qw] .name[imgname="Bog Hermit"] {
    filter: hue-rotate(220deg);
}

[b-558xp820qw] .name[imgname="Surge Colossus"] {
    filter: hue-rotate(-50deg);
}


.carousel[b-558xp820qw]  div.hideRight img,
.carousel[b-558xp820qw]  div.hideLeft img,
.carousel[b-558xp820qw]  div.prev img,
.carousel[b-558xp820qw]  div.next img,
.carousel[b-558xp820qw]  div.selected img {
    transition: transform 0.3s;
}

.carousel[b-558xp820qw]  div.hideLeft {
    left: 5%;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
}

.carousel div.hideLeft[b-558xp820qw]  img {
    transform: scale(60%);
}

.carousel[b-558xp820qw]  div.hideRight {
    right: 5%;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
}

.carousel div.hideRight[b-558xp820qw]  img {
    transform: scale(60%);
}

.carousel[b-558xp820qw]  div.prev {
    z-index: 1;
    left: 8%;
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 700px) {
    .carousel[b-558xp820qw]  div.prev {
        left: 10%;
    }
}

.carousel div.prev[b-558xp820qw]  img {
    transform: scale(80%);
}

.carousel div.selected[b-558xp820qw] {
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

 

.carousel[b-558xp820qw]  div.next {
    z-index: 1;
    right: 8%;
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 700px) {
    .carousel[b-558xp820qw]  div.next {
        right: 10%;
    }
}

.carousel div.next[b-558xp820qw]  img {
    transform: scale(80%);
}


[b-558xp820qw] .slide img {
    border: none;
    border-radius: unset;
    box-sizing: border-box;
    filter: none;
    -webkit-user-drag: none;
    transition: filter .3s;
}

[b-558xp820qw] .slide-3 img {
    animation: none;
    filter: drop-shadow(0px 5px 10px #000000);
}

@media screen and (max-width: 480px) {
    [b-558xp820qw] .slide-2 {
        left: 3%;
        width: 60%;
    }

    [b-558xp820qw] .slide-3 {
        left: 15%;
        width: 70%;
    }

    [b-558xp820qw] .slide-4 {
        left: 37%;
        width: 60%;
    }
}
/* _content/KingdomRush5.Web/Components/Pages/News/News.razor.rz.scp.css */
.news-list[b-90r7f3ikqy] {
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
}

/* _content/KingdomRush5.Web/Components/Pages/News/NewsDetail.razor.rz.scp.css */


[b-ikvcwvse29].embed-responsive {
    display: block;
    height: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}

[b-ikvcwvse29].embed-responsive-16by9 {
    padding-bottom: 56.25%;
    margin-top: .6rem;
    margin-bottom: .6rem;
}

[b-ikvcwvse29].embed-responsive iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* _content/KingdomRush5.Web/Components/Pages/News/NewsLayout.razor.rz.scp.css */
/* ------------------------- News Page --------------------------------*/

.main[b-3e8vay581j] {
    display: flex;
    flex-direction: row;
    gap: 25px;
}

[b-3e8vay581j] aside {
    margin-left: auto;
    order: 1;
    flex: 0 0 350px;
}

.content[b-3e8vay581j] {
    flex: 0 0 calc(100% - 25px - 350px);
    order: 0;
}

@media screen and (max-width: 1280px) {
    .main[b-3e8vay581j] {
        flex-direction:column;
    }
    [b-3e8vay581j] aside {
        order:0;
        flex: 0 0 100%;
        margin:0;
    }
    .content[b-3e8vay581j] {
        order:1;
    }
}

[b-3e8vay581j] .article-item{
    margin-bottom: 0;
}

[b-3e8vay581j] .article-item.article-item-card {
    flex: 1 1 30%;
}

[b-3e8vay581j] .article-item.article-item-card:only-child {
    flex: 0 1 min(100%, 600px);
}

@media screen and (max-width: 1024px) {
    [b-3e8vay581j] .article-item.article-item-card:first-child {
        flex: 1 1 100%;
    }

    [b-3e8vay581j] .article-item.article-item-card:only-child {
        flex: 0 1 min(100%, 600px);
    }
}

@media screen and (max-width: 764px) {
    [b-3e8vay581j] .article-item.article-item-card {
        flex: 1 1 100%;
    }
}

@media screen and (max-width: 764px) {
    [b-3e8vay581j] .article-item.article-item-list {
        flex-direction: column;
    }

}

[b-3e8vay581j] .article-item.article-item-card .thumbnail {
    width: 100%;
}

[b-3e8vay581j] .article-item.article-item-list .thumbnail {
    flex: 0 1 34%;
}

    [b-3e8vay581j] .article-item .thumbnail a img {
        border: 2px solid transparent;
        box-sizing: border-box;
        transition: .2s;
        width: 100%;
    }

[b-3e8vay581j] .article-item .content {
    width: 100%;
}

[b-3e8vay581j] .article-item:hover {
    cursor: var(--cursor-pointer);
}

    [b-3e8vay581j] .article-item:hover .thumbnail a img {
        border: 2px solid hsl(170 100% 50% / .5);
    }


[b-3e8vay581j] .news__grid-title h1 {
    font-family: var(--site-font-family);
    font-weight: 900;
}

[b-3e8vay581j] .news__grid-title h2 {
    font-weight: 900;
}

[b-3e8vay581j] .news-list h2.flavor {
    font-size: 1.4rem;
    font-weight: 900;
}

[b-3e8vay581j] .news-list .article-item .content h1 a {
    font-size: 1.7rem;
    line-height: 1;
    font-weight: 900;
}

[b-3e8vay581j] .news-list .article-item .content .Summary {
    padding-top: 10px;
    line-height: 1.25;
}

@media screen and (max-width: 960px) {
    [b-3e8vay581j] .news-list h2.flavor {
        font-size: 1.2rem;
        font-weight: 900;
    }

    [b-3e8vay581j] .news-list .article-item .content h1 a {
        font-size: 1.5rem;
        line-height: 1;
        font-weight: 900;
    }

    [b-3e8vay581j] .news-list .article-item .content .Summary {
        padding-top: 8px;
    }

    [b-3e8vay581j] .article-item.article-item-list .thumbnail {
        flex: 0 1 40%;
    }
}

[b-3e8vay581j] aside ul li a{
    font-weight: bold;
}

.container_bg_newspage[b-3e8vay581j] {
    background-image: url(img/news/news-header-bg.jpg);
    background-size: 2300px;
    background-position: center 0px;
}

@media screen and (max-width: 764px){
    .container_bg_newspage[b-3e8vay581j] {
        background-size: 1760px;
        background-position: -274px 0px;
    }
}


/* ------------------------- News Detail --------------------------------*/

[b-3e8vay581j] #newsContent .flavor{
    text-transform: uppercase;
    font-weight: 900;
}

[b-3e8vay581j] #newsContent img{
    margin: 1rem 0;
    height: auto;
    display: inline-block;
}

[b-3e8vay581j] #newsContent p {
    font-size: 1.3rem;
}


[b-3e8vay581j] #newsContent .embed-responsive {
    display: block;
    height: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}

[b-3e8vay581j] #newsContent .embed-responsive-16by9 {
    padding-bottom: 56.25%;
    margin-top: .6rem;
    margin-bottom: .6rem;
}

[b-3e8vay581j] #newsContent .embed-responsive iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
/* _content/KingdomRush5.Web/Components/Pages/Prerelease/IntroPreRelease.razor.rz.scp.css */
.container_bg_header[b-my6a24rqj8] {
    max-width: 2560px;
    height: 860px;
    position: relative;
    background: linear-gradient(0deg, rgba(5, 6, 11,1) 0%, rgba(5, 6, 11,0) 35%);
}

.loop_header[b-my6a24rqj8] {
    top: 0;
    left: 0;
    right:0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    position: absolute;
    z-index: -1;
}

.intro[b-my6a24rqj8] {
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position:relative;
    top:0;
    height: calc(100% - 168px);
}

@media screen and (max-width: 600px){
    .intro[b-my6a24rqj8] {
        top: 168px;
        height: calc(100% - 200px);
    }
}

.availability[b-my6a24rqj8]{
    text-align:center;
}

.logo_header[b-my6a24rqj8] {
    width: 300px;
    margin-bottom: 200px;
}


@media screen and (max-width: 3840px) {
    .logo_header[b-my6a24rqj8] {
        width: 300px;
        margin-bottom: 300px;
    }

    .container_bg_header[b-my6a24rqj8] {
        height: 900px;
    }

    .intro[b-my6a24rqj8] {
        top: 0;
        height: 100%;
    }
}

@media screen and (max-width: 1920px) {
    .logo_header[b-my6a24rqj8] {
        width: 266px;
        margin-bottom: 154px;
    }

    .intro[b-my6a24rqj8] {
        top: 20px;
        height: 100%;
    }
}


@media screen and (max-width: 600px) {
    .container_bg_header[b-my6a24rqj8] {
        height: 763px;
        min-height: 700px;
    }

    .logo_header[b-my6a24rqj8] {
        width: 200px;
        margin-bottom: 127px;
        margin-top:0px;
    }

}

@media screen and (max-width: 460px) {
    .container_bg_header[b-my6a24rqj8] {
        height: 830px;
    }


    .logo_header[b-my6a24rqj8] {
        margin-bottom: 135px;
        margin-top: 15px;
    }
}

@media screen and (min-width: 1921px) {
    .container_bg_header[b-my6a24rqj8] {
        height: 1200px;
    }

    [b-my6a24rqj8] .logo_header {
        width: 358px;
    }

    .store_badge[b-my6a24rqj8]  img {
        height: 54px;
    }
}

/* _content/KingdomRush5.Web/Components/Pages/Prerelease/Prerelease.razor.rz.scp.css */
.throne_room_bg[b-m10wsmsjby] {
    max-width: 2560px;
    margin: 0 auto;
    background-image: linear-gradient(0deg, rgba(5, 6, 11,0) 40%, rgba(5, 6, 11,1) 100%), url('../img/news_pre_release/throne-room-clean.jpg');
    background-size: cover;
    background-position: center bottom;
}




/* -------------------------- de acá para abajo relocalizar estilos -------------------------- */



.footer[b-m10wsmsjby] {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 90px;
}

    

    

.presskit[b-m10wsmsjby] {
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    margin: 40px auto;
}




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

    .section_footer .container p[b-m10wsmsjby],
    .section_footer .container span[b-m10wsmsjby] {
        display: block;
        margin: 12px 0;
    }
}



[b-m10wsmsjby] .baby_arborean {
    display: block;
    margin: 0 auto 50px;
    width: 60px;
}
/* _content/KingdomRush5.Web/Components/Pages/Presskit/Presskit.razor.rz.scp.css */
.container_bg_presskit[b-k7skyqehku] {
    background-image: url(img/presskit/presskit_header-bg.jpg);
    background-size: 2560px;
    background-position: center 0px;
}

@media screen and (max-width: 764px) {
    .container_bg_presskit[b-k7skyqehku] {
        background-size: 1760px;
        background-position: -274px 0px;
    }
}

.presskit[b-k7skyqehku] {
    text-align: center;
}

.container_presskit[b-k7skyqehku]{
    max-width: 900px;
    margin: 0 auto;
    padding: 0 5%;
}

.presskit_header_logo[b-k7skyqehku] {
    width: 260px;
    margin: 0 auto;
}

.presskit p[b-k7skyqehku],
ul[b-k7skyqehku], ul li[b-k7skyqehku]{
    color: var(--color-primary);
}

p[b-k7skyqehku]{
    padding-bottom: 1rem;
}

.presskit[b-k7skyqehku]  h2 {
    text-transform: uppercase;
    color: var(--color-highlight);
    font-size: 1.6rem;
    line-height: 1.7rem;
    margin-bottom: 0.5rem;
}

.presskit[b-k7skyqehku]  p, [b-k7skyqehku] p, ul li[b-k7skyqehku], ol li[b-k7skyqehku] {
    font-size: 1rem;
    line-height: 1.2rem;
}

ul li[b-k7skyqehku] {
    margin-bottom: 0.9rem;
}

ul[b-k7skyqehku] {
    padding-left: 1.6rem;
}

@media screen and (max-width: 764px) {
    .presskit[b-k7skyqehku]  h2 {
        font-size: 1.5rem;
        line-height: 1.6rem;
    }

    .presskit[b-k7skyqehku]  p, [b-k7skyqehku] p, ul li[b-k7skyqehku] {
        font-size: 1rem;
        line-height: 1.1rem;
    }
}


@media screen and (max-width:  600px) {
    .presskit_header_logo[b-k7skyqehku] {
        width: 200px;
    }

    .presskit p[b-k7skyqehku] {
        text-align: left;
    }
}

.presskit[b-k7skyqehku]  .btn-link {
    color: #CFCBBA;
    text-decoration: none;
    font-weight: normal;
}



.presskit[b-k7skyqehku]  section {
    margin-bottom: 4rem;
}



.company-brand-content[b-k7skyqehku],
.game-brand-content[b-k7skyqehku] {
    display: flex;
    justify-content: center;
    gap: 5%;
    flex-direction: row;
    align-items: flex-end;
    flex-wrap: wrap;
}

[b-k7skyqehku] .img-game-icon {
    border-radius: 16px;
}

[b-k7skyqehku] .bkg-white {
    background: white;
}

.game-brand-content[b-k7skyqehku] {
    align-items: stretch;
}

    .game-brand-content[b-k7skyqehku]  a,
    .company-brand-content[b-k7skyqehku]  a {
        height: auto;
        flex: 0 0 auto;
        width: 25%;
    }

@media screen and (max-width: 764px) {
    .game-brand-content[b-k7skyqehku]  a,
    .company-brand-content[b-k7skyqehku]  a {
        width: 50%;
    }

        .game-brand-content[b-k7skyqehku]  a:first-child,
        .company-brand-content[b-k7skyqehku]  a:first-child {
            margin-bottom: 1.5rem;
        }
}

.game-brand-content[b-k7skyqehku]  figure {
    display: flex;
    flex-direction: column;
    height: 100%;
}

[b-k7skyqehku].game-brand-content ::deep .img-game-logo {
    max-width: 100%;
    height: auto;
}

.download-caption[b-k7skyqehku] {
    display: flex;
    color: var(--color-primary-transparent-75);
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin: auto;
    flex: 0 0 auto;
    flex-direction: row;
}


.platforms .platforms-content[b-k7skyqehku] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-top: 2rem;
}

.videos .videos-content[b-k7skyqehku] {
    display: flex;
    justify-content: space-evenly;
    margin-top: 1rem;
}

.images .images-content[b-k7skyqehku] {
    margin-top: 1rem;
    --screenshot-gap: 1rem;
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1 0 25%;
    gap: var(--screenshot-gap);
}

    .images .images-content .screenshot[b-k7skyqehku] {
        max-width: 100%;
        height: auto;
        flex: 1 0 25%;
        border: 1px solid var(--color-highlight);
        padding: .5rem;
        border-radius: .25rem;
        transition: border-color .2s;
    }

        .images .images-content .screenshot:hover[b-k7skyqehku] {
            border-color: #fff;
        }

@media screen and (max-width: 726px) {
    .images .images-content .screenshot[b-k7skyqehku] {
        flex: 0 0 calc(50% - (var(--screenshot-gap)/2));
    }
}

@media screen and (max-width: 580px) {
    .images .images-content .screenshot[b-k7skyqehku] {
        flex: 0 0 100%;
    }
}

.presskit h3[b-k7skyqehku] {
    font-size: 1.5rem;
    /*font-size: 1.875rem;*/
    text-transform: uppercase;
    font-weight: bold;
}

@media (min-width: 576px) {
    .presskit h3[b-k7skyqehku] {
        font-size: 1.875rem;
    }
}

.presskit .bkg-white[b-k7skyqehku] {
    background: #fff;
    border: 1px solid #000;
}

.presskit .bkg-black[b-k7skyqehku] {
    background: #000;
    border: 1px solid #fff;
}

.presskit a.caption[b-k7skyqehku], .presskit figcaption[b-k7skyqehku] {
    font-size: 1.4rem;
}

.presskit div.description[b-k7skyqehku] {
    text-align: left;
}


  

.presskit[b-k7skyqehku]  img.img-padding {
    padding: 10%;
    width: 100%;
}

.presskit ul[b-k7skyqehku] {
    list-style: disc;
    text-align: left;
}

.presskit[b-k7skyqehku]  .btn.btn-outline {
    display: inline-block;
    border: 1px solid var(--color-highlight);
    border-radius: 10px;
    font-weight: bold;
    font-size: 1.2rem;
    color: var(--color-highlight);
    text-transform: uppercase;
    padding: 20px 30px;
}

.presskit .figure-img-container[b-k7skyqehku] {
    width: 100%;
    border: 1px solid #ccc;
    display: flex;
    margin-top: auto;
    align-items: center;
    justify-content: center;
    padding: 10%;
    flex: 1 1 auto;
}

    .presskit .figure-img-container[b-k7skyqehku]  img {
        height: auto;
    }


.presskit .box-outline[b-k7skyqehku] {
    border: 1px solid #F3C11E;
    border-radius: 10px;
    color: #F3C11E;
    text-transform: uppercase;
    display: inline-block;
    padding: 20px;
    font-size: 1.35rem;
    font-weight: 700;
}

@media (min-width: 576px) {
    .presskit .box-outline[b-k7skyqehku] {
        font-size: 1.1rem;
    }
}

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

    .presskit[b-k7skyqehku]  .btn.btn-outline {
        font-size: 1rem;
        padding: 14px 18px;
    }
}
/* _content/KingdomRush5.Web/Components/Pages/PrivacyPolicy.razor.rz.scp.css */
.main-container.content-section[b-325rjmnf6f] {
    background-image: url('../img/intro/KRA_Main_Art_Web_Header_2560x1380_.jpg');
    background-size: contain;
    background-repeat: no-repeat;
}

.section-privacy[b-325rjmnf6f] {
    background-image: linear-gradient(180deg, transparent 0%, black 850px);
}

[b-325rjmnf6f] .privacy-policy-content {
    padding: 1rem;
    font-size: 1.6rem;
}

.header_content[b-325rjmnf6f] {
    text-align: center;
    padding-bottom: 4rem;
}

[b-325rjmnf6f] h1, [b-325rjmnf6f] h2 {
    margin-bottom: 1rem;
}

[b-325rjmnf6f] p {
    margin-bottom: 5rem;
}

[b-325rjmnf6f] a{
    color: var(--color-highlight);
}

[b-325rjmnf6f] .logo_header {
    width: 20rem;
    margin: 0 auto;
}

@media screen and (max-width: 959px) {
    [b-325rjmnf6f] .logo_header {
        width: 16.875rem;
    }
}

@media screen and (max-width: 670px) {
    [b-325rjmnf6f] .logo_header {
        width: 15rem;
    }
}

@media screen and (max-width: 430px) {
    [b-325rjmnf6f] .logo_header {
        width: 12.5rem;
    }
}


[b-325rjmnf6f] input, select[b-325rjmnf6f] {
    min-width: 300px;
}

[b-325rjmnf6f] select {
    background: var(--bg-primary);
    padding: 10px 10px;
    color: var(--color-primary);
    font-weight: bold;
    flex: 1;
    border-radius: 4px;
}

[b-325rjmnf6f] option {
    color: #fff;
    font-weight: bold;
}

[b-325rjmnf6f] .privacy-policy-selector {
    margin-bottom: 3rem;
}
/* _content/KingdomRush5.Web/Components/Pages/Strategy-Guide/Strategy_guide.razor.rz.scp.css */
.content-section[b-pbo4m0hs2i] {
    width: 100%;
    margin: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    background-color: #342C22;
}

    .content-section.krf[b-pbo4m0hs2i] {
        background-color: #142306;
    }

    .content-section.kro[b-pbo4m0hs2i] {
        background-color: #404433;
    }

.button[b-pbo4m0hs2i] {
    padding: 0.8rem 1.4rem;
}

/*a {
    color: #fff;
}*/

.content-section--left .content-text p[b-pbo4m0hs2i] {
    text-align: left;
}

.container[b-pbo4m0hs2i] {
    max-width: 60%;
    margin: auto;
    padding-left: 2rem;
    padding-right: 2rem;
}

.content-section--center .container[b-pbo4m0hs2i], .content-section--left .container[b-pbo4m0hs2i] {
    padding-left: 3rem;
    padding-right: 3rem;
}

.content-section h1[b-pbo4m0hs2i] {
    color: var(--color-highlight);
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    text-align: center;
    text-transform: uppercase;
}

.content-section.kro h1[b-pbo4m0hs2i] {
    color: #00D165;
}

.content-section h2[b-pbo4m0hs2i] {
    font-family: "Titillium Web", sans-serif;
    font-weight: 900;
    color: #fff;
    margin-bottom: 4rem;
    text-wrap: pretty;
    text-transform: none;
}

.content-section li[b-pbo4m0hs2i] {
    list-style: none;
    text-align: left;
    line-height: 1.6;
    font-size: 1.2rem;
}

    .content-section li[b-pbo4m0hs2i]:before {
        content: "-";
        position: absolute;
        padding-right: 10px;
        text-indent: -18px;
        height: auto;
    }

.content-section p[b-pbo4m0hs2i], .content-section ul[b-pbo4m0hs2i] {
    font-family: "Titillium Web", sans-serif;
    font-weight: 400;
    color: #fff;
}

.content-section ul[b-pbo4m0hs2i] {
    line-height: 1.6;
}

.content-section p[b-pbo4m0hs2i] {
    line-height: 1.4;
}

    .content-section p strong[b-pbo4m0hs2i], .content-section ul strong[b-pbo4m0hs2i] {
        font-weight: 700;
    }

    .content-section p a[b-pbo4m0hs2i], .content-section ul a[b-pbo4m0hs2i] {
        color: #fff;
        text-decoration: none;
    }

.content-section--center[b-pbo4m0hs2i] {
    text-align: center;
}

.content-section--emphasis h2[b-pbo4m0hs2i] {
    font-family: "Titillium Web", sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: none;
}

.content-text[b-pbo4m0hs2i], .content-image[b-pbo4m0hs2i] {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.content-image[b-pbo4m0hs2i] {
    margin-top: 2%;
}

.content-gallery[b-pbo4m0hs2i] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

    .content-gallery .gallery-item[b-pbo4m0hs2i] {
        display: block;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        margin-bottom: 2rem;
        font-family: "Titillium Web", sans-serif;
        font-weight: 400;
        width: calc( 33.333333333% - 1rem );
    }

.layout-2 .content-gallery .gallery-item[b-pbo4m0hs2i] {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    width: calc( 33.333333333% - 4rem );
}

.content-gallery .gallery-item__image[b-pbo4m0hs2i] {
    display: block;
    border: 1px solid #707070;
    box-sizing: border-box;
    padding: 1%;
    margin: 0.5%;
    transform-origin: 50% 50%;
    transition: all 0.2s linear;
}

    .content-gallery .gallery-item__image img[b-pbo4m0hs2i] {
        margin: auto;
        max-width: unset;
        width: 100%;
    }

.content-gallery .gallery-item--video[b-pbo4m0hs2i] {
    overflow: hidden;
    position: relative;
    width: calc( 50% - 1rem );
}

    .content-gallery .gallery-item--video[b-pbo4m0hs2i]::after {
        padding-top: 56.25%;
        display: block;
        content: '';
    }

    .content-gallery .gallery-item--video iframe[b-pbo4m0hs2i] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .content-gallery .gallery-item--video[data-index="0"][b-pbo4m0hs2i] {
        width: 100%;
    }

.content-section--left-logos p[b-pbo4m0hs2i] {
    text-align: left;
}

.content-section--left-logos .content-gallery .gallery-item__image[b-pbo4m0hs2i] {
    padding: 4rem;
}

.content-gallery .gallery-item__image:hover[b-pbo4m0hs2i] {
    /*border-color: #fff;
    transform: scale(1.05);*/
}

.content-gallery .gallery-item__image-caption[b-pbo4m0hs2i] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    margin-top: 15px;
    margin-bottom: 11px;
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-family: "Titillium Web", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--color-highlight);
}

.company-brand-assets .content-gallery .gallery-item__image-caption[b-pbo4m0hs2i] {
    font-family: "Titillium Web", sans-serif;
    text-transform: capitalize;
}

.content-gallery .gallery-item__image-caption span[b-pbo4m0hs2i] {
    padding-right: 15px;
    font-size: 1.2rem;
}

.layout-2 .content-gallery .gallery-item__image-caption span[b-pbo4m0hs2i] {
    padding-right: 0;
}

.content-gallery .gallery-item__image-caption svg[b-pbo4m0hs2i] {
    width: 20px;
    height: auto;
}

.content__action-buttons[b-pbo4m0hs2i] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.5rem;
}

    .content__action-buttons[b-pbo4m0hs2i]  a {
        flex-grow: 1;
    }



    .content__action-buttons[b-pbo4m0hs2i]  a {
        font-size: 1rem;
        line-height: 1rem;
        font-weight: bold;
        font-family: "Titillium Web", sans-serif;
        color: #fff;
        display: inline-block;
        background-color: rgba(255,255,255,0);
        cursor: var(--cursor-pointer);
        padding: 5px 10px;
        border: 2px solid rgba(255,255,255,0.3);
        border-radius: 6px;
        text-decoration: none;
        opacity: 1;
        transition: all 0.2s linear;
    }

        .content__action-buttons[b-pbo4m0hs2i]  a:hover {
            background-color: rgba(255,255,255,0.3);
            border: 2px solid rgba(255,255,255,1);
        }

        .content__action-buttons[b-pbo4m0hs2i]  a.disabled {
            pointer-events: none;
            opacity: 0.3;
        }

.game__platforms[b-pbo4m0hs2i] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 700px;
    margin: auto;
}

    .game__platforms a[b-pbo4m0hs2i] {
        width: 33.333333333%;
        margin: 0;
        padding: 1%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .game__platforms a img[b-pbo4m0hs2i] {
            width: auto;
            height: unset;
        }

@media screen and (max-width: 1600px) {
    .container[b-pbo4m0hs2i] {
        max-width: 85%;
    }
}

@media screen and (max-width: 960px) {
    .container[b-pbo4m0hs2i] {
        max-width: unset;
    }
}

@media screen and (max-width: 880px) {
    .content-gallery[b-pbo4m0hs2i] {
        flex-direction: column;
    }

        .content-gallery .gallery-item[b-pbo4m0hs2i] {
            width: calc( 100% - 1rem );
        }

    .layout-2 .content-gallery[b-pbo4m0hs2i] {
        flex-direction: row;
    }

        .layout-2 .content-gallery .gallery-item[b-pbo4m0hs2i] {
            width: calc( 50% - 4rem );
        }
}

@media screen and (max-width: 560px) {
    .layout-2 .content-gallery[b-pbo4m0hs2i] {
        flex-direction: column;
    }

        .layout-2 .content-gallery .gallery-item[b-pbo4m0hs2i] {
            width: calc( 100% - 4rem );
        }

    .content__action-buttons a[b-pbo4m0hs2i] {
        padding-left: 25px;
        padding-right: 25px;
    }
}


h1[b-pbo4m0hs2i] {
    color: #342C22;
    font-size: 2rem;
    margin-bottom: 8rem;
}

.content-section[b-pbo4m0hs2i] {
    width: 100%;
    margin: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    background-color: #000;
    
    background-repeat: no-repeat;
    
    
}

.content-section-header[b-pbo4m0hs2i] {
    background-image: url(img/news/news-header-bg.jpg);
    background-size: 2300px;
    background-position: center 0px;
}

.game__logo[b-pbo4m0hs2i] {
    margin-top: 6rem;
    margin-bottom: 2rem;
    
}

    .game__logo img[b-pbo4m0hs2i] {
        width: 16vmax;
        max-width: unset;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }



[b-pbo4m0hs2i] iframe {
    border-radius: 10px;
    border: 4px solid #21576a;
}

/* _content/KingdomRush5.Web/Components/Pages/Wukong/Wukong.razor.rz.scp.css */
#wukong[b-883nkj4r87] {
    background-color: black;
}

    #wukong .container[b-883nkj4r87] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

@media screen and (min-width: 576px) {
    #wukong .container[b-883nkj4r87] {
        max-width: 540px;
    }
}

@media screen and (min-width: 768px) {
    #wukong .container[b-883nkj4r87] {
        max-width: 720px;
    }
}


@media screen and (min-width: 992px) {
    #wukong .container[b-883nkj4r87] {
        max-width: 960px;
    }
}

@media screen and (min-width: 1200px) {
    #wukong .container[b-883nkj4r87] {
        max-width: 1140px;
    }
}

/*----------------------------- BACKGROUNDS --------------------------------------------*/


#wukong .container_bg_dlc[b-883nkj4r87] {
    max-width: 3840px;
    background-color: #231920;
    margin-left: auto;
    margin-right: auto;
}


.header_wukong[b-883nkj4r87] {
    margin-bottom: 0;
    background-color: #654c24;
    background-image: url("img/wukong/Wukong_DLC_Header_4500x1150_2.jpg?v=2");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 3900px;
}

    .header_wukong .container[b-883nkj4r87] {
        height: 930px;
        padding-bottom: 80px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        text-align: center;
    }


@media screen and (max-width: 1250px) {
    .header_wukong[b-883nkj4r87] {
        background-image: url("img/wukong/Wukong_DLC_Header__MOBILE_1500x1150.jpg?v=2");
        background-size: cover;
    }

    img.logo_kra_wukong[b-883nkj4r87] {
        display: none;
    }

    .header_wukong .container[b-883nkj4r87] {
        justify-content: flex-start;
    }
}

.logo_and_title[b-883nkj4r87] {
    margin-top: 140px;
}

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

    .header_wukong .container[b-883nkj4r87] {
        height: 890px;
        padding-bottom: 40px;
    }

    .logo_and_title[b-883nkj4r87] {
    }
}



#wukong sup[b-883nkj4r87] {
    font-variant-numeric: ordinal;
    font-size: 65%;
}


#wukong .dlc_intro_video[b-883nkj4r87] {
    padding-top: 45px;
    padding-bottom: 45px;
    background-color: #002927;
    background-image: linear-gradient(0deg, rgba(58, 67, 51,0) 70%, rgba(58, 67, 51,0.5) 100%), url("img/wukong/bg_intro_video_wukong_4147x1080_v4.jpg?=v2");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover, cover;
}



#wukong .drop_shadow[b-883nkj4r87] {
    filter: drop-shadow(0px 4px 21px #000000);
}

@media screen and (max-width: 991px) {
    #wukong .dlc_intro_video[b-883nkj4r87] {
        /*background-size: 1800px;*/
    }
}

@media screen and (max-width: 767px) {
    #wukong .dlc_intro_video[b-883nkj4r87] {
        /*background-size: 1600px;*/
    }
}

#wukong .col.map-border[b-883nkj4r87] {
    position: relative;
    width: 100%;
    height: 95px;
    z-index: 1;
    margin-top: -48px;
    margin-bottom: -48px;
    background-image: url(/img/wukong/linea_wukong.png?=v2);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1900px 25px;
}

#wukong .dlc_description[b-883nkj4r87] {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #7699b0;
    background-image: url("img/wukong/map_wukong.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    overflow: hidden;
}

@media screen and (max-width: 1199px) {
    #wukong .dlc_description[b-883nkj4r87] {
        padding-bottom: 45px;
        background-image: url("img/wukong/map_wukong_Mobile.jpg?v=2");
        background-position: center top;
        background-size: 900px;
    }
}

#wukong .dlc_screenshots[b-883nkj4r87] {
    padding-top: 60px;
    padding-bottom: 45px;
    background-color: #401910;
    background-image: url("img/wukong/screenshots_wukong_bg.jpg?v=3");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 3300px;
}

@media screen and (max-width: 1400px) {
    #wukong .dlc_screenshots[b-883nkj4r87] {
    }
}

@media screen and (max-width: 600px) {
    #wukong .dlc_screenshots[b-883nkj4r87] {
    }
}

/*------- Screnshots gallery ----------*/

.container_screenshots[b-883nkj4r87] {
    padding-top: 32px;
}


    .container_screenshots[b-883nkj4r87]  img {
        border: 1px solid #f4cb0c;
        padding: 5px;
        margin-bottom: 1.5rem;
        transition: all .15s;
        z-index: 0;
        position: relative;
    }

    .container_screenshots[b-883nkj4r87]  .gallery:hover img {
        filter: brightness(.7);
        transform: scale(.975);
    }

    .container_screenshots[b-883nkj4r87]  img:hover {
        border-color: #ffffff;
        filter: brightness(1) !important;
        transform: scale(1.05) !important;
        z-index: 12;
    }




#wukong .dlc_features[b-883nkj4r87] {
    padding-top: 55px;
    padding-bottom: 55px;
    background-color: #401910;
    background-image: url(img/wukong/dlc_wukong_features_bg.jpg?v=3);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1400px;
}

@media screen and (max-width: 992px) {
    #wukong .dlc_features[b-883nkj4r87] {
        background-size: cover;
    }
}

#wukong .dlc_close[b-883nkj4r87] {
    padding-top: 45px;
    padding-bottom: 45px;
    background-color: #401910;
    background-image: url("img/wukong/section-close-wukong-bg.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 2200px;
}

/*----------------------------- LOGO --------------------------------------------*/

.logo_kra_wukong[b-883nkj4r87] {
    display: block;
    width: 170px;
    margin: 20px auto 10px;
}

@media screen and (min-width: 600px) {
    .logo_kra_wukong[b-883nkj4r87] {
        width: 200px;
    }
}

/*----------------------------- TEXTS --------------------------------------------*/

h1[b-883nkj4r87], h2[b-883nkj4r87], h3[b-883nkj4r87], h4[b-883nkj4r87], h5[b-883nkj4r87], h6[b-883nkj4r87], .h1[b-883nkj4r87], .h2[b-883nkj4r87], .h3[b-883nkj4r87], .h4[b-883nkj4r87], .h5[b-883nkj4r87], .h6[b-883nkj4r87] {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

.text-center[b-883nkj4r87] {
    text-align: center;
}

.text-left[b-883nkj4r87] {
    text-align: left;
}

@media screen and (min-width: 1200px) {
    .text-xl-left[b-883nkj4r87] {
        text-align: left;
    }
}


#wukong .title.text-primary[b-883nkj4r87] {
    color: #FFFFFF;
    text-shadow: 0 3px rgba(0, 0, 0, 0.2);
    text-wrap: pretty;
    font-weight: 900;
    font-size: 3rem;
    line-height: 1.05em;
    text-transform: uppercase;
}

#wukong .header_wukong .title.text-primary[b-883nkj4r87] {
    color: #368f99;
    text-shadow: 0 2px rgba(0, 0, 0, 0.3);
    font-size: 3.8rem;
    line-height: 1.05em;
    filter: drop-shadow(0px 1px 12px #fff);
}

.title_glow[b-883nkj4r87] {
    filter: drop-shadow(0px 1px 19px #fff);
}

@media screen and (max-width: 1250px) {
    #wukong .header_wukong .title.text-primary[b-883nkj4r87] {
        margin-top: 2rem;
        font-size: 3.2em;
    }
}

@media screen and (max-width: 600px) {
    #wukong .header_wukong .title.text-primary[b-883nkj4r87] {
        margin-top: 1rem;
        font-size: 2.7em;
    }
}


#wukong .subtitle.text-secondary[b-883nkj4r87] {
    color: #f4cb0c !important;
    text-shadow: 0 2px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1.8rem;
    line-height: 1em;
    text-wrap: pretty;
}

@media (max-width: 600px) {
    #wukong .title.text-primary[b-883nkj4r87] {
        font-size: 2rem;
    }

    #wukong .subtitle.text-secondary[b-883nkj4r87] {
        font-size: 1.25rem;
        line-height: 1em;
    }
}

#wukong .header_wukong .call_to_action .subtitle.text-secondary[b-883nkj4r87] {
    color: rgb(54, 143, 153) !important;
}

#wukong .call_to_action .subtitle.text-secondary[b-883nkj4r87] {
    color: white !important;
}


#wukong .header_wukong .call_to_action[b-883nkj4r87] {
    filter: drop-shadow(0px 3px 16px #fff);
}

#wukong .header_wukong .subtitle.text-secondary[b-883nkj4r87] {
    text-shadow: 0 1px rgba(0,0,0,.3);
}

@media screen and (min-width: 1250px) {
    #wukong .header_wukong .call_to_action .subtitle.text-secondary[b-883nkj4r87] {
        color: white !important;
    }
    #wukong .header_wukong .call_to_action[b-883nkj4r87] {
        filter: drop-shadow(0px 3px 22px #000);
    }
}

#wukong .header_wukong .subtitle.text-secondary[b-883nkj4r87],
#wukong .dlc_close .subtitle.text-secondary[b-883nkj4r87] {
    line-height: 1em;
    margin-bottom: 6px;
}

#wukong .number[b-883nkj4r87] {
    font-size: 1.25em;
}

#wukong .description[b-883nkj4r87] {
    color: #ece9dd !important;
    font-size: 1.4rem;
    font-weight: bold;
    text-shadow: 0 2px rgba(0, 0, 0, 0.2);
    text-wrap: pretty;
}

@media (max-width: 575.98px) {
    #wukong .description[b-883nkj4r87] {
        font-size: 1.125rem;
    }
}

#wukong .dlc_features ul[b-883nkj4r87] {
    padding-left: 1.2em;
    list-style-position: outside;
}

#wukong .dlc_features .description[b-883nkj4r87] { /*------- ul li*/
    margin-bottom: 0.7em;
    list-style-type: none;
    line-height: 1.2em;
    color: #d2c693 !important;
    text-shadow: 0 2px rgba(0, 0, 0, 0.2);
    text-wrap: pretty;
}


    #wukong .dlc_features .description[b-883nkj4r87]::before {
        content: "";
        color: #fff;
        background-color: #fff;
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        margin-left: -10px;
        filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.2));
        position: relative;
        left: -8px;
    }



    #wukong .dlc_features .description strong[b-883nkj4r87] {
        color: #fff;
    }



/*------- Close smaller titles-------*/

#wukong .dlc_close .title.text-primary[b-883nkj4r87] {
    font-size: 2em;
}

#wukong .dlc_close .subtitle.text-secondary[b-883nkj4r87] {
    font-size: 1.3em;
    line-height: 1em;
}

.wukong_link[b-883nkj4r87] {
    font-weight: 900;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
    color: #d2c693 !important;
    transition: .2s;
}

    .wukong_link:hover[b-883nkj4r87] {
        color: #d2c693 !important;
        text-decoration: underline;
    }

#wukong .dlc_close .wukong_link[b-883nkj4r87] {
    margin: 0 auto;
    display: inline-block;
    margin-top: 30px;
}

#wukong sup[b-883nkj4r87] {
    line-height: 0;
    font-size: 0.53em;
    vertical-align: super;
}

/*----------------------------- STORES --------------------------------------------*/
.header_wukong .stores[b-883nkj4r87],
#wukong .dlc_close .stores[b-883nkj4r87] {
    margin: 0 auto;
}

    .header_wukong .stores:first-of-type[b-883nkj4r87],
    #wukong .dlc_close .stores:first-of-type[b-883nkj4r87] {
        margin: 0 auto 14px;
    }

.header_wukong .store-badge[b-883nkj4r87],
#wukong .dlc_close .store-badge[b-883nkj4r87] {
    display: inline-block;
    margin: 0 2px 5px;
}

    .header_wukong .store-badge img[b-883nkj4r87],
    #wukong .dlc_close .store-badge img[b-883nkj4r87] {
        display: inline-block;
        height: 40px;
    }

/*----------------------------- VIDEO DLC --------------------------------------------*/


#wukong .video_dlc[b-883nkj4r87] {
    width: 100%;
    max-width: 900px;
    margin: 40px auto;
    position: relative;
    aspect-ratio: 16 / 9;
    height: auto;
    filter: drop-shadow(0px 7px 6px rgba(0, 0, 0, 0.7));
}

    #wukong .video_dlc p[b-883nkj4r87],
    #wukong video.video_dlc[b-883nkj4r87] {
        /*border: 3px solid #f4cb0c;*/
        outline: 3px solid #f4cb0c;
    }



/*----------------------------- DESCRIPTION --------------------------------------------*/


#wukong .text_description[b-883nkj4r87] {
    width: 100%;
    padding-top: 270px;
}

@media screen and (min-width: 1200px) {
    #wukong .text_description[b-883nkj4r87] {
        width: 50%;
        padding-top: 0px;
    }
}




#wukong hr.style-two[b-883nkj4r87] {
    border: 0;
    height: 2px;
    max-width: 3840px;
    margin: 0 auto;
    background-color: #401910;
    background-image: linear-gradient(to right, rgba(244, 203, 12, 0), rgba(244, 203, 12, 0.75), rgba(244, 203, 12, 0));
    background-size: 1140px;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (max-width: 1200px) {
    #wukong hr.style-two[b-883nkj4r87] {
        background-size: 800px;
    }
}

/*----------------------------- FEATURES --------------------------------------------*/


#wukong .dlc_features .container-fluid[b-883nkj4r87] {
    max-width: 2400px;
}

#wukong .dlc_features h1.title.text-primary[b-883nkj4r87] {
    margin-bottom: 1.3rem;
}

.title_features[b-883nkj4r87] {
    text-align: center;
}

@media (min-width: 992px) {
    .title_features[b-883nkj4r87] {
        text-align: left;
    }
}

#wukong .gif[b-883nkj4r87] {
    filter: drop-shadow(1px 5px 10px rgba(255, 83, 15, .7));
}

.column_text_dlc_features[b-883nkj4r87] {
    /* Padding horizontal (pequeño en pantallas pequeñas) */
    padding-left: 3rem; /* equivalente a px-5 */
    padding-right: 3rem;
    width: 100%; /* equivalente a col-12 */
    text-align: left; /* alineación del texto */
    order: 0; /* orden predeterminado */
}

.column_features.column_img[b-883nkj4r87] {
    flex: 1; /* Equivalente a 'col', hace que la columna ocupe espacio disponible */
    order: 1; /* Orden en pantallas pequeñas */
    display: flex; /* Para habilitar el modelo de caja flexible */
    justify-content: center; /* Centra el contenido horizontalmente */
}

@media (min-width: 992px) { /* Pantallas grandes (breakpoint lg) */
    .column_features.column_img[b-883nkj4r87] {
        order: 0; /* Cambia el orden en pantallas grandes */
    }
}


@media (min-width: 992px) { /* Pantallas grandes (breakpoint lg) */
    .column_text_dlc_features[b-883nkj4r87] {
        padding-left: 0.5rem; /* equivalente a px-lg-2 */
        padding-right: 0.5rem;
        width: 58.3333%; /* equivalente a col-lg-7 */
        order: 1; /* cambia el orden en pantallas grandes */
    }
}

/*----------------------------- CLOSE --------------------------------------------*/


#wukong .call_to_action[b-883nkj4r87] {
    margin-top: 30px;
    margin-bottom: 10px;
}






/*Steam widget----------------------------------*/
#steam_widget_wukong[b-883nkj4r87] {
    margin: 2rem auto 0;
    display: block;
}

@media screen and (max-width: 768px) {
    #steam_widget_wukong[b-883nkj4r87] {
        display: none;
    }
}

/*Steam widget-END------------------------------*/



/* _content/KingdomRush5.Web/Components/UI/Badges.razor.rz.scp.css */
.badges[b-u4mt8sgj1b]{
    line-height: 0;
    margin-bottom: 2rem;
}
.store_badge[b-u4mt8sgj1b] {
    display: inline-block;
    transition: .3s;
    transform-origin: center center;
}

.badge_muted[b-u4mt8sgj1b] {
    filter: brightness(0.5);
}

.store_badge[b-u4mt8sgj1b]  img {
    height: 3.125rem;
    margin: 0.46875rem;
}

@media screen and (max-width: 600px){
    .store_badge[b-u4mt8sgj1b]  img {
        height: 2.5em;
        margin: 3px 2.5px;
    }
}

/* _content/KingdomRush5.Web/Components/UI/Feed.razor.rz.scp.css */
.news-feed[b-13evc7uhgy] {
    display: flex;
    gap: 25px;
    justify-content: center;
    flex-wrap: wrap;
    text-align: left;
}

[b-13evc7uhgy] .article-item {
    background-image: none;
}


@media screen and (max-width: 900px){
    [b-13evc7uhgy] .article-item.article-item-card:first-child:nth-last-child(3) {
        flex: 1 1 100%;
    }
}

[b-13evc7uhgy] .article-item.article-item-card:only-child {
    flex: 0 1 min(100%, 600px);
}

[b-13evc7uhgy] .article-item.article-item-card {
    flex: 1 1 30%;
}

@media screen and (max-width: 600px) {
    [b-13evc7uhgy] .article-item.article-item-card {
        flex: 1 1 100%;
    }

    [b-13evc7uhgy] .article-item.article-item-card:not(:first-child) {
        display: none;
    }
}

    [b-13evc7uhgy] .article-item .thumbnail {
        width: 100%;
    }

    [b-13evc7uhgy] .article-item .thumbnail a img {
        border: 2px solid transparent;
        box-sizing: border-box;
        transition: .2s;
        width: 100%;
    }

    [b-13evc7uhgy] .article-item .content {
        padding: 15px 0;
        width: 100%;
    }

[b-13evc7uhgy] .article-item:hover {
    cursor: var(--cursor-pointer);
}

        [b-13evc7uhgy] .article-item:hover .thumbnail a img {
            border: 2px solid hsl(170 100% 50% / .5);
        }

        [b-13evc7uhgy] .article-item:hover h1 a {
            text-decoration: underline;
        }

[b-13evc7uhgy] h2.flavor {
    font-size: 1.1rem;
    font-weight: 900;
}

[b-13evc7uhgy] header h2 {
    font-weight: 900;
}

[b-13evc7uhgy] .news-feed h1 a {
    font-size: 1.5rem;
    font-weight: 900;
}

[b-13evc7uhgy] .Summary{
    text-wrap: pretty;
}

@media screen and (max-width: 960px) {
    [b-13evc7uhgy] h2.flavor {
        font-size: 1rem;
    }

    [b-13evc7uhgy] .news-feed h1 a {
        font-size: 1.3rem;
    }
}

/* _content/KingdomRush5.Web/Components/UI/Floating_banner.razor.rz.scp.css */
.floating_banner[b-8mxxzyjufp] {
    display: none;
    width: 600px;
    height: 181px;
    background-image: url("img/banner/banner_Get-it-now.png"); /*Esto es dinamico*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: fixed;
    z-index: 200;
    top: 185px;
    bottom: unset;
    right: -600px;
    transition: .3s;
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 1.2s;
    animation: slide-b-8mxxzyjufp 0.5s forwards;
    animation-delay: 1.2s;
    filter: drop-shadow(5px 5px 10px black);
}


    .floating_banner:has(.floating_banner_open)[b-8mxxzyjufp] {
        display: block;
    }

@media screen and (max-width: 1925px) {
    .floating_banner[b-8mxxzyjufp] {
        width: 500px;
        height: 151px;
    }
}

@media screen and (max-width: 1400px) {
    .floating_banner[b-8mxxzyjufp] {
        width: 400px;
        height: 121px;
    }
}

@media screen and (max-width: 1024px) {
    .floating_banner[b-8mxxzyjufp] {
        top: unset;
        bottom: 50px;
    }
}

@media screen and (max-width: 600px) {
    .floating_banner[b-8mxxzyjufp] {
        position: sticky; /*para que no tape el footer*/
        width: 100%;
        height: auto;
        aspect-ratio: 573 / 173;
        right: 0;
        left: 0;
        top: unset;
        bottom: -200px;
        -webkit-animation: slide-up 0.5s forwards;
        -webkit-animation-delay: 1.2s;
        animation: slide-up-b-8mxxzyjufp 0.5s forwards;
        animation-delay: 1.2s;
        background-position: center;
        background-size: 100%;
    }
}

.floating_banner:hover[b-8mxxzyjufp],
.floating_banner:active[b-8mxxzyjufp] {
    margin-right: 15px;
}

@keyframes slide-b-8mxxzyjufp {
    100% {
        right: -15px;
    }
}

@keyframes slide-up-b-8mxxzyjufp {
    100% {
        bottom: 0;
    }
}

.light[b-8mxxzyjufp] {
    background-color: white;
    width: 100%;
    height: 100%;
    opacity: .7;
    animation: sweep-b-8mxxzyjufp 6s 2s infinite;
    animation-fill-mode: backwards;
}

.floating_banner a[b-8mxxzyjufp] {
    display: block;
    position: absolute;
    width: calc(100% - 80px);
    height: 100%;
    top: 0;
    left: 0;
    cursor: var(--cursor-pointer, pointer);
}

@keyframes sweep-b-8mxxzyjufp {
    0% {
        clip-path: polygon(-35% 0%, 0% 0%, -25% 100%, -60% 100%)
    }

    10% {
        clip-path: polygon(125% 0%, 160% 0%, 135% 100%, 100% 100%)
    }

    100% {
        clip-path: polygon(125% 0%, 160% 0%, 135% 100%, 100% 100%)
    }
}

.close_btn[b-8mxxzyjufp] {
    position: absolute;
    right: 40px;
    top: 20px;
    width: 20px;
    padding: 16px;
    cursor: var(--cursor-pointer, pointer);
    
    background-color: rgba(0,0,0,0.3);
    border-radius: 50%;
}

@media screen and (max-width: 600px) {
    .close_btn[b-8mxxzyjufp] {
        right: 25px;
        top: 20px;
    }
}



.close_btn[b-8mxxzyjufp]:before, .close_btn[b-8mxxzyjufp]:after {
    position: absolute;
    left: 14px;
    top: 6px;
    content: ' ';
    height: 20px;
    width: 3px;
    background-color: #cccccc;
}

.close_btn[b-8mxxzyjufp]:before {
    transform: rotate(45deg);
}

.close_btn[b-8mxxzyjufp]:after {
    transform: rotate(-45deg);
}

.close_btn:hover[b-8mxxzyjufp]:before,
.close_btn:hover[b-8mxxzyjufp]:after {
    background-color: #fff;
}
/* _content/KingdomRush5.Web/Components/UI/NewsletterSubscription.razor.rz.scp.css */
.modal-frame[b-cb02e2gowo] {
    background: var(--bg-modal, #000);
    color: var(--color-primary);
    position: relative;
    border: 4px solid var(--bg-primary);
    width: clamp(300px, 500px, 100%);
}

[b-cb02e2gowo] input{
    min-width: unset;
}

.modal-header[b-cb02e2gowo]{
    display:flex;
    justify-content: flex-end;
}

.modal-content[b-cb02e2gowo] {
    padding: 42px 30px;
    
}

button[b-cb02e2gowo] {
    color: var(--color-primary);
}

.modal-close[b-cb02e2gowo] {
    position: absolute;
    right: 0px;
    top: 2px;
    padding: 16px;
    box-sizing: border-box;
    width: 62px;
    height: 62px;
    transition: .2s;
    --color-close: var(--color-highlight-darker);
    cursor: var(--cursor-pointer, pointer);
}
    .modal-close:active[b-cb02e2gowo] {
        cursor: var(--cursor-pointer-active, pointer);
    }

    .modal-close[b-cb02e2gowo]:before, .modal-close[b-cb02e2gowo]:after {
        position: absolute;
        left: 28px;
        top: 13px;
        content: ' ';
        height: 33px;
        width: 4px;
        background-color: var(--color-close);
    }

    .modal-close[b-cb02e2gowo]:after {
        transform: rotate(45deg);
    }

    .modal-close[b-cb02e2gowo]:before {
        transform: rotate(-45deg);
    }

    .modal-close:hover[b-cb02e2gowo] {
        --color-close: var(--color-highlight)
    }

[b-cb02e2gowo] .btn-primary {
    display: inline-block;
    width: 100%;
    padding: 0 1.875em;
    position: relative;
    height: 60px;
    color: white;
    text-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.5);
    font-family: 'Titillium Web', sans-serif;
    text-decoration: none;
    font-weight: 800;
    font-size: clamp(1rem, 4vw, 1.25rem);
    line-height: 60px;
    text-transform: uppercase;
    cursor: var(--cursor-pointer);
    background-image: url('../img/buttons/btn_left.png'), url('../img/buttons/btn_right.png'), url('../img/buttons/btn_center.png');
    background-repeat: no-repeat;
    background-size: 20px 60px, 20px 60px, calc(100% - 38px) 60px;
    background-position: left center, right center, center center;
    transition: all .2s;
    letter-spacing: normal;
}

    [b-cb02e2gowo] .btn-primary:hover,
    [b-cb02e2gowo] .btn-primary:active {
        color: #21373e;
        text-shadow: #0cf1bf 1px 1px 0;
        background-image: url('../img/buttons/btn_left_hover.png'), url('../img/buttons/btn_right_hover.png'), url('../img/buttons/btn_center_hover.png');
        text-decoration: none;
    }

.post_subscriptin_msj[b-cb02e2gowo] {
    display: block;
    font-family: var(--form-font-family, var(--site-font-family));
    font-weight: var(--form-font-weight, bold);
    font-style: var(--form-font-style, normal);
    text-transform: var(--form-font-transform, none);
    color: var(--form-color-text, var(--color-primary));
    font-size: var(--form-font-size, 1.4rem);
    padding: 0 0 30px;
}
/* _content/KingdomRush5.Web/Components/UI/ReleaseState.razor.rz.scp.css */
h2[b-p70utl17t6] {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1.8em;
    line-height: 1em;
    color: #F4FFFF;
    margin-bottom: 5px;
    text-shadow: 0.125em 0.125em 0.4375em rgba(0, 0, 0, 0.96);
}
/* _content/KingdomRush5.Web/Components/UI/Trailer.razor.rz.scp.css */
.play_button_placehoder[b-9w1s0cltwb] {
    width: 100px;
    height: 100px;
}

.trailer_area[b-9w1s0cltwb] {
    margin-bottom: 2rem;
}

.triangle_btn[b-9w1s0cltwb] {
    display: inline-block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-right: 0;
    border-left: 15px solid #fff;
    margin-right: 10px;
    
    transition: .3s;
}

.kr5_btn:hover .triangle_btn[b-9w1s0cltwb] {
    transform: rotate(360deg);
    border-left: 15px solid #21373e;
}




[b-9w1s0cltwb] iframe {
    border-radius: 10px;
    border: 4px solid #21576a;
}