﻿.redondear {
    border-radius: 20px;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 95vh;
    /*background: radial-gradient(circle, rgba(29,50,27,1) 0%, rgba(42,72,39,1) 48%, rgba(61,105,57,1) 100%);*/
    background: url(../img/BG-Login.png);
}


@media(min-width: 500px) {

    body,
    input {
        font-family: "Poppins", sans-serif;
    }

    .logoPrincipal {
        margin-top: 60px;
        margin-bottom: 30px;
        width: 27%;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .abs-center {
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .div-code {
        background-color: rgb(130,34,95,255);
        padding: 20px;
        margin-right: 23%;
        margin-left: 23%;
        border-radius: 20px;
    }

    .footer {
        bottom: 0;
        margin-top: auto;
    }

    .footer {
        bottom: 0;
        margin-top: auto;
    }

        .footer img {
            /*left: 0;*/
            /*right: 0;*/
            height: auto;
            width: 40%;
            bottom: 0;
            /*position: absolute;*/
        }

    .btnIngresar {
        width: 60%;
        border-radius: 10px 10px 10px 10px;
        color: #F7F9E5;
        height: 35px;
        /*margin-top: 5%;*/
        border: none;
        font-weight: bolder;
        background: #3F8CB5;
    }

        .btnIngresar:hover {
            width: 60%;
            border-radius: 10px 10px 10px 10px;
            color: #3F8CB5;
            height: 35px;
            /*margin-top: 5%;*/
            border: none;
            font-weight: bolder;
            background: #FFFFFF;
            transition: .5s;
        }

    .TransmisionesName {
        width: 21rem;
    }

    .presenta {
        /*margin-top: 2%;*/
    }

        .presenta img {
            width: 9%;
        }

    .form {
        /*margin-top: 10%;*/
    }
}

    @media (max-width: 500px) {


        body,
        input {
            font-family: "Poppins", sans-serif;
        }
        body {
            background: url(../img/BG-Login_Movil.png);
            background-size: cover;
        }


        .TransmisionesName {
            width: 100%;
        }

        .btnIngresar {
            width: 60%;
            border-radius: 10px 10px 10px 10px;
            color: #00888A;
            height: 35px;
            margin-top: 5%;
            border: none;
            font-weight: bolder;
            background: #3F8CB5;
        }
            .btnIngresar:hover {
                width: 60%;
                border-radius: 10px 10px 10px 10px;
                color: #3F8CB5;
                height: 35px;
                /*margin-top: 5%;*/
                border: none;
                font-weight: bolder;
                background: #FFFFFF;
                transition: .5s;
            }

        .abs-center {
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .div-code {
            background-color: rgb(130,34,95,255);
            padding: 20px;
            /*margin-right: 23%;*/
            /*margin-left: 23%;*/
            border-radius: 20px;
        }

        .footer {
            bottom: 0;
            margin-top: auto;
        }

            .footer img {
                /*left: 0;*/
                /*right: 0;*/
                height: auto;
                width: 83%;
                bottom: 0;
                /*position: absolute;*/
            }

        .form {
            /*margin-top: 10%;*/
        }

        .logoPrincipal {
            width: 60%;
            padding: 0;
            margin-top: 4rem;
            margin-bottom: 25px;
        }

        .quitarContorno{
            margin:0;
            padding:0;
            border:0;
        }

        .presenta {
            /*margin-top: 10%;*/
        }

        .presenta img {
            width: 30%;
        }

    }
