:root {
    --mobile-logo-width: 198px;
    --mobile-logo-height: 28px;
    --desktop-logo-width: 260px;
    --desktop-logo-height: 37px;
    --background-color-back-button: #f1f1f1;
    --background-progress-bar: #E6E6E6;
    --color-button: #ec008c;
    --color-button-hover: #da0885;
    --danger-color: #d71204;
    --footer-link-color: #0d6efd;
    --option-background: #ffffff;
    --online-option-background: #e7ecf3;
    --primary-color: #0071bc;
    --primary-color-hover: #0679c5;
    --primary-color-checked-option: #d6e8f4;
    --primary-color-disabled-option: #ffffff;
    --primary-color-disabled-option-border: #333333;
    --primary-color-disabled-option-border-input: #a4a4a5;
    --text-color: #212529;
    --text-color-button: #ffffff;
    --success-color: #1fb267;
    --image-step-home-mobile-s-background-size: 200px;
    --image-step-home-mobile-s-background-position: right -60px bottom 50px;
    --image-step-home-mobile-m-background-size: 220px;
    --image-step-home-mobile-m-background-position: right -60px bottom 50px;
    --image-step-home-mobile-l-background-size: 230px;
    --image-step-home-mobile-l-background-position: right -60px bottom 50px;
    --image-step-home-mobile-xl-background-size: 260px;
    --image-step-home-mobile-xl-background-position: right -60px bottom 50px;
    --image-step-home-ipad-background-size: 300px;
    --image-step-home-ipad-background-position: right 0 bottom 50px;
    --image-step-home-desktop-small-background-size: 138px;
    --image-step-home-desktop-small-background-position: calc(50% + 330px) calc(100% - 50px);
    --image-step-home-desktop-medium-background-size: 180px;
    --image-step-home-desktop-medium-background-position: calc(50% + 525px) calc(100% - 50px);
    --image-step-home-desktop-large-background-size: 280px;
    --image-step-home-desktop-large-background-position: calc(50% + 525px) calc(100% - 50px);
    --image-step-modality-mobile-s-background-size: 200px;
    --image-step-modality-mobile-s-background-position: right -60px bottom 50px;
    --image-step-modality-mobile-m-background-size: 220px;
    --image-step-modality-mobile-m-background-position: right -60px bottom 50px;
    --image-step-modality-mobile-l-background-size: 230px;
    --image-step-modality-mobile-l-background-position: right -60px bottom 50px;
    --image-step-modality-mobile-xl-background-size: 260px;
    --image-step-modality-mobile-xl-background-position: right -60px bottom 50px;
    --image-step-modality-ipad-background-size: 300px;
    --image-step-modality-ipad-background-position: right 0 bottom 50px;
    --image-step-modality-desktop-small-background-size: 138px;
    --image-step-modality-desktop-small-background-position: calc(50% + 330px) calc(100% - 50px);
    --image-step-modality-desktop-medium-background-size: 180px;
    --image-step-modality-desktop-medium-background-position: calc(50% + 525px) calc(100% - 50px);
    --image-step-modality-desktop-large-background-size: 280px;
    --image-step-modality-desktop-large-background-position: calc(50% + 525px) calc(100% - 50px);
    --image-step-price-mobile-s-background-size: 200px;
    --image-step-price-mobile-s-background-position: right -60px bottom 50px;
    --image-step-price-mobile-m-background-size: 222px;
    --image-step-price-mobile-m-background-position: right -60px bottom 50px;
    --image-step-price-mobile-l-background-size: 230px;
    --image-step-price-mobile-l-background-position: right -60px bottom 50px;
    --image-step-price-mobile-xl-background-size: 260px;
    --image-step-price-mobile-xl-background-position: right -60px bottom 50px;
    --image-step-price-ipad-background-size: 300px;
    --image-step-price-ipad-background-position: right 0 bottom 50px;
    --image-step-price-desktop-small-background-size: 138px;
    --image-step-price-desktop-small-background-position: calc(50% + 330px) calc(100% - 50px);
    --image-step-price-desktop-medium-background-size: 180px;
    --image-step-price-desktop-medium-background-position: calc(50% + 525px) calc(100% - 50px);
    --image-step-price-desktop-large-background-size: 280px;
    --image-step-price-desktop-large-background-position: calc(50% + 525px) calc(100% - 50px);
    --image-step-thankyou-page-mobile-s-background-size: 230px;
    --image-step-thankyou-page-mobile-s-background-position: right -50px bottom 50px;
    --image-step-thankyou-page-mobile-m-background-size: 230px;
    --image-step-thankyou-page-mobile-m-background-position: right -50px bottom 50px;
    --image-step-thankyou-page-mobile-l-background-size: 270px;
    --image-step-thankyou-page-mobile-l-background-position: right -50px bottom 50px;
    --image-step-thankyou-page-mobile-xl-background-size: 270px;
    --image-step-thankyou-page-mobile-xl-background-position: right 0 bottom 50px;
    --image-step-thankyou-page-ipad-background-size: 258px;
    --image-step-thankyou-page-ipad-background-position: right 0 bottom 50px;
    --image-step-thankyou-page-desktop-small-background-size: 260px;
    --image-step-thankyou-page-desktop-small-background-position: calc(50% + 330px) calc(100% - 50px);
    --image-step-thankyou-page-desktop-medium-background-size: 300px;
    --image-step-thankyou-page-desktop-medium-background-position: calc(50% + 525px) calc(100% - 50px);
    --image-step-thankyou-page-desktop-large-background-size: 300px;
    --image-step-thankyou-page-desktop-large-background-position: calc(50% + 525px) calc(100% - 50px);
    --url-with-filters-background-image: url('./imgs/background/default-background.webp');
}


.logoExplora {
    background-image: url("./imgs/logo-maestrias-licenciaturas.svg");
}

.url-with-filters .url-with-filters__logo {
    background-image: url("./imgs/logo-maestrias-licenciaturas-explora-v3-blanco.svg");
}

@media (min-width: 360px) {

    #site-container.current-step-tipos #explora-container {
        background-image: url("./imgs/maestrias-licenciaturas-image-step-home.gif");
    }

    #site-container.current-step-modalidades #explora-container {
        background-image: url("./imgs/maestrias-licenciaturas-image-step-modality.gif");
    }

    #site-container.current-step-precios #explora-container {
        background-image: url("./imgs/maestrias-licenciaturas-image-step-price.gif");
    }

    div#site-container.current-step-gracias #explora-container {
        background-image: url("./imgs/maestrias-licenciaturas-image-step-thankyou-page.gif");
    }
}