/* IMPORTAR POPPINS (caso ainda não esteja carregada) */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');

/* CONTAINER PRINCIPAL */
.containerCalculator {
    border-radius: 12px;
    background-color: #ffffff;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 300;
}

/* ROW FULL WIDTH */
.containerCalculator .calculatorRow {
    width: 100% !important;
}

/* INPUTS, SELECTS E TEXTAREA */
.containerCalculator input[type=text],
.containerCalculator select,
.containerCalculator textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    box-sizing: border-box;
    resize: vertical;
    background-color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 300;
    transition: all 0.2s ease;
}

/* HOVER E FOCUS (mantendo branco como você pediu) */
.containerCalculator input[type=text]:hover,
.containerCalculator select:hover,
.containerCalculator textarea:hover,
.containerCalculator input[type=text]:focus,
.containerCalculator select:focus,
.containerCalculator textarea:focus {
    background-color: #ffffff;
    border: 1px solid #dcdcdc;
    outline: none;
}

/* LABEL */
.containerCalculator label {
    padding: 12px 12px 12px 0;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
}

/* BOTÃO */
.containerCalculator input[type=submit] {
    background-color: #ffffff;
    color: #000000;
    padding: 12px 20px;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    cursor: pointer;
    float: right;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 300;
    transition: all 0.2s ease;
}

/* HOVER BOTÃO (mantendo branco) */
.containerCalculator input[type=submit]:hover {
    background-color: #ffffff;
    border: 1px solid #dcdcdc;
}

/* COLUNAS */
.containerCalculator .col-25 {
    float: left;
    width: 25%;
    margin-top: 6px;
}

.containerCalculator .col-75 {
    float: left;
    width: 100%;
    margin-top: 6px;
}

/* CLEAR FIX */
.containerCalculator .row:after {
    content: "";
    display: table;
    clear: both;
}

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

/* RESULTADO */
.tableResult {
    display: none;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 300;
}

/* RESPONSIVO */
@media screen and (max-width: 600px) {

    .containerCalculator .col-25,
    .containerCalculator .col-75,
    .containerCalculator input[type=submit],
    .containerCalculator input[type=text] {
        width: 100%;
        margin-top: 10px;
    }
}