.elementor-24983 .elementor-element.elementor-element-4784ace{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.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-24983 .elementor-element.elementor-element-69ca134{text-align:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );font-style:var( --e-global-typography-accent-font-style );}.elementor-24983 .elementor-element.elementor-element-30a2292 .elementor-button{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-3ea9ec8 );color:var( --e-global-color-3ea9ec8 );}.elementor-24983 .elementor-element.elementor-element-30a2292 .elementor-button:hover, .elementor-24983 .elementor-element.elementor-element-30a2292 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-3ea9ec8 );}.elementor-24983 .elementor-element.elementor-element-30a2292{width:var( --container-widget-width, 380px );max-width:380px;--container-widget-width:380px;--container-widget-flex-grow:0;}.elementor-24983 .elementor-element.elementor-element-30a2292.elementor-element{--align-self:center;}.elementor-24983 .elementor-element.elementor-element-30a2292 .elementor-button-content-wrapper{flex-direction:row;}.elementor-24983 .elementor-element.elementor-element-30a2292 .elementor-button .elementor-button-content-wrapper{gap:15px;justify-content:center;}.elementor-24983 .elementor-element.elementor-element-30a2292 .elementor-button:hover svg, .elementor-24983 .elementor-element.elementor-element-30a2292 .elementor-button:focus svg{fill:var( --e-global-color-3ea9ec8 );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-24983 .elementor-element.elementor-element-78acdd6{--divider-border-style:solid;--divider-color:var( --e-global-color-98d8e0d );--divider-border-width:1px;}.elementor-24983 .elementor-element.elementor-element-78acdd6 .elementor-divider-separator{width:35%;margin:0 auto;margin-center:0;}.elementor-24983 .elementor-element.elementor-element-78acdd6 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}/* Start custom CSS for shortcode, class: .elementor-element-8f9ba71 *//* Estilo para los campos de texto e inputs */
#finance-calculator input[type="text"],
#finance-calculator select {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    color: #555;
    background-color: #f9f9f9;
    appearance: none; /* Para estilos uniformes */
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Estilo para campos al enfocarse */
#finance-calculator input[type="text"]:focus,
#finance-calculator select:focus {
    border-color: #d32f2f;
    outline: none;
    background-color: #fff;
}

/* Estilo para el botón */
#finance-calculator button {
    width: 100%;
    background-color: #d32f2f;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

#finance-calculator button:hover {
    background-color: #b71c1c;
}

/* Ajustar los márgenes del formulario */
#finance-calculator label {
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
    color: #333;
}
/* Estilo para los campos de texto e inputs */
#finance-calculator input[type="text"],
#finance-calculator select {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    color: #555;
    background-color: #f9f9f9;
    appearance: none; /* Para estilos uniformes */
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Estilo para campos al enfocarse */
#finance-calculator input[type="text"]:focus,
#finance-calculator select:focus {
    border-color: #d32f2f;
    outline: none;
    background-color: #fff;
}

/* Estilo para el botón */
#finance-calculator button {
    width: 100%;
    background-color: #d32f2f;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

#finance-calculator button:hover {
    background-color: #b71c1c;
}

/* Ajustar los márgenes del formulario */
#finance-calculator label {
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
    color: #333;
}/* End custom CSS */