/*==================================================
REGISTRO PERSONALIZADO
assets/css/registro.css
==================================================*/

.gm-register-page{
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:60px 20px;
    font-family:'Montserrat',sans-serif;
}

.gm-register-card{

    width:100%;
    max-width:550px;

    background:#fff;

    border-radius:35px;

    padding:45px;

    box-shadow:0 20px 60px rgba(0,0,0,.08);

}

.gm-avatar{

    width:110px;
    height:110px;

    margin:auto;

    border-radius:100%;

    overflow:hidden;

    margin-bottom:25px;

    border:5px solid #F3E4EA;

}

.gm-avatar img{

    width:100%;
    height:100%;
    object-fit:cover;

}

.gm-title{
    font-size:33px;
    line-height:1.3;
    text-align:center;
    color:#000;
    margin-bottom:18px;
    font-weight:700;
}

.gm-title span{
    color:#A62B5D;
}

.gm-subtitle{

    text-align:center;

    color:#666;

    font-size:15px;

    margin-bottom:35px;

}

.gm-field{

    margin-bottom:18px;

}

.gm-field input{

    width:100%;

    height:58px;

    border-radius:15px;

    border:1px solid #ddd;

    padding:0 18px;

    font-size:15px;

    transition:.3s;

}

.gm-field input:focus{

    outline:none;

    border-color:#A62B5D;

    box-shadow:0 0 0 3px rgba(166,43,93,.12);

}

.gm-password{

    position:relative;

}

.gm-toggle-password{

    position:absolute;

    right:18px;

    top:18px;

    cursor:pointer;

    color:#000;

    font-size:18px;

}
.gm-btn{
    height: 65px;
}

.gm-btn i{

    margin-left:10px;

}

#gm-register-message{

    margin-top:20px;

    text-align:center;

    font-size:14px;

}

.gm-footer{

    margin-top:35px;

}

.gm-footer p{

    text-align:center;

    font-size:13px;

    color:#666;

    margin-bottom:10px;

    line-height:1.7;

}

.gm-footer a{

    color:#000;

    font-weight:700;

    text-decoration:none;

}

.gm-footer a:hover{

    text-decoration:underline;

}

.gm-error{

    color:#d6003d;

}

.gm-success{

    color:#3a9b55;

}

@media(max-width:600px){
    .gm-register-card{
        padding:30px 25px;
    }
    .gm-title{
        font-size:30px;
    }
}



/*==================================================
AJUSTES PARA ICONOS EN LOS INPUTS
==================================================*/

.gm-field {
    position: relative;
    margin-bottom: 18px;
}
.gm-input-icon {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #888888;
    font-size: 18px;
    pointer-events: none;
    z-index: 2;
}

.gm-field input.gm-with-icon {
    padding-left: 52px;
    box-sizing: border-box;
}

.gm-toggle-password {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #888888;
    font-size: 18px;
    z-index: 2;
}

@media (max-width: 767px){
    .gm-register-page{
        padding: 0 15px 60px;
    }
}