/* ─── CSS VARIABLES ─────────────────────────────────────────── */
:root {
  --branco: #fff;
  --azul-escuro: #102662;
  --azul: #377eff;
  --preto: #000;
  --roxo: #9c47ff;
  --roxo-escuro: #6b25c2;
}

/* ─── TOGGLE MOBILE / DESKTOP ──────────────────────────────── */
@media (min-width: 1200px) {
  .m-pj-banner,
  .m-pj-intro,
  .m-pj-apresentacao,
  .m-pj-blue,
  .m-pj-testemunho,
  .m-pj-videos,
  .m-pj-outros,
  .m-pj-cta { display: none !important; }
}
@media (max-width: 1199px) {
  .pj-banner-section,
  .pj-intro-section,
  .pj-apresentacao-section,
  .pj-blue-section,
  .pj-testemunho-section,
  .pj-videos-section,
  .pj-outros-section,
  .pj-cta-section { display: none !important; }
}
body { overflow-x: hidden; }

/* BANNER */
    .pj-banner-section{position:relative;width:1920px;height:464px;background:#fff;margin-top:-130px}
    .pj-banner-section::before,.pj-banner-section::after{content:'';position:absolute;top:0;width:24px;height:464px;background:#fff;z-index:2}
    .pj-banner-section::before{left:0}.pj-banner-section::after{right:0}
    .pj-banner{position:absolute;left:24px;top:24px;width:1872px;height:440px;overflow:hidden}
    .pj-banner-img-wrap{position:absolute;inset:0;overflow:hidden}
    .pj-banner-img{position:absolute;width:100%;height:595.78%;left:0;top:-184.59%;object-fit:cover;max-width:none}
    .pj-banner-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,var(--branco) 33%,var(--azul-escuro));mix-blend-mode:multiply;pointer-events:none}
    .pj-banner-title{position:absolute;left:136px;top:313px;font-family:'Syne',sans-serif;font-weight:600;font-size:72px;line-height:72px;color:var(--branco);white-space:nowrap}

    /* INTRO */
    .pj-intro-section{position:relative;width:1920px;height:444px}
    .pj-intro-text{position:absolute;left:319px;top:120px;width:519px;font-family:'Inter',sans-serif;font-weight:400;font-size:16px;line-height:24px;color:var(--preto)}
    .pj-intro-docs{position:absolute;left:1092px;top:120px;display:flex;flex-direction:column;gap:40px}
    .pj-doc-item{display:flex;gap:24px;align-items:center}
    .pj-doc-icon{width:80px;height:80px;object-fit:contain;flex-shrink:0}
    .pj-doc-info{display:flex;flex-direction:column;gap:24px}
    .pj-doc-title{font-family:'Syne',sans-serif;font-weight:600;font-size:24px;line-height:32px;color:var(--azul)}
    .pj-doc-link{font-family:'DM Sans',sans-serif;font-weight:400;font-size:16px;color:var(--azul-escuro)}

    /* APRESENTACAO (imagem esq + texto dir) */
    .pj-apresentacao-section{position:relative;width:1920px;height:840px}
    .pj-apresentacao-inner{position:absolute;left:25px;top:0;width:1735px;height:640px}
    .pj-apresentacao-img-wrap{position:absolute;left:0;top:0;width:960px;height:640px;overflow:hidden}
    .pj-apresentacao-img-mask{width:100%;height:100%;clip-path:polygon(0% 50%,0% 0%,100% 12.5%,91.67% 87.5%,0% 100%)}
    .pj-apresentacao-foto{width:100%;height:100%;object-fit:cover}
    .pj-apresentacao-title{position:absolute;left:1086px;top:68px;width:636px;font-family:'Syne',sans-serif;font-weight:600;font-size:64px;line-height:72px;color:var(--azul-escuro)}
    .pj-apresentacao-text{position:absolute;left:1246px;top:262px;width:489px;font-family:'Inter',sans-serif;font-weight:400;font-size:16px;line-height:24px;color:var(--preto)}
    .pj-apresentacao-btn{position:absolute;left:1246px;top:506px}

    /* BLOCO AZUL (video + texto) */
    .pj-blue-section{position:relative;width:1920px;height:1080px}
    .pj-blue-block{position:absolute;left:25px;top:0;width:1870px;height:880px;background:var(--azul);overflow:hidden}
    .pj-blue-title{position:absolute;left:135px;top:208px;width:600px;font-family:'Syne',sans-serif;font-weight:600;font-size:64px;line-height:72px;color:var(--branco)}
    .pj-blue-arrows{position:absolute;left:135px;top:388px;display:flex;gap:40px;align-items:center}
    .pj-seta{width:34px;height:26px;display:block}
    .pj-seta-prev{transform:scaleX(-1);opacity:0.5}
    .pj-blue-text{position:absolute;left:295px;top:468px;width:400px;font-family:'Inter',sans-serif;font-weight:400;font-size:16px;line-height:24px;color:var(--branco)}
    .pj-blue-video{position:absolute;right:135px;top:120px;width:880px;height:640px;overflow:visible}
    .pj-blue-video-img{width:100%;height:100%;object-fit:cover}
    .pj-blue-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px}

    /* TESTEMUNHO (imagem esq + conteudo dir) */
    .pj-testemunho-section{position:relative;width:1920px;height:840px}
    .pj-testemunho-inner{position:absolute;left:160px;top:0;width:1600px;height:640px}
    .pj-testemunho-img{position:absolute;left:0;top:0;width:880px;height:640px;object-fit:cover}
    .pj-testemunho-title{position:absolute;right:0;top:61px;width:600px;font-family:'Syne',sans-serif;font-weight:600;font-size:64px;line-height:72px;color:var(--azul-escuro)}
    .pj-testemunho-text{position:absolute;right:160px;top:255px;width:440px;font-family:'Inter',sans-serif;font-weight:400;font-size:16px;line-height:24px;color:var(--preto)}
    .pj-testemunho-doc{position:absolute;right:324px;top:499px;display:flex;gap:24px;align-items:center}

    /* BLOCO VIDEOS AZUL */
    .pj-videos-section{position:relative;width:1920px;height:1040px}
    .pj-videos-block{position:absolute;left:120px;top:0;width:1680px;height:840px;background:var(--azul);overflow:hidden}
    .pj-videos-header{position:absolute;left:200px;top:160px;width:1280px;display:flex;align-items:flex-end;justify-content:space-between}
    .pj-videos-title-wrap{display:flex;flex-direction:column;gap:40px}
    .pj-videos-title{font-family:'Syne',sans-serif;font-weight:600;font-size:64px;line-height:74px;color:var(--branco);width:650px}
    .pj-videos-arrows{display:flex;align-items:center;gap:40px}
    .pj-videos-text{font-family:'Inter',sans-serif;font-weight:400;font-size:16px;line-height:24px;color:var(--branco);width:440px}
    .pj-videos-grid{position:absolute;left:200px;top:422px;display:flex;gap:40px}
    .pj-video-card{position:relative;width:400px;height:225px;overflow:hidden;cursor:pointer}
    .pj-video-thumb{width:100%;height:100%;object-fit:cover}
    .pj-video-overlay{position:absolute;inset:0;background:rgba(16,38,98,0.5);mix-blend-mode:multiply}
    .pj-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px}

    /* OUTROS PROJETOS */
    .pj-outros-section{position:relative;width:1920px;padding:120px 0 200px}
    .pj-outros-header{width:1280px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px}
    .pj-outros-title{font-family:'Syne',sans-serif;font-weight:600;font-size:64px;line-height:74px;color:var(--azul-escuro);width:681px}
    .pj-outros-arrows{display:flex;align-items:center;gap:40px}
    .pj-outros-grid{width:1280px;margin:0 auto;display:flex;gap:40px}
    .pj-card{position:relative;width:400px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;cursor:pointer;text-decoration:none;color:inherit}
    .pj-card-img{width:400px;height:240px;object-fit:cover;display:block}
    .pj-card-caption{position:relative;width:400px;height:76px;overflow:hidden}
    .pj-card-caption-bg{position:absolute;left:0;top:0;width:328px;height:76px;background:var(--azul);clip-path:polygon(0 47%,12.5% 0,100% 0,100% 100%,0 100%);transform:scaleY(-1) scaleX(-1)}
    .pj-card-caption-text{position:absolute;bottom:14px;left:20px;width:280px;font-family:'Inter',sans-serif;font-weight:400;font-size:14px;line-height:20px;color:var(--branco)}
    .pj-card-arrow{position:absolute;right:15px;bottom:15px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transform:rotate(-45deg)}
    .pj-card-arrow-icon{width:32px;height:24px}

    /* CTA */
    .pj-cta-section{position:relative;width:1920px;height:760px}
    .pj-cta-inner{position:absolute;left:160px;top:0;width:1736px;height:560px}
    .pj-cta-title{position:absolute;left:0;top:80px;width:536px;font-family:'Syne',sans-serif;font-weight:600;font-size:64px;line-height:72px;color:var(--azul-escuro)}
    .pj-cta-text{position:absolute;left:160px;top:274px;width:376px;font-family:'Inter',sans-serif;font-weight:400;font-size:16px;line-height:24px;color:var(--preto)}
    .pj-cta-btn{position:absolute;left:160px;top:374px}
    .pj-cta-image{position:absolute;left:536px;top:0;width:1200px;height:560px;object-fit:cover}
  
    /* -- MOBILE MODELO PROJETO -- */
    .m-pj-banner{position:relative;width:calc(100% - 32px);max-width:368px;height:320px;margin:0 auto;overflow:hidden}
    .m-pj-banner-img-wrap{position:absolute;inset:0}
    .m-pj-banner-img{width:100%;height:100%;object-fit:cover}
    .m-pj-banner-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,var(--azul-escuro) 0%,transparent 40%,var(--azul-escuro) 100%);mix-blend-mode:multiply;pointer-events:none}
    .m-pj-banner-title{position:absolute;bottom:28px;left:24px;right:16px;font-family:'Syne',sans-serif;font-weight:600;font-size:36px;line-height:38px;color:var(--branco);text-shadow:0 2px 12px rgba(0,0,0,0.35)}
    .m-pj-intro{padding:32px 16px;display:flex;flex-direction:column;gap:16px}
    .m-pj-docs{display:flex;flex-direction:column;gap:24px;margin-top:8px}
    .m-pj-doc-item{display:flex;gap:16px;align-items:center}
    .m-pj-doc-icon{width:48px;height:48px;object-fit:contain;flex-shrink:0}
    .m-pj-doc-info{display:flex;flex-direction:column;gap:8px}
    .m-pj-doc-title{font-family:'Syne',sans-serif;font-weight:600;font-size:18px;line-height:24px;color:var(--azul)}
    .m-pj-apresentacao{padding:32px 16px;display:flex;flex-direction:column;gap:16px}
    .m-pj-apresentacao-img-clip{width:100%;max-width:368px;height:220px;overflow:hidden;clip-path:polygon(0% 50%,0% 0%,100% 12.5%,92% 87.5%,0% 100%)}
    .m-pj-apresentacao-img-clip img{width:100%;height:130%;object-fit:cover;object-position:center 35%}
    .m-pj-blue{padding:32px 16px;background:var(--azul);display:flex;flex-direction:column;gap:16px}
    .m-pj-blue-video{position:relative;width:100%;height:220px;overflow:hidden}
    .m-pj-blue-video-img{width:100%;height:100%;object-fit:cover}
    .m-pj-blue-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px}
    .m-pj-testemunho{padding:32px 16px;display:flex;flex-direction:column;gap:16px}
    .m-pj-testemunho-img-clip{width:100%;height:220px;overflow:hidden;clip-path:polygon(0% 50%,0% 0%,100% 12.5%,92% 87.5%,0% 100%)}
    .m-pj-testemunho-img-clip img{width:100%;height:130%;object-fit:cover;object-position:center 35%}
    .m-pj-videos{padding:32px 16px;background:var(--azul);display:flex;flex-direction:column;gap:16px}
    .m-pj-videos-grid{display:flex;flex-direction:column;gap:16px}
    .m-pj-video-card{position:relative;width:100%;height:200px;overflow:hidden}
    .m-pj-video-thumb{width:100%;height:100%;object-fit:cover}
    .m-pj-video-overlay{position:absolute;inset:0;background:rgba(16,38,98,0.5);mix-blend-mode:multiply}
    .m-pj-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px}
    .m-pj-outros{padding:32px 16px;display:flex;flex-direction:column;gap:24px}
    .m-pj-outros-grid{display:flex;flex-direction:column;gap:24px}
    .m-pj-cta{padding:32px 16px;display:flex;flex-direction:column;gap:16px}
    .m-pj-cta-img-clip{width:100%;height:200px;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,0 85%)}
    .m-pj-cta-img-clip img{width:100%;height:130%;object-fit:cover;object-position:center 35%}