/*=====================================================
AA CUBA
AVATAR
Versión 2.0
=====================================================*/


/*=====================================================
CONTENEDOR
=====================================================*/

.jet-form-builder-file-upload{

    text-align:center;

}

.jet-form-builder-file-upload__content{

    border:2px dashed #c9d3ec;
    border-radius:14px;

    padding:18px;

    background:#fafcff;

    transition:.25s;

}

.jet-form-builder-file-upload__content:hover{

    border-color:#001b87;

    background:#f3f7ff;

}


/*=====================================================
DRAG & DROP
=====================================================*/

.avatar-drag{

    border:2px dashed #001b87 !important;

    background:#eaf0ff !important;

    box-shadow:0 0 0 4px rgba(0,27,135,.08);

}


/*=====================================================
INPUT FILE
=====================================================*/

input[name="avatar"]{

    display:none;

}


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

.avatar-btn{

    display:flex;

    align-items:center;

    justify-content:center;

    width:240px;

    height:48px;

    margin:18px auto;

    border:none;

    border-radius:10px;

    background:linear-gradient(180deg,#0b38d9,#001b87);

    color:#fff;

    font-size:15px;

    font-weight:700;

    cursor:pointer;

    transition:.25s;

    box-shadow:0 8px 20px rgba(0,0,0,.18);

}

.avatar-btn:hover{

    background:linear-gradient(180deg,#2145d8,#001b87);

    transform:translateY(-2px);

    box-shadow:0 12px 24px rgba(0,0,0,.25);

}

.avatar-btn:active{

    transform:none;

}


/*=====================================================
VISTA PREVIA
=====================================================*/

#avatar-preview{

    display:block;

    width:120px;

    height:120px;

    margin:18px auto 10px;

    object-fit:cover;

    border-radius:50%;

    border:4px solid #001b87;

    box-shadow:0 6px 16px rgba(0,0,0,.18);

}


/*=====================================================
INFORMACIÓN
=====================================================*/

#avatar-info{

    margin-top:8px;

    text-align:center;

    font-size:13px;

    font-weight:600;

    line-height:1.45;

}


/*=====================================================
MENSAJE JETFORMBUILDER
=====================================================*/

.jet-form-builder-file-upload__message{

    margin-top:10px;

    color:#5b6475;

    font-size:13px;

}


/*=====================================================
OCULTAR TEXTOS EN INGLÉS
=====================================================*/

.jet-form-builder-file-upload__hint,

.jet-form-builder-file-upload__label,

.jet-form-builder-file-upload__description{

    display:none !important;

}


/*=====================================================
RESPONSIVE
=====================================================*/

@media (max-width:768px){

    .avatar-btn{

        width:100%;

    }

    #avatar-preview{

        width:110px;

        height:110px;

    }

}