@import url('../../fonts/TCCC/stylesheet.css');

body {
    background-image: url('https://ik.imagekit.io/er1g3pfbb/SSelecto/images/banner%20login%20Socio%20Selecto.webp');
    background-repeat: no-repeat;
    background-size: 100%;
}

p, label, a, button, input, small, button, h1, h2, h3, h4, h5, h6 {
    font-family: 'UnityText Regular';
}

.btn-primary {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

.logo-login-app,
.logo-login-tablet {
    display: none;
}

.container-login {
    padding-bottom: 3rem;
}

.card-login {
    background: #FF0000;
    color: #fff !important
}

    .card-login label {
        font-size: 12px;
    }

    .card-login h2.title {
        font-family: 'UnityHeadline Bold';
    }

    .card-login button {
        font-family: 'UnityText Regular';
    }


    .card-login .fs-recover {
        font-family: 'UnityText Regular';
        font-size: 10px;
    }

/*CSS rules for mobile devices*/
@media (max-width: 480px) {
    body {
        background-image: url('https://ik.imagekit.io/er1g3pfbb/SSelecto/images/Banner_Login_Movil.webp');
    }

    .logo-login-web {
        display: none;
    }

    .logo-login-app {
        display: inline;
        height: 90px;
    }

    .container-login {
        padding-top: 80%;
    }
}

/*CSS rules for low-resolution tablets and iPads*/
@media (min-width: 481px) and (max-width: 767px) {
    body {
        background-image: url('https://ik.imagekit.io/er1g3pfbb/SSelecto/images/Fondo_Login_Tablet.webp');
    }

    .logo-login-web {
        display: none;
    }

    .container-login {
        padding-top: 55%;
    }

    .logo-login-tablet {
        display: inline;
        height: auto;
    }

    .col-lg-4 {
        width: 70%;
    }
}

/* CSS rules for tablets and iPads in portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {
    body {
        background-image: url('https://ik.imagekit.io/er1g3pfbb/SSelecto/images/Fondo_Login_Tablet.webp');
    }

    .logo-login-web {
        display: none;
    }

    .container-login {
        padding-top: 60%;
    }

    .logo-login-tablet {
        display: inline;
        height: auto;
    }

    .col-lg-4 {
        width: 70%;
    }
}

/*CSS rules for laptops and desktops*/
@media (min-width: 1025px) and (max-width: 1280px) {
}

/*CSS rules for large screens*/
@media (min-width: 1281px) {
}