/* Minification failed. Returning unminified contents.
(2,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-10'
(5,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(39,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(39,39): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(43,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(67,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(72,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(95,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-10'
 */
.reconciliacao-bancaria section {
    margin: 160px var(--spacing-10);
}
section p {
    margin-top: var(--spacing-2);
}

.section-hero {
    text-align: center;
    margin-top: 0 !important;
}
.section-hero p {
    text-align: center;
}

.section-hero h2 {
    text-align: left;
}

.section-multibanco .lusopay-link {
    display: flex;
}
.section-multibanco .lusopay-link img {
    height: 48px;
    width: 140px;
    text-align: right;
}
.section-multibanco .lusopay-link .link {
    flex: 1;
    margin-top: 20px;
    text-align: left;
}
.section-multibanco .left .button-wrapper {
    text-align: right;
}

@media only screen and (max-width: 1054px) {
    .reconciliacao-bancaria section {
        margin: var(--spacing-4) var(--spacing-2);
    }
    .reconciliacao-bancaria button {
        font-size: 14px !important;
        padding: var(--spacing-1) !important;
    }
    .section-multibanco .lusopay-link {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    
    .section-multibanco .lusopay-link .link {
        text-align: center;
    }
}
@media only screen and (max-width: 992px) {
    .force-half-to-last {
        order: 1;
    }
    .longer-on-left-side,
    .longer-on-right-side,
    .divide-in-half {
        flex-direction: column;
    }
    .longer-on-left-side .left,
    .longer-on-right-side .left,
    .divide-in-half .left {
        padding: var(--spacing-2) 0 !important;
    }
    .longer-on-left-side .right,
    .longer-on-right-side .right,
    .divide-in-half .right {
        padding: var(--spacing-2) 0 !important;
    }
    
    .longer-on-left-side img, .longer-on-left-side .browser,
    .longer-on-right-side img, .longer-on-right-side .browser,
    .divide-in-half img, .divide-in-half .browser {
        max-width: 600px;
        margin: auto;
    }
    .longer-on-left-side .link,
    .longer-on-right-side .link,
    .divide-in-half .link {
        max-width: 600px;
        margin: 16px auto;
    }
    .longer-on-right-side .button-wrapper,
    .longer-on-left-side .button-wrapper,
    .divide-in-half .button-wrapper {
        text-align: center !important;
    }
}
@media only screen and (max-width: 767px) {
    .reconciliacao-bancaria section {
        margin: 50px var(--spacing-10);
    }
}


/*calculadora*/
.calculator_wrapper {
    display: grid;
    background-color: #F5F5F5;
    border: solid 1px #ccc;
    padding: 0px 0px 32px 0px;
    border-radius: 8px;
}
.calculator_grid {
    display: grid;
    grid-template-columns: 2.5fr 1fr 1fr;
    grid-template-rows: 100px 100px 100px;
}

    .calculator_grid .bold {
        font-weight: bold !important;
        font-size: 20px;
    }
.calculator_grid div p {
    min-height: 100px;
}
.calculator_title {
    background-color: #CECECE;
    border-radius: 8px 8px 0px 0px ;
    padding:20px 20px 10px 20px;
    color: #222;
}
.calculator_description p {
    padding: 0px 0px 0px 20px;
    font-size:18px;

}
.calculator_valor p {
    padding: 0px 0px 0px 20px;
    font-size: 32px;
    text-align: right;
}

.calculator_metrics p {
    padding: 0px 0px 0px 20px;
    font-size: 20px;
    line-height:54px;
}

.bold-red {
    color: #C63737;
    font-weight:bold;
    font-size:32px!important;
}

.obs { margin-top:16px;
}

.feedback-calculator i {
    color: white !important;
    transform: rotate(270deg);
}

.feedback-calculator {
    background-color: #C63737;
    padding: 20px;
    border-radius: 20px;
    color: white;
    font-size: 16px;
    margin-top: 16px;
}
