/* =========================================================
   HUMANAS JA / PATCH 6F.2
   LEGIBILIDADE + HIERARQUIA VISUAL
   ========================================================= */

/* -----------------------------------------
   REGRAS GERAIS DE CONTRASTE
   ----------------------------------------- */

.collection-card-content,
.collection-material-body,
.adapted-card-body,
.material-info-panel,
.preview-section,
.use-section,
.paired-material,
.related-heading,
.collection-detail-copy,
.collection-manifest-grid article,
.collections-heading,
.collection-materials-heading {

    color:
        #171717 !important;
}

.collection-card-content h3,
.collection-material-body h3,
.adapted-card-body h3,
.collection-detail-copy h1,
.collection-manifest-copy h2,
.collections-heading h2,
.collection-materials-heading h2 {

    color:
        #111111 !important;
}

.collection-card-content p,
.collection-material-body p,
.adapted-card-body p,
.collection-detail-copy > p,
.collection-manifest-grid article p,
.collections-heading p,
.collection-materials-heading p {

    color:
        #4f4a45 !important;
}

.collection-card-meta span,
.adapted-card-footer span,
.material-meta span,
.collection-detail-meta span {

    color:
        #6c655d !important;
}

.collection-card-link,
.collection-material-body a,
.adapted-card-footer a,
.collection-back-link {

    color:
        #4b3790 !important;
}


/* -----------------------------------------
   COLECOES - CARDS MAIS LEGIVEIS
   ----------------------------------------- */

.collection-card {

    background:
        #e8e2d7 !important;

    grid-template-columns:
        320px 1fr !important;

    min-height:
        400px !important;

    align-items:
        stretch !important;
}

.collection-card-image {

    min-height:
        400px !important;

    background:
        #d8d1c5 !important;
}

.collection-card-image img {

    object-position:
        center center !important;
}

.collection-card-content {

    background:
        #e8e2d7 !important;

    padding:
        28px 28px 24px !important;

    position:
        relative !important;

    z-index:
        2 !important;
}

.collection-card-content > span {

    color:
        #5a4698 !important;
}

.collection-card-content h3 {

    font-size:
        clamp(
            30px,
            2.8vw,
            40px
        ) !important;

    line-height:
        .95 !important;
}

.collection-card-content p {

    font-size:
        15px !important;

    line-height:
        1.55 !important;
}

.collection-card-meta {

    border-top:
        1px solid #cfc7ba !important;
}

.collection-card-link {

    margin-top:
        16px !important;
}


/* -----------------------------------------
   COLECOES - HERO / DETALHE
   ----------------------------------------- */

.collections-hero-badge strong {

    text-shadow:
        0 2px 8px rgba(0,0,0,.35) !important;
}

.collection-detail-copy h1 {

    max-width:
        720px !important;
}

.collection-detail-copy > p {

    font-size:
        16px !important;
}

.collection-detail-meta strong {

    color:
        #171717 !important;
}


/* -----------------------------------------
   ADAPTADAS - MAIS RESPIRO
   ----------------------------------------- */

.adapted-card-body h3 {

    font-size:
        23px !important;

    line-height:
        1.08 !important;
}

.adapted-card-body p {

    font-size:
        14px !important;

    line-height:
        1.58 !important;
}

.adapted-card-tags span {

    background:
        #ded7cb !important;

    color:
        #1d1d1d !important;
}

.adapted-pair-section {

    align-items:
        stretch !important;
}

.adapted-pair-photo {

    min-height:
        520px !important;

    background:
        #d7d1c8 !important;
}

.adapted-pair-photo img {

    width:
        100% !important;

    height:
        100% !important;

    object-fit:
        cover !important;

    object-position:
        center top !important;
}

.adapted-pair-copy {

    display:
        flex !important;

    flex-direction:
        column !important;

    justify-content:
        center !important;
}

.adapted-pair-copy h2 {

    font-size:
        clamp(
            42px,
            4vw,
            58px
        ) !important;

    line-height:
        .9 !important;
}


/* -----------------------------------------
   MATERIAL - EVITAR IMAGEM "POR CIMA"
   ----------------------------------------- */

.material-hero,
.material-layout,
.material-detail-hero {

    align-items:
        start !important;
}

.material-cover,
.material-hero-image,
.preview-image {

    overflow:
        hidden !important;
}

.material-cover img,
.material-hero-image img,
.preview-image img {

    object-fit:
        cover !important;

    object-position:
        center center !important;
}

.material-intro h1 {

    color:
        #111111 !important;
}

.material-intro p,
.material-info-panel p,
.preview-section p,
.use-section p {

    color:
        #4f4a45 !important;
}

.cover-overlay strong {

    text-shadow:
        0 2px 10px rgba(0,0,0,.38) !important;
}


/* -----------------------------------------
   RESPONSIVIDADE
   ----------------------------------------- */

@media (max-width: 1100px) {

    .collection-card {

        grid-template-columns:
            280px 1fr !important;
    }
}

@media (max-width: 900px) {

    .collection-card {

        grid-template-columns:
            1fr !important;
    }

    .collection-card-image {

        min-height:
            320px !important;
    }

    .collection-card-content {

        min-height:
            260px !important;
    }

    .adapted-pair-section {

        grid-template-columns:
            1fr !important;
    }

    .adapted-pair-photo {

        min-height:
            360px !important;
    }
}

@media (max-width: 780px) {

    .collection-card-content h3 {

        font-size:
            30px !important;
    }

    .collection-card-content p,
    .adapted-card-body p {

        font-size:
            14px !important;
    }

    .adapted-pair-copy h2 {

        font-size:
            48px !important;
    }
}

@media (max-width: 480px) {

    .collection-card-image {

        min-height:
            280px !important;
    }

    .adapted-pair-photo {

        min-height:
            300px !important;
    }

    .adapted-pair-copy h2 {

        font-size:
            42px !important;
    }
}