/*=========================
LIDERES
=========================*/

.lideres{
    padding:80px 0;
    background:#f7f7f7;
}

.lideres-box{
    background:#fff;
    border-radius:30px;
    padding:70px;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
    overflow:hidden;
    position:relative;
}

.lideres-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:70px;
    align-items:center;
}

.lideres-head{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:30px;
}

.badge-icon{
    width:54px;
    height:54px;
    border-radius:50%;
    background:#fff3f1;
    color:#ea4b3c;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    flex-shrink:0;
}

.lideres-tag{
    color:#ea4b3c;
    font-weight:800;
    font-size:15px;
    letter-spacing:1px;
    text-transform:uppercase;
}

.lideres-head-line{
    flex:1;
    height:2px;
    background:#ea4b3c;
    opacity:.25;
}

.lideres-title{
    font-size:60px;
    line-height:.92;
    font-weight:900;
    color:#1d1d1d;
    text-transform:uppercase;
    margin:0 0 28px;
}

.lideres-title span{
    display:block;
    color:#ea4b3c;
}

.lideres-desc{
    font-size:20px;
    color:#666;
    line-height:1.7;
    max-width:560px;
    margin-bottom:42px;
}

.lideres-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px 26px;
    margin-bottom:45px;
}

.lider-item{
    display:flex;
    gap:16px;
    align-items:flex-start;
}

.item-icon{
    width:52px;
    height:52px;
    border-radius:50%;
    background:#fff3f1;
    color:#ea4b3c;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    font-size:20px;
}

.item-text{
    color:#555;
    font-size:17px;
    line-height:1.6;
}

.item-text strong{
    color:#1d1d1d;
}

.lideres-buttons{

    display:flex;

    align-items:center;

    gap:12px;

    flex-wrap:nowrap;

    margin-top:10px;

}

.lideres-buttons .btn-primary,
.lideres-buttons .btn-outline{

    flex:1;

    height:50px;

    padding:0 18px;

    border-radius:999px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    font-size:14px;

    font-weight:800;

    white-space:nowrap;

}

.lideres-buttons .btn-outline{

    background:#fff;

    color:#ea4b3c !important;

    border:2px solid #ea4b3c;

    transition:.3s;

}

.lideres-buttons .btn-outline:hover{

    background:#ea4b3c;

    color:#fff !important;

}
.lideres-image{
    position:relative;
}

.lideres-image img{
    width:100%;
    display:block;
    border-radius:28px;
    min-height:550px;
    object-fit:cover;
    box-shadow:0 20px 50px rgba(0,0,0,.15);
}

.dots{
    position:absolute;
    top:-20px;
    right:-20px;
    width:120px;
    height:120px;
    background-image:radial-gradient(#ea4b3c 1.8px,transparent 1.8px);
    background-size:14px 14px;
    opacity:.45;
}

.lideres-card{
    position:absolute;
    right:-30px; 
    left:auto;
    bottom:35px;
    background:#fff;
    padding:24px;
    width:290px;
    border-radius:22px;
    display:flex;
    gap:15px;
    box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.card-icon{
    width:52px;
    height:52px;
    border-radius:50%;
    background:#fff3f1;
    color:#ea4b3c;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.lideres-card strong{
    display:block;
    font-size:18px;
    margin-bottom:8px;
}

.lideres-card span{
    display:block;
    width:55px;
    height:2px;
    background:#ea4b3c;
    margin-bottom:10px;
}

.lideres-card p{
    margin:0;
    color:#666;
    line-height:1.5;
    font-size:15px;
}
@media (max-width:768px){

    .lideres{
        padding:45px 0;
    }

    .lideres .container{
        width:98%;
        max-width:98%;
    }

    .lideres-box{
        padding:22px;
        border-radius:22px;
        overflow:hidden;
    }

    .lideres-grid{
        display:flex;
        flex-direction:column;
        gap:26px;
    }

    .lideres-content{
        width:100%;
        min-width:0;
    }

    .lideres-head{
        display:flex;
        align-items:center;
        gap:12px;
        margin-bottom:18px;
    }

    .lideres-head-line{
        display:none;
    }

    .badge-icon{
        width:40px;
        height:40px;
        font-size:16px;
    }

    .lideres-tag{
        font-size:12px;
        line-height:1.3;
    }

    .lideres-title{
        font-size:28px;
        line-height:1.05;
        margin:0 0 18px;
        text-align:left;
    }

    .lideres-title span{
        display:block;
    }

    .lideres-desc{
        font-size:15px;
        line-height:1.6;
        margin-bottom:22px;
        max-width:100%;
    }

    .lideres-list{
        display:flex;
        flex-direction:column;
        gap:16px;
        margin-bottom:24px;
    }

    .lider-item{
        display:flex;
        align-items:flex-start;
        gap:12px;
    }

    .item-icon{
        width:40px;
        height:40px;
        font-size:15px;
        flex-shrink:0;
    }

    .item-text{
        font-size:15px;
        line-height:1.5;
    }

    .lideres-buttons{
        display:flex;
        flex-direction:column;
        gap:12px;
    }

    .lideres-buttons .btn-primary,
    .lideres-buttons .btn-outline{
        width:100%;
        min-width:100%;
        height:52px;
        font-size:15px;
        padding:0 20px;
        border-radius:999px;
    }

    .lideres-image{
        width:100%;
        order:-1;
        margin:0;
    }

    .lideres-image img{
        width:100%;
        height:260px;
        object-fit:cover;
        border-radius:18px;
    }

    .lideres-card{
        position:static;
        width:100%;
        margin-top:18px;
        padding:16px;
        border-radius:18px;
    }

    .card-icon{
        width:42px;
        height:42px;
    }

    .lideres-card strong{
        font-size:16px;
    }

    .lideres-card p{
        font-size:14px;
    }

    .dots{
        display:none;
    }

}