.elementor-2867 .elementor-element.elementor-element-f888325:not(.elementor-motion-effects-element-type-background), .elementor-2867 .elementor-element.elementor-element-f888325 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sonico.com.co/wp-content/uploads/2023/08/Asesoria-Financiera.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2867 .elementor-element.elementor-element-f888325 > .elementor-container{min-height:300px;}.elementor-2867 .elementor-element.elementor-element-f888325{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-135px;margin-bottom:0px;}.elementor-2867 .elementor-element.elementor-element-f888325 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2867 .elementor-element.elementor-element-0a3c804 > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2867 .elementor-element.elementor-element-f8e1cfd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-a070a94 );}.elementor-2867 .elementor-element.elementor-element-c7df9fb .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:38px;font-weight:600;color:var( --e-global-color-3526f2d );}.elementor-2867 .elementor-element.elementor-element-d35a83d{margin-top:100px;margin-bottom:20px;}.elementor-bc-flex-widget .elementor-2867 .elementor-element.elementor-element-3f88f16.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2867 .elementor-element.elementor-element-3f88f16.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-bc-flex-widget .elementor-2867 .elementor-element.elementor-element-f9b32c7.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2867 .elementor-element.elementor-element-f9b32c7.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}body.elementor-page-2867:not(.elementor-motion-effects-element-type-background), body.elementor-page-2867 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1366px){.elementor-2867 .elementor-element.elementor-element-f888325{padding:0px 20px 0px 20px;}.elementor-2867 .elementor-element.elementor-element-c7df9fb .elementor-heading-title{font-size:50px;}.elementor-2867 .elementor-element.elementor-element-d35a83d{padding:0px 20px 0px 20px;}}@media(max-width:1024px){.elementor-2867 .elementor-element.elementor-element-c7df9fb .elementor-heading-title{font-size:50px;}.elementor-2867 .elementor-element.elementor-element-d35a83d{margin-top:50px;margin-bottom:50px;}}@media(max-width:767px){.elementor-2867 .elementor-element.elementor-element-f888325 > .elementor-container{min-height:264px;}.elementor-2867 .elementor-element.elementor-element-f888325:not(.elementor-motion-effects-element-type-background), .elementor-2867 .elementor-element.elementor-element-f888325 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:631px auto;}.elementor-2867 .elementor-element.elementor-element-f888325{margin-top:0px;margin-bottom:0px;}.elementor-2867 .elementor-element.elementor-element-c7df9fb .elementor-heading-title{font-size:35px;}}/* Start custom CSS for html, class: .elementor-element-08bf3fe *//* Estilos para la Calculadora Salarial */
body {
    font-family: Arial, sans-serif;
    background-color: #fff;
    margin: 0;
    padding: 0;
    color: #162a4b;
}

h1 {
    text-align: center;
    color: #162a4b;
}

h2 {
    font-weight: bold;
    margin-top: 20px;
    color: #162a4b;
}

form {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    max-width: 800px;
    margin: 0 auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Estilo para las etiquetas */
label {
    font-weight: bold;
    color: #162a4b;
    flex-basis: 45%;
}

/* Estilo para los campos de entrada */
input[type="number"],
input[type="checkbox"] {
    flex-basis: 50%;
    padding: 10px;
    margin-bottom: 10px;
}

/* Estilo para el botón */
button {
    background-color: #460996;
    color: #fff;
    border: none;
    cursor: pointer;
    flex-basis: 100%;
}

button:hover {
    background-color: #c400ff;
}

/* Contenedor para los resultados en dos columnas */
.results-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* Estilos para los resultados en cada columna */
.result-column {
    flex-basis: calc(50% - 10px); /* Divide en dos columnas con espacio entre ellas */
}

/* Estilos para los resultados */
#resultMonthlySalary,
#resultCommissions,
#resultOvertime,
#resultTransportAllowance,
#resultHealthDeduction,
#resultPensionDeduction,
#resultOtherDeductions,
#resultTotalPayments,
#resultTotalDeductions,
#resultFinalSalary {
    font-weight: bold;
    color: #162a4b;
}/* End custom CSS */