:root{
    --orange:#f47b20;
    --turquesa:#00a6b6;
}

/* HEADER */

.header-programa{
    background:var(--orange);
    color:white;
    padding:60px 0;
}

.header-programa h1{
    font-weight:700;
    letter-spacing:1px;
}
.logo-compradores {
    max-width: 400px;
    margin:auto;
}

/* TITULOS */

.section-title{
    font-weight:700;
    text-transform:uppercase;
    text-align:center;
    margin-bottom:40px;
    color: #ff8300;
    font-size: 21px;
}

/* CAJAS DIRIGIDO */

.box-target{
    border:3px solid var(--orange);
}

.box-target .box-header{
    background:var(--orange);
    color:white;
    font-weight:700;
    text-align:center;
    padding:10px;
}

.box-target .box-body{
    background:#f9a062;
    padding:25px;
    color:#222;
}

/* BENEFICIOS */

.benefit-title{
    color:var(--orange);
    font-weight:700;
    text-transform:uppercase;
    font-size:14px;
}

.benefit-text{
    font-size:14px;
    color:#555;
}

.benefit-icon{
    font-size:28px;
    color:#777;
}

.benefit-item{
    margin-bottom:25px;
}

/* COMPROMISOS */

.commit-title{
    color:#333;
    font-weight:700;
    margin-bottom:30px;
}

.commit-icon{
    color:#4fb6d6;
    font-size:22px;
    margin-right:10px;
}

.commit-item{
    font-size:15px;
    margin-bottom:10px;
}

.btn-register{
    background:var(--orange);
    color:white;
    padding:12px 30px;
    font-weight:600;
    text-transform:uppercase;
}

.btn-register:hover{
    background:#d9630e;
    color:white;
}

/* FLUJO */

.flow-title{
    color:#333;
    font-weight:700;
    margin-bottom:40px;
}

.flow-icon{
    font-size:45px;
    color:#777;
}

.flow-text{
    font-size:14px;
}

.arrow{
    font-size:40px;
    color:var(--orange);
}

.note{
    margin-top:40px;
    font-size:14px;
}

.note span{
    color:red;
    font-weight:600;
}

@media (max-width:768px){

.arrow{
    transform:rotate(90deg);
    margin:15px 0;
}

}