/* Style inputs, select elements and textareas */

    .containerCalculator .calculatorRow {
        width: 100%!important;
    }

    #calcular-frete-loader {
        display: none;
        justify-content: center;
        align-items: center;
    }

    .tableResult {
        display: none;
    }

    .containerCalculator input[type=text],
    .containerCalculator select,
    .containerCalculator textarea {
        width: 100%;
        padding: 12px;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        resize: vertical;
    }

    /* Style the label to display next to the inputs */
    .containerCalculator label {
        padding: 12px 12px 12px 0;
        display: inline-block;
    }

    /* Style the submit button */
    .containerCalculator input[type=submit] {
        background-color: #333333;
        color: white;
        padding: 12px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        float: right;
    }

    /* Style the containerCalculator */
    .containerCalculator {
       border-radius: 5px; background-color: #f2f2f2; padding: 0px 20px 5px; width: 100%;
    }

    /* Floating column for labels: 25% width */
    .containerCalculator .col-25 {
        float: left;
        width: 25%;
        margin-top: 6px;
    }

    /* Floating column for inputs: 75% width */
    .containerCalculator .col-75 {
        float: left;
        width: 100%;
        margin-top: 6px;
    }

    /* Clear floats after the columns */
    .containerCalculator .row:after {
        content: "";
        display: table;
        clear: both;
    }

    /* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
    @media screen and (max-width: 600px) {

        .containerCalculator .col-25,
        .containerCalculator .col-75,
        input[type=submit],
        .containerCalculator input[type=text] {
            width: 100%;
            margin-top: 10;
        }
    }
    
    /* TÍTULO DO MELHOR ENVIO + ÍCONE */
.melhor-envio-shipping-simulator h2,
#melhorenvio_simulacao h2 {
    position: relative;
    padding-left: 28px !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
}

/* Ícone estilo outline combinando com o tema */
.melhor-envio-shipping-simulator h2::before,
#melhorenvio_simulacao h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 20px 20px;

    /* Caminhão outline com traço fino */
    background-image: url("data:image/svg+xml;utf8,<svg fill='none' stroke='%23333' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M3 7h13v10H3z'/><path d='M16 10h5v7h-5z'/><circle cx='7.5' cy='17' r='1.5'/><circle cx='18.5' cy='17' r='1.5'/></svg>");
}