/* =========================================================
   DOLCI HANDS
   REGISTER
   ========================================================= */



/* =========================================================
   FORMULARIO
   ========================================================= */

.auth-form {

    box-sizing:
        border-box;

    padding:
        38px 44px;

}


/* =========================================================
   CABECERA
   ========================================================= */

.auth-header {

    margin-bottom:
        20px;

}


.auth-header h1 {

    margin-bottom:
        9px;

}


.auth-header p {

    line-height:
        1.45;

}


/* =========================================================
   CAMPOS
   ========================================================= */

.auth-form-fields {

    gap:
        12px;

}


.auth-field {

    gap:
        5px;

}


.auth-field label {

    font-size:
        12px;

}


.auth-field input {

    box-sizing:
        border-box;

    padding:
        10px 14px;

    min-height:
        40px;

}


/* =========================================================
   BOTÓN
   ========================================================= */

.auth-submit {

    margin-top:
        2px;

    padding:
        12px 20px;

    min-height:
        42px;

}


/* =========================================================
   ENLACE LOGIN
   ========================================================= */

.auth-register {

    margin-top:
        16px;

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 800px) {

    .auth-card {

        height:
            auto;

    }


    .auth-visual {

        min-height:
            260px;

        height:
            260px;

    }

}



/* =========================================================
   REGISTER — IGUALAR ENCUADRE DE IMAGEN A LOGIN
   ========================================================= */

.auth-visual {

    position:
        relative;

    overflow:
        hidden;

    background:
        #ead8c7;

}


.auth-visual img {

    width:
        100%;

    height:
        100%;

    display:
        block;

    object-fit:
        cover;

    object-position:
        75% center;

    transform:
        scale(1.00);

    transform-origin:
        center center;

}