/* ******************************************** */
/** About VISION
/* ******************************************** */

/* .c-hero__title.c-hero__title--about{
    font-size: 2.6rem;
} */

.c-about__title {
    margin-bottom: 0.6em;
    
    display: inline;
    font-weight: 200;
    border-bottom: 3px solid currentColor;
    font-family: var(--font-secondary);
    line-height: 1.2;
    font-size: 3.2rem;
}

.c-vision__img {
    width: 100%;
    margin-top: var(--section-y);
}

.c-vision__img-holder {
    position: relative;
    aspect-ratio: 578/434;
    width: 100%;
}

.c-vision__text {
    position: relative;
    color: var(--color-bgblue);
    font-size: clamp(1.8rem, 1.7vw, 2.4rem);
    line-height: 1.4;

    margin-top: 4rem;
}



@media (max-width: 767px) {

    .c-vision__blockquote {
        display: none;
    }

    /*.c-vision__blockquote{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: var(--color-yellow);
        font-size: 12.5em;
        z-index: -1;
        opacity: 0.1;
    }*/

}

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

@media (min-width: 768px) {

    /* .c-hero__title.c-hero__title--about{
        font-size: clamp(3.2rem,3.2vw,4.5rem);
    } */

    .c-vision {
        --info: 55%;
        --padding: 20px;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        margin: 0 calc(var(--padding)*-1);
    }

    .c-vision>* {
        padding: 0 var(--padding);
    }

    .c-vision__info {
        width: var(--info);
        z-index: 1;
    }

    .c-vision__blockquote {
        position: absolute;
        top: 0;
        left: -1.05em;
        color: #ff7701;
        font-size: 4em;
        opacity: 1;
    }

    .c-vision__img {
        margin-top: 0;
        width: calc(100% - var(--info));
    }

}

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

@media (min-width: 980px) {

    .c-vision__text {
        width: 90%;
    }

}

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

@media (min-width: 1200px) {

    .c-vision {
        --padding: 30px;
    }

    .c-vision__blockquote {
        left: -1.14em;
        font-size: 4.5em;
    }

}

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

@media (min-width: 1400px) {

    .c-vision {
        --padding: 35px;
    }

}