/* QUERO PARTICIPAR V2 */
.qp{--navy:#123b68;--navy2:#0d3158;--gold:#b98328;--gold2:#d49b35;--ink:#173b67;--text:#5c6878;--cream:#f6f1e8;color:var(--ink);background:#fff}
.qp *{box-sizing:border-box}.qp a{color:inherit}.qp-kicker,.qp-card-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:var(--gold);margin:0 0 10px}
.qp-breadcrumb{height:54px;display:flex;align-items:center;gap:9px;font-size:13px}.qp-breadcrumb a{text-decoration:none;font-weight:700}.qp-breadcrumb span{color:#8490a0}

/* HERO: photo file optional. Put it at /assets/images/quero-participar/hero.webp */
.qp-hero{background:linear-gradient(90deg,#0b3159 0%,#123f6d 55%,#32627c 100%);color:#fff;overflow:hidden}
.qp-hero-inner{min-height:350px;display:grid;grid-template-columns:1fr 1.15fr;padding:0!important;max-width:none!important}
.qp-hero-copy{padding:58px max(28px,calc((100vw - 1200px)/2)) 54px max(28px,calc((100vw - 1200px)/2));padding-right:50px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#0b3159 0%,#123f6d 100%)}
.qp-hero .qp-kicker{color:#e2b85e}.qp-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:54px;line-height:1.02;margin:0 0 22px;max-width:610px}.qp-hero-copy>p:last-child{font-size:16px;line-height:1.6;margin:0;max-width:590px;color:rgba(255,255,255,.94)}
.qp-hero-photo{background-image:linear-gradient(90deg,rgba(18,63,109,.55),rgba(18,63,109,0) 30%),url('/assets/images/quero-participar/hero.webp');background-size:cover;background-position:center;min-height:350px}

/* INTRO + CARDS */
.qp-paths{padding-top:42px;padding-bottom:50px}.qp-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:28px}.qp-intro h2,.qp-belong h2,.qp-contact h2,.qp-community h2{font-family:Georgia,"Times New Roman",serif;color:var(--ink)}
.qp-intro h2{font-size:38px;line-height:1.12;margin:0}.qp-intro>p{font-size:16px;line-height:1.65;color:var(--text);margin:0}
.qp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.qp-card{border:1px solid #dfe4ea;border-radius:10px;padding:27px 25px;display:grid;grid-template-columns:62px 1fr;gap:18px;min-height:250px;background:#fff;box-shadow:0 8px 24px rgba(24,52,84,.025)}.qp-card-featured{background:#faf7f1;border-color:#ead9b8}
.qp-icon{width:58px;height:58px;color:#ca8d27}.qp-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.qp-card-kicker{margin:2px 0 7px}.qp-card h3{font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1.1;margin:0 0 12px;color:var(--ink)}.qp-card p:not(.qp-card-kicker){font-size:14px;line-height:1.55;color:var(--text);margin:0 0 16px}.qp-card a,.qp-community a{font-size:14px;font-weight:800;text-decoration:none}.qp-card a span,.qp-community a span{color:var(--gold)}.qp-card a:hover,.qp-community a:hover{text-decoration:underline}

/* BELONGING */
.qp-belong{background:var(--cream);overflow:hidden}.qp-belong-inner{min-height:250px;display:grid;grid-template-columns:48px minmax(0,1fr) minmax(390px,.95fr);gap:18px;align-items:center;padding-top:0!important;padding-bottom:0!important}.qp-quote{font-family:Georgia,"Times New Roman",serif;font-size:72px;line-height:.7;color:#c8943b;align-self:start;margin-top:54px}.qp-belong h2{font-size:36px;margin:0 0 12px}.qp-belong p:last-child{font-size:16px;line-height:1.6;color:var(--text);margin:0;max-width:650px}.qp-belong-photo{align-self:stretch;margin-right:calc((1200px - 100vw)/2);background:url('/assets/images/quero-participar/pertencer.webp') center/cover no-repeat;min-height:250px}

/* CONTACT */
.qp-contact{padding-top:48px;padding-bottom:48px;display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center}.qp-contact-copy h2{font-size:37px;margin:0 0 13px}.qp-contact-copy>p:last-child{font-size:16px;line-height:1.65;color:var(--text);max-width:500px;margin:0}
.qp-contact-box{background:linear-gradient(105deg,#0f3159,#0c4a7e);color:#fff;border-radius:10px;padding:30px 36px}.qp-contact-box h2{color:#fff;font-size:30px;margin:0 0 7px}.qp-contact-box>p{margin:0 0 19px;color:rgba(255,255,255,.88)}.qp-actions{display:flex;gap:10px;flex-wrap:wrap}.qp-action{min-height:48px;background:#fff;color:#163c68!important;border-radius:7px;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:800}.qp-action-primary{background:#e4ad49}.qp-action:hover{filter:brightness(.97)}

/* CLOSING */
.qp-community{background:#faf7f0;border-top:1px solid #eee7da}.qp-community-inner{min-height:170px;display:flex;align-items:center;justify-content:center;gap:28px;text-align:left}.qp-community-icon{width:75px;height:75px;color:#c98d2c;flex:0 0 75px}.qp-community-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.qp-community h2{font-size:35px;margin:0 0 13px}.qp-community .qp-kicker{margin-bottom:7px}

@media(max-width:1050px){
.qp-grid{grid-template-columns:1fr 1fr}.qp-hero-inner{grid-template-columns:1fr 1fr}.qp-hero h1{font-size:46px}.qp-belong-inner{grid-template-columns:40px 1fr}.qp-belong-photo{grid-column:1/-1;height:250px;margin:0 -24px}.qp-contact{grid-template-columns:1fr}.qp-contact-box{max-width:760px}
}
@media(max-width:760px){
.qp-breadcrumb{height:46px}.qp-hero-inner{grid-template-columns:1fr}.qp-hero-copy{padding:48px 24px}.qp-hero h1{font-size:41px}.qp-hero-photo{min-height:240px;background-position:center}.qp-intro{grid-template-columns:1fr;gap:16px}.qp-intro h2{font-size:33px}.qp-grid{grid-template-columns:1fr}.qp-card{min-height:0}.qp-belong-inner{display:grid;grid-template-columns:34px 1fr;padding-top:38px!important}.qp-quote{font-size:58px;margin-top:8px}.qp-belong h2{font-size:31px}.qp-belong-photo{grid-column:1/-1}.qp-contact{gap:28px}.qp-actions{display:grid}.qp-action{width:100%}.qp-community-inner{padding-top:38px!important;padding-bottom:38px!important;flex-direction:column;text-align:center}.qp-community h2{font-size:30px}
}
@media(max-width:480px){
.qp-hero h1{font-size:36px}.qp-card{grid-template-columns:48px 1fr;padding:22px 18px}.qp-icon{width:46px;height:46px}.qp-card h3{font-size:22px}.qp-contact-box{padding:26px 20px}
}


/* =========================================================
   V3 — AJUSTES FINAIS DE ENQUADRAMENTO
   ========================================================= */

/* Hero: mais espaço para o texto e fotografia menos centrada no sacerdote */
.qp-hero-inner{
    grid-template-columns:minmax(600px,1.08fr) minmax(0,.92fr);
}

.qp-hero-copy{
    padding-right:64px;
}

.qp-hero h1{
    max-width:690px;
    font-size:52px;
    line-height:1.04;
}

.qp-hero-photo{
    background-position:36% center;
}

/* A imagem "pertencer.webp" é agora apenas a fotografia das mãos */
.qp-belong-photo{
    background-position:center center;
}

@media(max-width:1050px){
    .qp-hero-inner{
        grid-template-columns:minmax(500px,1fr) minmax(0,1fr);
    }
    .qp-hero h1{
        font-size:46px;
    }
}

@media(max-width:760px){
    .qp-hero-inner{
        grid-template-columns:1fr;
    }
    .qp-hero h1{
        font-size:41px;
    }
    .qp-hero-photo{
        background-position:center center;
    }
}


/* =========================================================
   V4 — CORREÇÕES FINAIS
   ========================================================= */

/* Hero: título em duas linhas no desktop */
@media (min-width: 1051px) {
    .qp-hero-inner{
        grid-template-columns: 56% 44%;
    }

    .qp-hero-copy{
        padding-left: max(28px, calc((100vw - 1200px)/2));
        padding-right: 34px;
    }

    .qp-hero h1{
        font-size: 50px;
        line-height: 1.04;
        max-width: 760px;
        white-space: normal;
    }

    /* O <br> original passa a ser apenas a quebra desejada antes de "nesta comunidade" */
    .qp-hero h1 br{
        display:none;
    }

    .qp-hero h1::after{
        content:"";
    }

    .qp-hero-photo{
        background-position: 28% center;
    }
}

/* Fotografia "Participar é também pertencer":
   aproxima o enquadramento das mãos e elimina visualmente qualquer margem superior. */
.qp-belong-photo{
    background-size: cover;
    background-position: center 72%;
}

/* Em ecrãs médios mantém boa leitura sem forçar o título */
@media (min-width: 761px) and (max-width: 1050px){
    .qp-hero-inner{
        grid-template-columns: 54% 46%;
    }
    .qp-hero-copy{
        padding-right:30px;
    }
    .qp-hero h1{
        font-size:44px;
        max-width:620px;
    }
}


/* =========================================================
   V5 — FOTOGRAFIAS COMO <img>, SEM RECORTE POR BACKGROUND
   ========================================================= */

.qp-hero-inner{
    grid-template-columns:54% 46%;
    align-items:stretch;
}

.qp-hero-photo{
    background:none !important;
    min-width:0;
    min-height:0;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
}

.qp-hero-photo img{
    display:block;
    width:100%;
    height:auto;
    max-width:100%;
    object-fit:contain;
}

.qp-belong-photo{
    background:none !important;
    min-width:0;
    min-height:0;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
}

.qp-belong-photo img{
    display:block;
    width:100%;
    height:auto;
    max-width:100%;
    object-fit:contain;
}

@media (min-width:1051px){
    .qp-hero-inner{
        grid-template-columns:54% 46%;
    }

    .qp-hero-copy{
        padding-right:45px;
    }

    .qp-hero h1{
        font-size:50px;
        line-height:1.04;
        max-width:760px;
    }

    .qp-hero-photo img,
    .qp-belong-photo img{
        width:100%;
        height:auto;
        object-fit:contain;
    }
}

@media (min-width:761px) and (max-width:1050px){
    .qp-hero-inner{
        grid-template-columns:52% 48%;
    }

    .qp-hero h1{
        font-size:44px;
    }

    .qp-hero-photo img,
    .qp-belong-photo img{
        width:100%;
        height:auto;
        object-fit:contain;
    }
}

@media (max-width:760px){
    .qp-hero-inner{
        display:block;
    }

    .qp-hero-photo,
    .qp-belong-photo{
        width:100%;
        height:auto;
        margin:0;
    }

    .qp-hero-photo img,
    .qp-belong-photo img{
        display:block;
        width:100%;
        height:auto;
        object-fit:contain;
    }
}


/* =========================================================
   V6 — HERO IGUAL À LINGUAGEM DAS RESTANTES PÁGINAS
   ========================================================= */

.qp-hero{
    position:relative;
    overflow:hidden;
    color:#fff;
    background:
      linear-gradient(90deg,
        rgba(7,36,67,.94) 0%,
        rgba(9,43,77,.86) 35%,
        rgba(9,43,77,.54) 67%,
        rgba(9,43,77,.28) 100%
      ),
      url('/assets/images/quero-participar/hero.webp') center 47% / cover no-repeat;
}

.qp-hero-inner{
    display:flex !important;
    align-items:center;
    min-height:375px;
    padding-top:0 !important;
    padding-bottom:0 !important;
}

.qp-hero-copy{
    width:min(720px, 65%);
    padding:54px 0 !important;
    background:none !important;
}

.qp-hero .qp-kicker{
    color:#e1b35a;
    margin-bottom:13px;
}

.qp-hero h1{
    margin:0 0 20px;
    max-width:760px;
    white-space:normal;
    font-size:52px;
    line-height:1.05;
}

.qp-hero-copy>p:last-child{
    max-width:690px;
    margin:0;
    font-size:17px;
    line-height:1.65;
    color:rgba(255,255,255,.96);
}

/* A faixa secundária mantém texto + fotografia, com o mesmo princípio editorial */
.qp-belong-inner{
    min-height:250px;
    align-items:stretch;
}

.qp-belong-photo{
    background:none !important;
    overflow:hidden;
    min-height:250px;
    margin-right:calc((1200px - 100vw)/2);
}

.qp-belong-photo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 68%;
}

/* TABLET */
@media (max-width:1050px){
    .qp-hero{
        background-position:center center;
    }

    .qp-hero-inner{
        min-height:350px;
    }

    .qp-hero-copy{
        width:min(690px, 76%);
        padding:48px 0 !important;
    }

    .qp-hero h1{
        font-size:46px;
    }

    .qp-belong-photo{
        margin-right:-24px;
    }
}

/* TELEMÓVEL */
@media (max-width:760px){
    .qp-hero{
        background:
          linear-gradient(90deg,rgba(7,36,67,.90),rgba(9,43,77,.67)),
          url('/assets/images/quero-participar/hero.webp') center center / cover no-repeat;
    }

    .qp-hero-inner{
        display:flex !important;
        min-height:365px;
    }

    .qp-hero-copy{
        width:100%;
        padding:44px 0 !important;
    }

    .qp-hero h1{
        font-size:39px;
        line-height:1.06;
    }

    .qp-hero-copy>p:last-child{
        font-size:16px;
    }

    .qp-belong-photo{
        margin:0 -24px;
        min-height:230px;
        width:auto;
    }

    .qp-belong-photo img{
        height:230px;
        object-fit:cover;
        object-position:center 68%;
    }
}


/* =========================================================
   V7 — AFINAÇÃO FINAL
   ========================================================= */

/* Transição do azul para a fotografia mais suave */
.qp-hero{
    background:
      linear-gradient(90deg,
        rgba(7,36,67,.92) 0%,
        rgba(9,43,77,.82) 34%,
        rgba(9,43,77,.47) 62%,
        rgba(9,43,77,.18) 100%
      ),
      url('/assets/images/quero-participar/hero.webp') center 47% / cover no-repeat;
}

/* Nova fotografia limpa: apenas mãos */
.qp-belong-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
}


/* =========================================================
   V8 — NOVO HERO "COMUNIDADE / ACOLHIMENTO"
   ========================================================= */
.qp-hero{
    background:
      linear-gradient(90deg,
        rgba(7,36,67,.94) 0%,
        rgba(9,43,77,.84) 37%,
        rgba(9,43,77,.48) 66%,
        rgba(9,43,77,.16) 100%
      ),
      url('/assets/images/quero-participar/hero.webp') center center / cover no-repeat;
}

@media (max-width:760px){
    .qp-hero{
        background:
          linear-gradient(90deg,
            rgba(7,36,67,.92),
            rgba(9,43,77,.62)
          ),
          url('/assets/images/quero-participar/hero.webp') center center / cover no-repeat;
    }
}


/* =========================================================
   V9 — HERO FINAL, IMAGEM LIMPA SEM TEXTO INCORPORADO
   ========================================================= */

.qp-hero{
    background:
      linear-gradient(90deg,
        rgba(7,36,67,.94) 0%,
        rgba(9,43,77,.84) 36%,
        rgba(9,43,77,.47) 64%,
        rgba(9,43,77,.14) 100%
      ),
      url('/assets/images/quero-participar/hero.webp') center center / cover no-repeat;
}

@media (max-width:760px){
    .qp-hero{
        background:
          linear-gradient(90deg,
            rgba(7,36,67,.92) 0%,
            rgba(9,43,77,.72) 60%,
            rgba(9,43,77,.46) 100%
          ),
          url('/assets/images/quero-participar/hero.webp') 58% center / cover no-repeat;
    }
}