/* ******************************************** */
/** SCOPE
/* ******************************************** */

.c-blockquote{
    color: var(--color-lightest);
}

.c-blockquote__autor-img{
    position: relative;
    width: 65px;
    min-width: 65px;
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 50%;
    overflow: hidden;
}

.c-blockquote__text{
    font-size: clamp(2rem, 1.93vw, 2.7rem);
    line-height: 1.5;
}

.c-blockquote__autor{
    display: flex;
    margin-top: 40px;
    gap: 20px;
    align-items: center;
    justify-content: flex-end;
}

.c-blockquote__autor-data{
    font-size: clamp(1.6rem, 1.43vw, 2rem);
}

.c-blockquote__autor-data-name,
.c-blockquote__autor-data-job{
    display: block;
    white-space: nowrap;
}

.c-blockquote__autor-data-name{
    font-weight: 700;
    font-size: 1.2em;
}

.c-blockquote__autor-data-job{
    margin-top: 0.3em;
}

.c-blockquote__autor-line{
    height: 2px;
    opacity: .2;
    width: 100%;
    background-color: var(--color-lightest);
    margin-right: 10px;
}


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

@media (min-width: 768px) {

    .c-blockquote__text{
        width: 75%;
    }

    .c-blockquote__autor-line{
        margin-right: 20px;
    }
}


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

@media (min-width: 980px) {

}


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

@media (min-width: 1200px) {
    .c-blockquote__text{
        width: 75%;
        padding-left: 50px;
    }

    .c-blockquote__autor{
        padding: 0 50px;
    }

}
@media (min-width: 1200px) and (min-height: 790px){

    .c-blockquote{
        padding-top: calc(var(--section-y)*2);
        padding-bottom: calc(var(--section-y)*2);
    }

}


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

@media (min-width: 1400px) {
    .c-blockquote__autor-img{
        min-width: 75px;
    }

    .c-blockquote:before{
    }

}