/* =========================================================
   PASTORAIS
   ========================================================= */

.pastorais-page {
    background: #fff;
}


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

.pastorais-header {

    padding:
        55px 0 45px;

    text-align: center;

    background:
        #fdf3f6;

}


.pastorais-header .container {
    max-width: 900px;
}


.pastorais-kicker {

    display: inline-block;

    margin-bottom: 10px;

    padding:
        6px 14px;

    border-radius: 20px;

    background:
        #f3d7e1;

    color:
        #765263;

    font-size: .75rem;

    font-weight: 700;

    letter-spacing: .08em;

    text-transform: uppercase;

}


.pastorais-header h1 {

    margin:
        0 0 15px;

    color:
        #5a3b48;

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

    font-weight: 700;

}


.pastorais-header p {

    max-width: 700px;

    margin:
        0 auto;

    color:
        #765263;

    font-size: 1rem;

    line-height: 1.7;

}


/* =========================================================
   LISTAGEM
   ========================================================= */

.pastorais-list {

    padding:
        50px 0 70px;

}


/* =========================================================
   CARD
   ========================================================= */

.pastoral-card {

    height: 100%;

    display: flex;

    flex-direction: column;

    overflow: hidden;

    border:
        1px solid #f0dce3;

    border-radius: 14px;

    background:
        #ffffff;

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

    transition:
        transform .25s ease,
        box-shadow .25s ease;

}


.pastoral-card:hover {

    transform:
        translateY(-5px);

    box-shadow:
        0 10px 28px
        rgba(
            90,
            59,
            72,
            .14
        );

}


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

.pastoral-card-image {

    position: relative;

    width: 100%;

    aspect-ratio: 4 / 3;

    overflow: hidden;

    background:
        #f8e9ee;

}


.pastoral-card-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .35s ease;

}


.pastoral-card:hover
.pastoral-card-image img {

    transform:
        scale(1.04);

}


/* =========================================================
   PLACEHOLDER
   ========================================================= */

.pastoral-card-placeholder {

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    color:
        #d49aad;

}


.pastoral-card-placeholder i {

    font-size: 3rem;

}


/* =========================================================
   CORPO
   ========================================================= */

.pastoral-card-body {

    flex: 1;

    display: flex;

    flex-direction: column;

    padding:
        20px;

}


.pastoral-card-body h2 {

    margin:
        0 0 10px;

    color:
        #5a3b48;

    font-size:
        1.15rem;

    font-weight: 700;

    line-height: 1.3;

}


.pastoral-card-body p {

    display:
        -webkit-box;

    margin:
        0 0 20px;

    overflow: hidden;

    color:
        #765263;

    font-size:
        .90rem;

    line-height: 1.6;

    -webkit-box-orient:
        vertical;

    -webkit-line-clamp:
        3;

}


/* =========================================================
   BOTÃO
   ========================================================= */

.pastoral-card-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    width: fit-content;

    margin-top: auto;

    padding:
        9px 15px;

    border:
        1px solid #e3b5c5;

    border-radius: 8px;

    background:
        #f3d7e1;

    color:
        #684653;

    font-size:
        .85rem;

    font-weight: 700;

    text-decoration: none;

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

}


.pastoral-card-button:hover {

    background:
        #e3b5c5;

    color:
        #ffffff;

    transform:
        translateX(2px);

}


/* =========================================================
   SEM REGISTROS
   ========================================================= */

.pastorais-empty {

    max-width: 600px;

    margin:
        20px auto;

    padding:
        60px 30px;

    text-align: center;

    border:
        1px solid #f0dce3;

    border-radius: 14px;

    background:
        #fdf7f9;

}


.pastorais-empty i {

    display: block;

    margin-bottom: 15px;

    color:
        #d49aad;

    font-size: 3rem;

}


.pastorais-empty h2 {

    margin:
        0 0 10px;

    color:
        #5a3b48;

    font-size: 1.3rem;

}


.pastorais-empty p {

    margin: 0;

    color:
        #765263;

}


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

@media (max-width: 991.98px) {

    .pastorais-list {

        padding:
            40px 0 60px;

    }

}


@media (max-width: 575.98px) {

    .pastorais-header {

        padding:
            40px 20px 35px;

    }

    .pastorais-list {

        padding:
            35px 15px 50px;

    }

    .pastoral-card-body {

        padding:
            18px;

    }

}