/* ******************************************** */
/** BANNER
/* ******************************************** */

.c-banner{
    position: relative;
}

.c-banner__image{
    position: absolute;
    top: 0;
    left: var(--space-x);
    right: var(--space-x);
    bottom: 0;
    z-index: -1;
}

.c-banner_info{
    --padding-y: 55px;
    background-color: rgb(var(--color-darkest-rgb)/80%);
    padding: var(--padding-y) calc(var(--space-x)*1.6) calc(var(--padding-y) - 8px);
}

.c-banner__kicker{
    font-size: clamp(1.6rem,1.71vw,2.4rem);
}

.c-banner__title{
    font-size: clamp(3rem, 4.3vw, 6.4rem);
    font-weight: 200;
    font-family: var(--font-tertiary);
}

/* .c-banner__title:before{
    content: "";
    display: block;
    position: absolute;
    left: -12px;
    height: 100%;
    width: 3px;
    background: url(../../images/static/banner-title-line.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
} */

.c-banner__text{
    margin-top: 1.2em;
}

.c-banner__link{
    margin-top: 1.6em;
    font-size: 1.8rem;
    color: var(--color-lightest);
}



/* ********************** de Mobile a TABLET ********************** */

@media (min-width: 768px) {
    
    .c-banner_info{
        width: 65vw;
        max-width: 815px;
    }
    
    .c-banner__title{
        max-width: 80%;
    }
    
    .c-banner__text{
        max-width: 90%;
    }
            
}


/* ********************** de Tablet a DESKTOP ********************** */

@media (min-width: 980px) {
    .c-banner_info{
        --padding-y: 70px;
    }
}



/* ********************** de Desktop a DESKTOP 2 ********************** */

@media (min-width: 1200px) {
    
    .c-banner_info{
        --padding-y: 90px;
    }
    
    /* .c-banner__title:before{
        left: -18px;
    } */

    .c-banner__text{
        font-size: 1.6rem;
    }

    .c-banner__link{
        font-size: 2rem;
    }
}

@media (min-width: 1200px) and (min-height: 790px){
    .c-banner_info{
        --padding-y: 115px;
    }
}



/* ********************** de Desktop 2 a HD ********************** */

@media (min-width: 1400px) {
    
    .c-banner__text{
        font-size: 1.7rem;
    }

    .c-banner__link{
        font-size: 2.4rem;
    }
}