/* ******************************************** */
/** COMPONENT: HINT
/* ******************************************** */

.c-hint{
    text-align: center;
    border-radius: 12px;
    padding: 34px 20px 36px;
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
}

.c-hint:not(.c-hint--placeholder){
    box-shadow: rgb(var(--color-skyblue-rgb)) 0px 0px 0px 1px;
}

.c-hint__image{
    width: 60px;
    aspect-ratio: 1/1;
    display: inline-block;
    margin-bottom: 15px;
}

.c-hint__title{
    color: var(--color-secondary);
    font-weight: 500;
    font-size: 1.8rem;
}

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

.c-hint__link{
    color: var(--color-primary);
    font-size: 1.5rem;
    margin-top: 1.7em;
}

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

@media (min-width: 980px) {

    .c-hint{
        padding: 40px 30px 42px;
    }

}

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

@media (min-width: 1400px) {

    .c-hint__title{
        font-size: 1.9rem;
    }

}