/*olvidaste contraseña*/

.imgsesion {
    background-image: url('/cpanelkino/public/assets/images/imgLogin.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.weapper-pos {
    float: right;
    /* margin: 18% !important; */
    margin: 15% 15% 0 0;
    width: 20%;
}

.weapper-left {
    float: left;
    bottom: 0;
    position: absolute;
}

.trapecio2 {
    width: 87%; /* Ancho del trapecio */
    height: 100px; /* Altura del trapecio */
    background-color: white; /* Fondo blanco */
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra opcional */
}

.btnstyle {
    margin: 0 auto;
    width: 80%;
    background-color: #005D96 !important;
    border-color: #005D96 !important;
    font-size: 20px;
    font-weight: 700;
}

.labelstyle {
    font-size: 20px !important;
    font-weight: 700 !important;
}

.labelstyle2 {
    font-size: 25px !important;
    font-weight: 700 !important;
}

.btnforgot {
    font-size: 18px !important;
    font-weight: 700 !important;
}

.imgtraplogo{
    width: 45%;
}

/* Estilos responsivos */
@media (max-width: 1024px) {
    .weapper-pos {
        margin-right: 10% !important;
        width: 30%;
    }

    .btnstyle {
        width: 90%;
        font-size: 18px;
    }

    .labelstyle, .btnforgot {
        font-size: 16px !important;
    }
    .trapecio2 {
        width: 60%; /* Ancho del trapecio */
        height: 100px; /* Altura del trapecio */
        background-color: white; /* Fondo blanco */
        clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra opcional */
    }
}

@media (max-width: 768px) {
    .weapper-pos {
        margin: 10% auto;
        width: 50%;
    }

    .trapecio2 {
        height: 80px;
    }

    .btnstyle {
        font-size: 16px;
        width: 95%;
    }

    .labelstyle, .btnforgot {
        font-size: 14px !important;
    }
}

@media (max-width: 480px) {
    .weapper-pos {
        margin: 5% auto;
        width: 80%;
    }

    .trapecio2 {
        height: 60px;
    }

    .btnstyle {
        font-size: 14px;
        width: 100%;
    }

    .labelstyle, .btnforgot {
        font-size: 12px !important;
    }
}



/* LG */
@media (min-width: 992px) { 
    .weapper-pos {  
        margin: 10% 10% 0 0;
        width: 25%;
    }

    .labelstyle{
        font-size: 16px !important;
    }
    
    .labelstyle2{
        font-size: 20px !important;
    }
}

/* XL */
@media (min-width: 1500px) { 
    .weapper-pos { 
        margin: 15% 15% 0 0;
        width: 20%;
    }

    .labelstyle{
        font-size: 20px !important;
    }

    .labelstyle2{
        font-size: 25px !important;
    }
}

/*olvidaste contraseña*/
.imgcorp{
    background-image: url('/cpanelkino/public/assets/images/cactuskino.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.btnEnviar{
    background-color: #007CC8;
    border-color: #007CC8;
    font-size: 21px !important;
    width: 100% !important;
}