.estados {
    overflow: hidden;
    display: inline-flex;
    flex-wrap: wrap;
}

.estados .estados_page {
    max-height: 0vw;
    overflow-y: hidden;
    overflow-x: hidden;
    width: 90vw;
    padding: 5vw;
    display: inline-block;
	position: relative;
}

.estados .estados_page.active {
    max-height: 1000000vw;
    height: 100%;
    min-height: calc(100vh - 10vw);
}

.estados .bg {
    position: absolute;
    width: 100vw;
    height: 85vw;
    top: 0vw;
    left: 0vw;
    background: var(--bg-color);
    overflow: hidden;
}

.estados .bg img {
    height: 100%;
    opacity: 0.1;
}

.estados .estados_page0 .maintitle {
    overflow: hidden;
    position: relative;
    text-align: center;
    margin-bottom: 0vw;
    padding-top: 12vw;
    margin-top: 24vw;
    padding-bottom: 12vw;
    width: 100vw;
    margin-left: -5vw;
    border-top-left-radius: 8vw;
    border-top-right-radius: 8vw;
    background: var(--main-color);
}

.estados .estados_page0 .maintitle h1 {
    font-size: 9vw;
    position: relative;
    color: white;
}

.estados .estados_page0 .maintitle p {
    margin-top: 0.5vw;
    position: relative;
    color: white;
}

.estados .estados_page0 .maintitle .reval {
    background: var(--bgt-color);
    padding: 3vw 6vw;
    border-radius: 30vw;
    margin-top: 4vw;
    color: var(--s-color);
    font-size: var(--fs);
    text-align: center;
    display: inline-block;
}

.estados .points {
    overflow: hidden;
    position: relative;
    text-align: center;
    padding-top: 6vw;
    padding-bottom: 12vw;
    width: 100vw;
    margin-left: -5vw;
    margin-top: -6vw;
    border-top-left-radius: 8vw;
    border-top-right-radius: 8vw;
    background: var(--s-color);
}

.estados .points img {
    width: 100%;
    position: absolute;
    top: 0vw;
    left: 0vw;
    opacity: 0.1;
    filter: brightness(0.5);
}

.estados .points h1 {
    font-size: 9vw;
    position: relative;
    color: white;
}

.estados .points p {
    margin-top: 0.5vw;
    position: relative;
    color: white;
}

.estados .info {
    position: relative;
    text-align: center;
    margin-bottom: 10vw;
    background: var(--bg-color);
    padding-top: 10vw;
    margin-top: -5vw;
    border-top-left-radius: 5vw;
    border-top-right-radius: 5vw;
    width: 100vw;
    margin-left: -5vw;
}

.estados .info div {
    text-align: center;
	display: inline-block;
    width: 49%;
}

.estados .info div:first-of-type {
    border-right: 0.5vw solid var(--bgt-color);
}

.estados .info div p {
    color: var(--words-color);
    margin-top: 1vw;
    font-size: var(--fs);
}

.estados .cat div {
    display: block;
    position: relative;
    margin-bottom: 3vw;
}

.estados .cat div p {
    display: inline-block;
    position: absolute;
    top: 3.5vw;
    margin-left: 4vw;
}

.estados .cat div b {
    position: absolute;
    right: 0vw;
    top: 3.5vw;
    color: var(--main-color);
}

.estados .cat div .img {
    background: var(--bgs-color);
    display: inline-grid;
    place-items: center;
    padding: 3vw;
    border-radius: 3vw;
}

.estados .cat div .img img {
    filter: invert(var(--invert));
    width: 5vw;
}

.estados .creditos .credito {
    border: 0.75vw solid var(--bgs-color);
    padding: 4vw;
    border-radius: 4vw;
    margin-bottom: 5vw;
    position: relative;
}

.estados .creditos .credito h3 {
    width: 82vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
}

.estados .congrats {
    padding: 4vw;
    border-radius: 3vw;
    margin-top: 4vw;
    width: calc(100% - 9vw);
    position: relative;
    background: var(--bgs-color);
    text-align: left;
    border: 0.5vw solid var(--main-color);
    transition: 0.2s;
}

