/* =========================================================
   PARÓQUIA
   ========================================================= */

.paroquia-page {
    background: #ffffff;
}


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

.paroquia-header {
    padding: 55px 0 45px;

    text-align: center;

    background: #fdf3f6;

    border-bottom: 1px solid #f0dce3;
}

.paroquia-header .container {
    max-width: 850px;
}

.paroquia-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;
}

.paroquia-header h1 {
    margin: 0 0 15px;

    color: #5a3b48;

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

    font-weight: 700;
}

.paroquia-header p {
    margin: 0;

    color: #765263;

    line-height: 1.7;
}


/* =========================================================
   HISTÓRIA
   ========================================================= */

.paroquia-historia {
    padding: 70px 0;
}

.paroquia-imagem {
    overflow: hidden;

    border-radius: 18px;

    border: 1px solid #f0dce3;

    background: #fdf7f9;
}

.paroquia-imagem img {
    width: 100%;

    display: block;

    object-fit: cover;
}

.paroquia-historia h2 {
    margin: 0 0 20px;

    color: #5a3b48;

    font-size: 1.8rem;
}

.paroquia-historia p {
    color: #765263;

    line-height: 1.8;
}


/* =========================================================
   MISSÃO
   ========================================================= */

.paroquia-missao {
    padding: 0 0 70px;
}

.paroquia-missao-box {
    display: flex;

    align-items: flex-start;

    gap: 20px;

    padding: 35px;

    border: 1px solid #e9c8d4;

    border-radius: 18px;

    background: #fdf3f6;
}

.paroquia-missao-icon {
    width: 55px;
    height: 55px;

    flex: 0 0 55px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 14px;

    background: #f3d7e1;

    color: #b76d85;

    font-size: 1.4rem;
}

.paroquia-missao h2 {
    margin: 0 0 10px;

    color: #5a3b48;

    font-size: 1.5rem;
}

.paroquia-missao p {
    max-width: 800px;

    margin: 0;

    color: #765263;

    line-height: 1.8;
}


/* =========================================================
   VIDA DA PARÓQUIA
   ========================================================= */

.paroquia-vida {
    padding: 0 0 70px;
}

.paroquia-vida h2 {
    margin: 0 0 10px;

    color: #5a3b48;

    font-size: 1.8rem;
}

.paroquia-vida .text-center p {
    color: #765263;

    margin: 0;
}


/* =========================================================
   CARDS
   ========================================================= */

.paroquia-card {
    height: 100%;

    padding: 28px;

    border: 1px solid #f0dce3;

    border-radius: 16px;

    background: #ffffff;

    box-shadow:
        0 6px 20px
        rgba(90, 59, 72, .05);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.paroquia-card:hover {
    transform: translateY(-4px);

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

.paroquia-card-icon {
    width: 50px;
    height: 50px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 18px;

    border-radius: 13px;

    background: #f3d7e1;

    color: #b76d85;

    font-size: 1.3rem;
}

.paroquia-card h3 {
    margin: 0 0 10px;

    color: #5a3b48;

    font-size: 1.15rem;
}

.paroquia-card p {
    margin: 0 0 18px;

    color: #765263;

    font-size: .92rem;

    line-height: 1.7;
}

.paroquia-card-link {
    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: #b76d85;

    font-size: .88rem;

    font-weight: 700;

    text-decoration: none;
}

.paroquia-card-link:hover {
    color: #8e5268;
}


/* =========================================================
   HORÁRIOS
   ========================================================= */

.paroquia-horarios {
    padding: 0 0 70px;
}

.paroquia-horarios-box {
    display: flex;

    gap: 20px;

    padding: 30px;

    border: 1px solid #f0dce3;

    border-radius: 18px;

    background: #fdf7f9;
}

.paroquia-horarios-icon {
    width: 52px;
    height: 52px;

    flex: 0 0 52px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 13px;

    background: #f3d7e1;

    color: #b76d85;

    font-size: 1.3rem;
}

.paroquia-horarios h2 {
    margin: 0 0 20px;

    color: #5a3b48;

    font-size: 1.4rem;
}

.paroquia-horario-item {
    display: flex;

    flex-wrap: wrap;

    gap: 8px 20px;

    margin-bottom: 12px;

    color: #765263;
}

.paroquia-horario-item strong {
    min-width: 180px;

    color: #5a3b48;
}


/* =========================================================
   CONTATO
   ========================================================= */

.paroquia-contato {
    padding: 0 0 70px;
}

.paroquia-contato-box {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    padding: 35px;

    border-radius: 18px;

    background: #fdf3f6;

    border: 1px solid #e9c8d4;
}

.paroquia-contato-box h2 {
    margin: 0 0 10px;

    color: #5a3b48;

    font-size: 1.5rem;
}

.paroquia-contato-box p {
    max-width: 700px;

    margin: 0;

    color: #765263;

    line-height: 1.7;
}


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

.paroquia-button {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 11px 20px;

    border-radius: 9px;

    background: #d49aad;

    color: #ffffff;

    font-size: .9rem;

    font-weight: 700;

    text-decoration: none;

    white-space: nowrap;

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

.paroquia-button:hover {
    background: #b76d85;

    color: #ffffff;

    transform: translateY(-2px);
}


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

@media (max-width: 767.98px) {

    .paroquia-header {
        padding: 40px 15px 35px;
    }

    .paroquia-historia {
        padding: 45px 15px;
    }

    .paroquia-missao,
    .paroquia-vida,
    .paroquia-horarios,
    .paroquia-contato {
        padding-left: 15px;
        padding-right: 15px;
    }

    .paroquia-missao-box,
    .paroquia-horarios-box {
        padding: 22px;
    }

    .paroquia-contato-box {
        align-items: flex-start;

        flex-direction: column;

        padding: 25px;
    }

}


@media (max-width: 575.98px) {

    .paroquia-missao-box,
    .paroquia-horarios-box {
        flex-direction: column;
    }

    .paroquia-horario-item {
        display: block;
    }

    .paroquia-horario-item strong,
    .paroquia-horario-item span {
        display: block;

        margin-bottom: 4px;
    }

}
.paroquia-historia-text {
    color: #765263;
    line-height: 1.8;
}

.paroquia-historia-text p {
    margin-bottom: 1rem;
}

.paroquia-historia-text h3 {
    margin-top: 1.8rem;
    margin-bottom: .8rem;

    color: #5a3b48;

    font-size: 1.25rem;
    font-weight: 700;
}

.paroquia-historia-text strong {
    color: #5a3b48;
}

.paroquia-historia-text a {
    color: #b76d85;
}

.paroquia-historia-text img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}
.paroquia-imagem {
    overflow: hidden;

    border-radius: 18px;

    border: 1px solid #f0dce3;

    background: #fdf7f9;

    margin-top: 0;
}

.paroquia-imagem img {
    width: 100%;

    display: block;

    height: auto;

    object-fit: cover;
}