/* =====================================
DECISIÓN
===================================== */

#decision{

    position:relative;

    overflow:hidden;
}

.decision-panel{

    position:relative;

    padding:80px;

    border-radius:40px;

    background:
    linear-gradient(
        180deg,
        rgba(255,255,255,.04),
        rgba(255,255,255,.01)
    );

    border:
    1px solid rgba(
        212,
        175,
        55,
        .15
    );

    text-align:center;
}

.decision-panel h2{

    font-size:3rem;

    max-width:900px;

    margin:
    30px auto;
}

.decision-intro{

    max-width:800px;

    margin:
    0 auto 70px;

    font-size:1.15rem;
}

.decision-grid{

    display:grid;

    grid-template-columns:
    repeat(2,1fr);

    gap:40px;

    margin-bottom:60px;
}

.future-card{

    padding:40px;

    border-radius:30px;

    text-align:left;
}

.future-card ul{

    list-style:none;

    padding:0;

    margin:0;
}

.future-card li{

    padding:14px 0;

    border-bottom:
    1px solid rgba(
        255,
        255,
        255,
        .06
    );
}

.future-card li:last-child{

    border:none;
}

.future-title{

    margin-bottom:25px;

    font-weight:700;

    letter-spacing:2px;
}

.negative{

    background:
    rgba(255,255,255,.02);

    border:
    1px solid rgba(
        255,
        255,
        255,
        .08
    );
}

.positive{

    background:
    linear-gradient(
        135deg,
        rgba(
            212,
            175,
            55,
            .12
        ),
        rgba(
            255,
            255,
            255,
            .02
        )
    );

    border:
    1px solid rgba(
        212,
        175,
        55,
        .25
    );
}

.decision-final{

    font-size:1.4rem;

    color:#f5d88b;

    max-width:800px;

    margin:auto;

    line-height:1.8;
}

@media(max-width:900px){

    .decision-grid{

        grid-template-columns:1fr;
    }

    .decision-panel{

        padding:50px 30px;
    }

    .decision-panel h2{

        font-size:2rem;
    }
}