.cufv-frete-box{
    margin-top:20px;
    padding:20px;
    border:1px solid #e5e5e5;
    border-radius:10px;
    background:#ffffff;
    box-shadow:0 2px 8px rgba(0,0,0,.05);
}

.cufv-header{
    margin-bottom:18px;
}

.cufv-header h3{
    margin:0 0 8px;
    color:#3E5B54;
    font-size:22px;
    font-weight:600;
}

.cufv-header p{
    margin:0;
    color:#666;
    font-size:14px;
}

.cufv-form{
    display:flex;
    gap:10px;
    margin-bottom:18px;
}

.cufv-form input{
    flex:1;
    height:46px;
    padding:0 15px;
    border:1px solid #d9d9d9;
    border-radius:8px;
    font-size:15px;
    outline:none;
    transition:.25s;
}

.cufv-form input:focus{
    border-color:#3E5B54;
    box-shadow:0 0 0 3px rgba(62,91,84,.15);
}

#cufv-calcular{
    background:#3E5B54;
    color:#fff;
    border:none;
    border-radius:8px;
    padding:0 24px;
    cursor:pointer;
    font-size:15px;
    font-weight:600;
    transition:.25s;
}

#cufv-calcular:hover{
    background:#324943;
}

#cufv-loading{
    padding:15px;
    color:#3E5B54;
    font-weight:600;
}

#cufv-error{
    display:none;
    margin-top:15px;
    padding:16px;
    border-radius:8px;
    background:#fff3f3;
    border:1px solid #e57373;
    color:#b71c1c;
    line-height:1.6;
}

#cufv-result{
    display:none;
    margin-top:18px;
}

.cufv-box{
    border:1px solid #dfe8e5;
    border-radius:10px;
    background:#ffffff;
    padding:18px;
    line-height:1.8;
    color:#333;
}

.cufv-box strong{
    color:#3E5B54;
}

.cufv-box > div{
    margin-bottom:8px;
}
.cufv-retirada{
    margin-top:18px;
    padding:16px;
    border-radius:8px;
    background:#f6faf8;
    border-left:4px solid #3E5B54;
}

.cufv-retirada strong{
    display:block;
    margin-bottom:8px;
    color:#3E5B54;
    font-size:16px;
}

.cufv-retirada p{
    margin:0;
    color:#555;
    line-height:1.6;
}

.cufv-box .cufv-destaque{
    color:#3E5B54;
    font-weight:600;
}

.cufv-box .cufv-prazo{
    color:#C08457;
    font-weight:600;
}

.cufv-box .cufv-gratis{
    color:#2e7d32;
    font-weight:700;
}

@media(max-width:768px){

    .cufv-form{
        flex-direction:column;
    }

    #cufv-calcular{
        width:100%;
        height:46px;
    }

    .cufv-box{
        padding:15px;
        font-size:14px;
    }

    .cufv-retirada{
        padding:14px;
    }

}