/*==========================================
            MODAL PRODUTO
==========================================*/

.modal-content{

    border:none;

    border-radius:28px;

    overflow:hidden;

    box-shadow:0 30px 70px rgba(0,0,0,.15);

}

/*==========================================
            HEADER
==========================================*/

.modal-header{

    padding:28px 35px;

    background:linear-gradient(135deg,#df6d98,#c95d86);

    color:#fff;

    border:none;

}

.modal-header h3{

    margin:0;

    font-family:'Playfair Display',serif;

    font-size:2rem;

    font-weight:700;

}

.modal-header i{

    font-size:1.8rem;

}

.modal-header .btn-close{

    filter:invert(1);

    opacity:.9;

}

/*==========================================
            BODY
==========================================*/

.modal-body{

    padding:35px;

    background:#fffdfd;

}

.modal-body label{

    color:#5b3434;

    font-weight:600;

    margin-bottom:10px;

}

/*==========================================
            INPUTS
==========================================*/

.modal .form-control,
.modal .form-select{

    height:55px;

    border-radius:16px;

    border:1px solid #eddde3;

    box-shadow:none;

    transition:.3s;

}

.modal textarea.form-control{

    height:auto;

    min-height:140px;

    resize:none;

    padding-top:15px;

}

.modal .form-control:focus,
.modal .form-select:focus{

    border-color:#df6d98;

    box-shadow:0 0 0 .25rem rgba(223,109,152,.15);

}

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

input[type=file]{

    padding:14px;

}

/*==========================================
            FOOTER
==========================================*/

.modal-footer{

    padding:25px 35px;

    background:#fff8fa;

    border:none;

}

.modal-footer .btn{

    min-width:180px;

    height:52px;

    border-radius:16px;

    font-weight:600;

}

/* Cancelar */

.modal-footer .btn-outline-secondary{

    border:2px solid #d4d4d4;

}

.modal-footer .btn-outline-secondary:hover{

    background:#6c757d;

    color:#fff;

}

/* Salvar */

.modal-footer .btn-primary{

    background:#df6d98;

    border:none;

    box-shadow:0 10px 25px rgba(223,109,152,.25);

}

.modal-footer .btn-primary:hover{

    background:#cb5c87;

    transform:translateY(-3px);

}

/*==========================================
            RESPONSIVO
==========================================*/

@media(max-width:768px){

.modal-body{

padding:25px;

}

.modal-header{

padding:22px;

}

.modal-footer{

padding:22px;

}

.modal-footer .btn{

width:100%;

}

}