.estados .congrats .img {
    position: absolute;
    width: 10vw;
    height: 10vw;
    background: var(--main-color);
    display: inline-grid;
    place-items: center;
    border-radius: 3vw;
}

.estados .congrats .img img {
    width: 5vw;
    filter: invert(100%);
}

.estados .congrats .text {
    display: inline-grid;
    place-items: center;
    vertical-align: top;
    margin-left: 14vw;
    width: 60vw;
    min-height: 10vw;
}
.estados .congrats .text div {
    width: 100%;
}

.estados .congrats .text b {
    color: var(--word-color);
}

.estados .congrats .text p {
    margin-top: 1.5vw;
    font-size: var(--fs);
    color: var(--words-color);
}

.estados .data .num {
    position: relative;
    color: var(--words-color);
    margin-bottom: 2vw;
}

.estados .data .num b {
    position: absolute;
    right: 0vw;
    color: var(--word-color);
}

.estados .cuotas {
    margin-top: 8vw;
}

.estados .cuota {
    background: var(--bgs-color);
    padding: 4vw;
    border-radius: 3vw;
    margin-top: 4vw;
}

.estados .cuota h3 {
    margin-bottom: 4vw;
}

.estados .cuota hr {
    background: var(--bgt-color);
    height: 0.75vw;
    border: none;
    border-radius: 5vw;
    margin-bottom: 4vw;
    margin-top: 4vw;
}

.estados .cuota .mora {
    padding: 4vw;
    border-radius: 3vw;
    background: rgb(209, 39, 39);
    margin-top: 5vw;
}

.estados .cuota .num {
    position: relative;
    color: var(--words-color);
    margin-bottom: 2vw;
}

.estados .cuota .mora .num {
    color: white;
}

.estados .cuota .mora .num:last-of-type {
    margin-bottom: 0vw;
}

.estados .cuota .num b {
    position: absolute;
    right: 0vw;
    color: var(--word-color);
}

.estados .cuota .mora .num b {
    color: white;
}

.estados .cuota .total {
    text-align: center;
    background: var(--main-color);
    padding: 3vw;
    border-radius: 10vw;
    margin-top: 5vw;
    color: white;
}

.estados .cuota .total_p {
    text-align: center;
    color: var(--words-color);
    font-size: var(--fs);
    margin-top: 3vw;
}

.estados .sim_history .simulations {
    margin-bottom: 4vw;
}

.estados .sim_history .simulation {
    padding: 4vw;
    background: var(--bgs-color);
    border-radius: 3vw;
    display: inline-block;
    width: 60vw;
}

.estados .sim_history .simulation .name p {
    color: var(--words-color);
    font-size: var(--fs);
}

.estados .sim_history .new {
    padding: 4vw;
    border-radius: 3vw;
    background: var(--bgs-color);
    position: relative;
}

.estados .sim_history .new .img {
    width: 10vw;
    height: 10vw;
    background: var(--main-color);
    border-radius: 3vw;
    display: inline-grid;
    place-items: center;
    overflow: hidden;
}

.estados .sim_history .new .img img {
    width: 5vw;
    filter: invert();
}

.estados .sim_history .new p {
    vertical-align: top;
    display: inline-grid;
    place-items: center;
    height: 10vw;
    margin-left: 2vw;
}

.estados .sim_history .new .arrow {
    width: 13vw;
    display: inline-grid;
    place-items: center;
    height: 100%;
    position: absolute;
    top: 0vw;
    right: 0vw;
    opacity: 0.5;
}

.estados .sim_history .new .arrow img {
    width: 4vw;
    filter: invert(var(--invert));
}

.estados .payments .method {
    background: var(--bgs-color);
    display: inline-grid;
    place-items: center;
    width: 43.25vw;
    padding-top: 4vw;
    padding-bottom: 4vw;
    height: 8vw;
    border-radius: 4vw;
    margin-right: 2vw;
    color: var(--word-color);
}

.estados .payments .method:last-of-type {
    margin-right: 0vw;
}

.estados .payments .method:first-of-type img {
    filter: invert(var(--invert));
}

.estados .payments .method p {
    display: inline-block;
    padding-left: 9vw;
}

.estados .payments .method img {
    width: 6vw;
    position: absolute;
    margin-top: -1vw;
}