.champ-slider{
    position:relative;
    width:100%;
    height:80vh;
    min-height:650px;
    max-height:950px;
    overflow:hidden;
}

.swiper-wrapper{
    width:100%;
    height:100%;
}

.swiper-slide{
    position:relative;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    overflow:hidden;
}

.champ-bg{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center center;

    z-index:0;
}

.champ-overlay{
    position:absolute;
    inset:0;
    z-index:1;

    background:linear-gradient(
        90deg,
        rgba(3,26,69,.92) 0%,
        rgba(3,26,69,.75) 40%,
        rgba(3,26,69,.15) 70%,
        rgba(3,26,69,0) 100%
    );
}

.champ-slider-content{

    position:relative;
    z-index:2;

    width:100%;
    max-width:1400px;

    margin:0 auto;

    padding:80px 60px;

    display:flex;
    flex-direction:column;

    color:#fff;

}

.champ-slider-content h5{
    color:#F5BA07;
    font-size:18px;
    letter-spacing:3px;
    margin-bottom:18px;
    text-transform:uppercase;
}

.champ-slider-content h1{
    font-size:clamp(42px,5vw,76px);
    line-height:1.1;
    font-weight:700;
    max-width:750px;
    margin-bottom:25px;
}

.champ-slider-content p{
    font-size:22px;
    line-height:1.8;
    max-width:650px;
    margin-bottom:40px;
}

.champ-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:18px 42px;
    background:#F5BA07;
    color:#031A45;
    text-decoration:none;
    border-radius:50px;
    font-weight:700;
    transition:.3s;
}

.champ-btn:hover{
    transform:translateY(-4px);
    background:#ffffff;
}

/* ==========================
   TABLET
========================== */

@media (max-width:1024px){

    .champ-slider{
        height:80vh;
        min-height:650px;
        background-position:center center;
    }

    .champ-slider-content{
        padding:0 7%;
    }

    .champ-slider-content h1{
        font-size:58px;
        line-height:1.1;
        max-width:650px;
    }

    .champ-slider-content p{
        max-width:550px;
        font-size:20px;
    }

}


/* ==========================
   CELULAR
========================== */

@media (max-width:767px){

    .champ-slider{

        height:100vh;
        min-height:700px;

        background-position:center center;

    }

    .champ-overlay{

        background:rgba(3,26,69,.82);

    }

    .champ-slider-content{

        padding:0 30px;

    }

    .champ-slider-content h5{

        font-size:15px;

    }

    .champ-slider-content h1{

        font-size:42px;
        line-height:1.15;

    }

    .champ-slider-content p{

        font-size:18px;
        line-height:1.6;

    }

    .champ-btn{

        width:220px;

    }

}

.champ-btn-wrapper{
    margin-top:30px;
}

.champ-slider-content[style*="center"] .champ-btn-wrapper{
    text-align:center;
}

.champ-slider-content[style*="right"] .champ-btn-wrapper{
    text-align:right;
}

/* IZQUIERDA */

.champ-slider-content.align-left{

    align-items:flex-start;
    text-align:left;

}

/* CENTRO */

.champ-slider-content.align-center{

    align-items:center;
    text-align:center;

}

/* DERECHA */

.champ-slider-content.align-right{

    align-items:flex-end;
    text-align:right;

}