body{
    background-color: #ffe3f2;
}
#cargar-foto{
    background-image: url(../img/back_pink_top_upload.jpg);
    background-position: top;
    background-size: contain;
    width: 100%;
    background-repeat: no-repeat;
    padding-top: 5vw;
    font-family: 'Qanelas-Medium';
    padding-bottom: 5vw;
}


#cargar-foto h1 {
    font-family: 'Qanelas-Bold';
    color: #5966d6;
    letter-spacing: 4px;
}

#cargar-foto p{
    font-size: 20px;
}

#cargar-foto textarea, #cargar-foto input {
    background-color: #fff;
    border: 0px;
    border-radius: 20px;
    resize: none;
    padding: 10px;
    width: 100%;
}

#cargar-foto textarea:active, 
#cargar-foto textarea:focus{
    outline: 0 none;
} 

.btn-ver-foto {
    background-color: #6bc2c2 !important;
    background-image: url(../img/upload-ver.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    border-color: #6bc2c2 !important;
    padding: 20px 80px;
}
.btn-ver-foto:hover {
    background-color: #5fc6c6 !important;
    border-color: #5fc6c6 !important;
}

.btn-ver-foto:active:focus {
    border-color: #6bc2c2 !important;
}

.btn-borde{
    width: fit-content;
    height: fit-content;
    border: #cdcccc 1.5px dashed;
    padding: 3px;
    border-radius: 7px;
}

.btn-aceptar-foto{
    background-color: #5966d6 !important;
    border-color: #5966d6 !important;
}

.btn-cancelar-foto{
    background-color: #e52886 !important;
    border-color: #e52886 !important;
}
.btn-cancelar-foto:hover{
    background-color: #e00a7f !important;
    border-color: #e00a7f !important;
}

.cuadro-subir-foto{
    border: 4px #b7c0ef solid;
    border-radius: 20px;
    height: 100%;
}


input[type="file"] {
    display: none;
}
.custom-file-upload {
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}


/* FOOTER */

#footer-cargar {
    background-image: url(../img/back_pink_bottom_upload.jpg) !important;
    background-position: bottom;
    background-size: contain;
    width: 100%;
    background-repeat: no-repeat;
}



@media (max-width: 768px){
    #cargar-foto h1 {
        font-size: 24px;
    }
}

@media (max-width: 500px){
    textarea{
        width: 300px !important;
    }
}