/* =========================================================
   PASTORAL - PÁGINA INDIVIDUAL
   ========================================================= */

.pastoral-page {

    background:
        #ffffff;

    min-height:
        70vh;

}


/* =========================================================
   CABEÇALHO
   ========================================================= */

.pastoral-header {

    padding:
        20px 0;

    background:
        #fdf3f6;

    border-bottom:
        1px solid #f0dce3;

}


.pastoral-back {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

    color:
        #765263;

    font-size:
        .9rem;

    font-weight:
        600;

    text-decoration:
        none;

    transition:
        color .2s ease;

}


.pastoral-back:hover {

    color:
        #c8849b;

}


/* =========================================================
   CONTEÚDO
   ========================================================= */

.pastoral-content {

    padding:
        60px 0 70px;

}


/* =========================================================
   IMAGEM
   ========================================================= */

.pastoral-image {

    width:
        100%;

    overflow:
        hidden;

    border:
        1px solid #f0dce3;

    border-radius:
        16px;

    background:
        #fdf3f6;

    box-shadow:
        0 8px 25px
        rgba(
            90,
            59,
            72,
            .08
        );

}


.pastoral-image img {

    width:
        100%;

    height:
        auto;

    min-height:
        300px;

    display:
        block;

    object-fit:
        cover;

}


.pastoral-image-placeholder {

    min-height:
        350px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #d49aad;

}


.pastoral-image-placeholder i {

    font-size:
        5rem;

}


/* =========================================================
   TEXTO
   ========================================================= */

.pastoral-text {

    padding:
        5px 0;

}


.pastoral-kicker {

    display:
        inline-block;

    margin-bottom:
        12px;

    padding:
        6px 14px;

    border-radius:
        20px;

    background:
        #f3d7e1;

    color:
        #765263;

    font-size:
        .75rem;

    font-weight:
        700;

    letter-spacing:
        .08em;

    text-transform:
        uppercase;

}


.pastoral-text h1 {

    margin:
        0 0 25px;

    color:
        #5a3b48;

    font-size:
        clamp(
            2rem,
            4vw,
            3rem
        );

    font-weight:
        700;

    line-height:
        1.15;

}


/* =========================================================
   DESCRIÇÃO
   ========================================================= */

.pastoral-description {

    color:
        #765263;

    font-size:
        1rem;

    line-height:
        1.8;

}


/* =========================================================
   LINK EXTERNO
   ========================================================= */

.pastoral-external-link {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

    margin-top:
        30px;

    padding:
        11px 18px;

    border:
        1px solid #e3b5c5;

    border-radius:
        9px;

    background:
        #f3d7e1;

    color:
        #684653;

    font-size:
        .9rem;

    font-weight:
        700;

    text-decoration:
        none;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;

}


.pastoral-external-link:hover {

    background:
        #e3b5c5;

    color:
        #ffffff;

    transform:
        translateY(-2px);

}


/* =========================================================
   RODAPÉ DA PÁGINA
   ========================================================= */

.pastoral-footer {

    padding:
        0 0 60px;

}


.pastoral-back-button {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

    color:
        #765263;

    font-size:
        .9rem;

    font-weight:
        600;

    text-decoration:
        none;

}


.pastoral-back-button:hover {

    color:
        #c8849b;

}


/* =========================================================
   RESPONSIVO
   ========================================================= */

@media (max-width: 991.98px) {

    .pastoral-content {

        padding:
            45px 0 55px;

    }

    .pastoral-image img {

        min-height:
            250px;

    }

}


@media (max-width: 575.98px) {

    .pastoral-header {

        padding:
            16px 15px;

    }

    .pastoral-content {

        padding:
            35px 15px 45px;

    }

    .pastoral-text h1 {

        font-size:
            2rem;

    }

    .pastoral-description {

        font-size:
            .95rem;

        line-height:
            1.7;

    }

}