.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{
    margin-top:15px;
    padding:14px;
    border-radius:8px;
    background:#ffecec;
    border:1px solid #f2bcbc;
    color:#c62828;
}

.cufv-result{
    margin-top:18px;
}

.cufv-result table{
    width:100%;
    border-collapse:collapse;
}

.cufv-result th{
    width:180px;
    text-align:left;
    padding:12px;
    background:#f8f8f8;
    color:#3E5B54;
    border-bottom:1px solid #ececec;
}

.cufv-result td{
    padding:12px;
    border-bottom:1px solid #ececec;
    color:#333;
}

.cufv-retirada{
    margin-top:22px;
    padding:18px;
    border-radius:8px;
    background:#f8faf9;
    border-left:4px solid #3E5B54;
}

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

.cufv-retirada p{
    margin:6px 0;
    color:#555;
}

@media(max-width:768px){

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

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

    .cufv-result th,
    .cufv-result td{
        display:block;
        width:100%;
    }

    .cufv-result th{
        border-bottom:none;
        padding-bottom:4px;
    }

    .cufv-result td{
        padding-top:0;
        margin-bottom:12px;
    }

}