/* ─── MODAL VÍDEO ───────────────────────────────────────────── */
.pj-video-modal{display:none;position:fixed;inset:0;z-index:99999;align-items:center;justify-content:center}
.pj-video-modal.active{display:flex}
.pj-video-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.88)}
.pj-video-modal-content{position:relative;z-index:1;width:90%;max-width:960px}
.pj-video-modal-close{position:absolute;top:-44px;right:0;background:none;border:none;cursor:pointer;padding:8px;line-height:0}
.pj-video-modal-iframe-wrap{position:relative;padding-top:56.25%}
.pj-video-modal-iframe-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ─── 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-vaa,
  .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-vaa-section,
  .pj-outros-section,
  .pj-cta-section { display: none !important; }
}
body { overflow-x: hidden; }

/* BANNER */
    .pj-banner-section { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; height: clamp(300px, 24.1vw, 464px); background: #fff; overflow: hidden; }
    .pj-banner-section::before, .pj-banner-section::after { display: none; }
    .pj-banner { position: absolute; inset: 24px clamp(16px, 2vw, 24px) 0; overflow: hidden; height: auto; width: auto; }
    .pj-banner-img-wrap { position: absolute; inset: 0; overflow: hidden; }
    .pj-banner-img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; }
    .pj-banner-gradient { position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 33%, var(--azul-escuro)); mix-blend-mode: multiply; pointer-events: none; }
    .pj-banner-title { position: absolute; left: clamp(24px, 7vw, 136px); bottom: clamp(24px, 5vw, 64px); font-family: 'Syne', sans-serif; font-weight: 600; font-size: clamp(36px, 3.75vw, 72px); color: var(--branco); margin: 0; }

    /* INTRO */
    .pj-intro-section { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: clamp(40px, 10vw, 250px); padding: 0 24px; box-sizing: border-box; min-height: auto; }
    .pj-intro-text { width: 40%; max-width: 519px; font-family: 'Inter', sans-serif; font-weight: 400; color: var(--preto); position: relative; left: auto; top: auto; }
    .pj-intro-docs { display: flex; flex-direction: column; gap: 40px; position: relative; left: auto; top: auto; }
    .pj-doc-item { display: flex; gap: 24px; align-items: center; }
    .pj-doc-icon { width: clamp(56px, 4.17vw, 80px); height: clamp(56px, 4.17vw, 80px); object-fit: contain; flex-shrink: 0; }
    .pj-doc-info { display: flex; flex-direction: column; gap: clamp(12px, 1.25vw, 24px); }
    .pj-doc-title { font-family: 'Syne', sans-serif; font-weight: 600; font-size: clamp(18px, 1.25vw, 24px); color: var(--azul); }
    .pj-doc-link { font-family: 'DM Sans', sans-serif; font-weight: 400; font-size: 16px; color: var(--azul-escuro); text-decoration: none; }

    /* APRESENTACAO (imagem esq + texto dir) */
    .pj-apresentacao-section { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; min-height: auto; padding: 0 24px; box-sizing: border-box; display: flex; align-items: center; }
    .pj-apresentacao-inner { position: relative; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: clamp(40px, 5vw, 100px); min-height: clamp(400px, 33.3vw, 640px); left: auto; top: auto; }
    .pj-apresentacao-img-wrap { position: relative; width: 55%; max-width: 960px; height: clamp(400px, 33.3vw, 640px); left: auto; top: auto; overflow: hidden; flex-shrink: 0; }
    .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-content-wrap { display: flex; flex-direction: column; gap: clamp(24px, 2.5vw, 40px); align-items: flex-start; width: 45%; max-width: 636px; padding-right: clamp(16px, 2vw, 40px); }
    .pj-apresentacao-title { font-family: 'Syne', sans-serif; font-weight: 600; color: var(--azul-escuro); position: relative; left: auto; top: auto; width: 100%; margin: 0; }
    .pj-apresentacao-text { font-family: 'Inter', sans-serif; font-weight: 400; color: var(--preto); position: relative; left: auto; top: auto; width: 100%; }
    .pj-apresentacao-btn { position: relative; left: auto; top: auto; }

    /* BLOCO AZUL (video + texto) */
    .pj-blue-section { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; height: auto; display: flex; justify-content: center; padding: 0 24px; box-sizing: border-box; }
    .pj-blue-block { position: relative; width: 100%; background: var(--azul); overflow: hidden; display: flex; align-items: center; justify-content: space-between; padding: clamp(40px, 5vw, 120px) clamp(24px, 5vw, 135px); gap: clamp(40px, 5vw, 80px); left: auto; top: auto; height: auto; }
    .pj-blue-content-wrap { display: flex; flex-direction: column; gap: clamp(24px, 2.5vw, 40px); width: 50%; max-width: 760px; }
    .pj-blue-title { font-family: 'Syne', sans-serif; font-weight: 600; color: var(--branco); position: relative; left: auto; top: auto; width: 100%; margin: 0; }
    .pj-blue-text { font-family: 'Inter', sans-serif; font-weight: 400; color: var(--branco); position: relative; left: auto; top: auto; width: auto; margin-left: clamp(40px, 6vw, 120px); }
    .pj-blue-arrows { display: flex; gap: 40px; align-items: center; position: relative; left: auto; top: auto; }
    .pj-seta { width: 34px; height: 26px; display: block; }
    .pj-seta-prev { transform: scaleX(-1); opacity: 0.5; }
    .pj-blue-video { position: relative; width: 50%; max-width: 880px; height: clamp(320px, 33.3vw, 640px); clip-path: polygon(18.18% 12.5%, 100% 0%, 100% 100%, 0% 93.75%); overflow: hidden; right: auto; top: auto; flex-shrink: 0; }
    .pj-blue-video-img { width: 100%; height: 100%; object-fit: cover; }
    .pj-blue-video-overlay { position: absolute; inset: 0; background: rgba(16,38,98,0.75); mix-blend-mode: multiply; pointer-events: none; }
    .pj-blue-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: clamp(64px, 6vw, 120px); height: clamp(64px, 6vw, 120px); }

    /* TESTEMUNHO (imagem esq + conteudo dir) */
    .pj-testemunho-section { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; height: auto; padding: 0 24px; box-sizing: border-box; }
    .pj-testemunho-inner { position: relative; width: 100%; max-width: 1600px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: clamp(40px, 5vw, 80px); left: auto; top: auto; height: auto; }
    .pj-testemunho-img { position: relative; width: 55%; max-width: 880px; height: clamp(400px, 33.3vw, 640px); object-fit: cover; clip-path: polygon(0% 100%, 100% 93.75%, 81.82% 12.5%, 0% 0%); left: auto; top: auto; flex-shrink: 0; }
    .pj-testemunho-content-wrap { display: flex; flex-direction: column; gap: clamp(24px, 2.5vw, 40px); width: 45%; max-width: 600px; }
    .pj-testemunho-title { font-family: 'Syne', sans-serif; font-weight: 600; color: var(--azul-escuro); position: relative; left: auto; top: auto; right: auto; width: 100%; margin: 0; }
    .pj-testemunho-text { font-family: 'Inter', sans-serif; font-weight: 400; color: var(--preto); position: relative; left: auto; top: auto; right: auto; width: 100%; }
    .pj-testemunho-doc { display: flex; gap: 24px; align-items: center; position: relative; left: auto; top: auto; right: auto; }

    /* BLOCO VIDEOS AZUL */
    .pj-videos-section { display: none; /* Deferring to pj-vaa layout */ }

    /* OUTROS PROJETOS */
    .pj-outros-section { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; padding: 0; }
    .pj-outros-section .prj__body[data-astro-cid-stvbz3eq] { display: block !important; }
    .pj-outros-section .pj-outros-row-wrap { min-width: 0; }
    .pj-outros-header { width: 100%; max-width: 1280px; padding: 0 24px; margin: 0 auto 40px; display: flex; align-items: flex-end; justify-content: space-between; box-sizing: border-box; gap: 24px; }
    .pj-outros-title { font-family: 'Syne', sans-serif; font-weight: 600; color: var(--azul-escuro); width: 100%; max-width: 681px; margin: 0; }
    .pj-outros-arrows { display: flex; align-items: center; gap: 40px; }
    .pj-outros-row-wrap { width: 100%; padding: 0 24px; margin: 0 auto; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; box-sizing: border-box; }
    .pj-outros-row-wrap::-webkit-scrollbar { display: none; }
    .pj-outros-cards-row { display: flex; gap: 40px; width: max-content; }
    .d-arrow-btn { background: transparent; border: none; cursor: pointer; padding: 0; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 26px; color: #377EFF; transition: opacity 0.3s ease; }
    .d-arrow-btn svg { display: block; width: 34px; height: 26px; }
    .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: 100%; max-width: 1920px; margin: 0 auto; height: auto; overflow: hidden; padding-bottom: clamp(40px, 6vw, 80px); }
    .pj-cta-inner { position: relative; width: 100%; min-height: clamp(400px, 30vw, 560px); display: flex; flex-direction: column; padding: clamp(40px, 5vw, 80px) clamp(24px, 5vw, 160px); box-sizing: border-box; left: auto; top: auto; }
    .pj-cta-title { position: relative; width: 100%; max-width: 536px; margin: 0 0 24px 0; font-family: 'Syne', sans-serif; font-weight: 600; color: var(--azul-escuro); z-index: 2; }
    .pj-cta-text { position: relative; width: auto; max-width: 376px; margin: 0 0 32px clamp(40px, 6vw, 120px); font-family: 'Inter', sans-serif; font-weight: 400; color: var(--preto); z-index: 2; }
    .pj-cta-btn { position: relative; margin: 0 0 0 clamp(40px, 6vw, 120px); align-self: flex-start; z-index: 2; }
    .pj-cta-image { position: absolute; right: 24px; top: 0; width: clamp(500px, 60%, 1200px); height: 100%; object-fit: cover; clip-path: polygon(100% 100%, 0% 85.71%, 16.67% 14.29%, 100% 0%); -webkit-clip-path: polygon(100% 100%, 0% 85.71%, 16.67% 14.29%, 100% 0%); z-index: 1; left: auto; }

  
    /* -- MOBILE MODELO PROJETO -- */
    .m-pj-apresentacao .section-title, .m-pj-blue .section-title, .m-pj-testemunho .section-title, .m-pj-cta .section-title { font-family: 'Syne', sans-serif; font-weight: 600; font-size: 32px; line-height: 1.2; color: var(--azul-escuro); margin: 0; }
    .m-pj-blue .section-title { color: var(--branco); }
    .m-pj-banner{position:relative;width:calc(100% - 32px);max-width:1199px;height:clamp(320px, 40vw, 400px);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:1199px;height:clamp(220px, 40vw, 400px);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:clamp(220px, 40vw, 400px);overflow:hidden;clip-path:polygon(18.18% 12.5%,100% 0%,100% 100%,0% 93.75%)}
    .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:clamp(220px, 40vw, 400px);overflow:hidden;clip-path:polygon(0% 100%,100% 93.75%,81.82% 12.5%,0% 0%)}
    .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:clamp(200px, 40vw, 360px);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:16px}
    .m-pj-outros-header{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:24px}
    .m-pj-outros-header .prj__title{width:100%;max-width:100%;margin:0}
    .m-pj-outros-nav{display:flex;align-items:center;gap:20px}
    .m-pj-outros-nav-btn{width:44px;height:44px;padding:10px;background:transparent;border:none;cursor:pointer;color:#377EFF;display:inline-flex;align-items:center;justify-content:center;transition:opacity 0.3s ease}
    .m-pj-outros-nav-btn svg{width:24px;height:18px;display:block}
    .m-pj-outros .pj-outros-row-wrap{width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
    .m-pj-outros .pj-outros-row-wrap::-webkit-scrollbar{display:none}
    .m-pj-outros .pj-outros-cards-row{display:flex;flex-direction:row;gap:16px;width:max-content}
    .m-pj-outros .prj__card[data-astro-cid-stvbz3eq]{flex-shrink:0;width:clamp(260px,72vw,360px);scroll-snap-align:start}
    .m-pj-cta{padding:32px 16px;display:flex;flex-direction:column;gap:16px}
    .m-pj-cta-img-clip{width:100%;height:clamp(200px, 40vw, 360px);overflow:hidden;clip-path:polygon(100% 100%, 0% 85.71%, 16.67% 14.29%, 100% 0%);-webkit-clip-path:polygon(100% 100%, 0% 85.71%, 16.67% 14.29%, 100% 0%);}
    .m-pj-cta-img-clip img{width:100%;height:130%;object-fit:cover;object-position:center 35%}

/* ─── GALERIA DE VÍDEOS (pj-vaa) ─────────────────────────── */
.pj-vaa{position:relative;width:100%;background:var(--azul);overflow:hidden}
@media(min-width:1200px){
.pj-vaa{width:calc(100% - 240px);max-width:1680px;margin:0 auto;padding-top:160px;padding-bottom:193px}
.pj-vaa__inner{max-width:1280px;width:76.1905%;margin:0 auto;display:flex;flex-direction:column;gap:80px}
.pj-vaa__header{display:flex;align-items:flex-end;justify-content:space-between;width:100%;gap:80px}
.pj-vaa__heading{display:flex;flex-direction:column;align-items:flex-start;gap:40px}
.pj-vaa__title{margin:0;width:650px;font-family:'Syne',sans-serif;font-weight:600;font-size:64px;line-height:58px;color:#fff;overflow-wrap:anywhere}
.pj-vaa__nav{display:flex;align-items:center;gap:40px}
.pj-vaa__nav-btn{width:34px;height:26px;padding:0;background:transparent;border:none;cursor:pointer;color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease}
.pj-vaa__nav-btn:hover{opacity:.7}
.pj-vaa__nav-btn svg{width:100%;height:100%;display:block}
.pj-vaa__lorem{margin:0;width:440px;font-family:Inter,sans-serif;font-weight:400;font-size:16px;line-height:21px;color:#fff;overflow-wrap:anywhere}
.pj-vaa__row-wrap{width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.pj-vaa__row-wrap::-webkit-scrollbar{display:none}
.pj-vaa__row{display:flex;gap:40px;align-items:stretch;width:max-content}
.pj-vaa__card{position:relative;flex-shrink:0;width:400px;height:225px;padding:0;border:none;background:transparent;cursor:pointer;overflow:hidden}
.pj-vaa__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pj-vaa__overlay{position:absolute;inset:0;background:var(--azul-escuro);opacity:.5;mix-blend-mode:multiply;pointer-events:none;transition:opacity .24s ease}
.pj-vaa__play{position:absolute;left:50%;top:calc(50% + .5px);transform:translate(-50%,-50%);width:64px;height:64px;color:#fff;pointer-events:none;transition:transform .24s ease}
.pj-vaa__play svg{width:100%;height:100%;display:block}
.pj-vaa__card:hover .pj-vaa__overlay{opacity:.3}
.pj-vaa__card:hover .pj-vaa__play{transform:translate(-50%,-50%) scale(1.1)}
}
@media(min-width:1200px) and (max-width:1499px){
.pj-vaa{width:91.667%;max-width:1680px;margin:0 auto;padding-top:clamp(96px,calc(8.89vw - 10.67px),160px);padding-bottom:clamp(120px,calc(10.14vw - 1.69px),193px)}
.pj-vaa__inner{width:86%;gap:clamp(56px,calc(3.33vw + 16px),80px)}
.pj-vaa__title{width:clamp(440px,calc(29.17vw + 90px),650px);font-size:clamp(48px,calc(2.22vw + 21.33px),64px);line-height:clamp(46px,calc(1.67vw + 26px),58px)}
.pj-vaa__lorem{width:clamp(320px,calc(16.67vw + 120px),440px)}
.pj-vaa__card{width:clamp(300px,calc(13.89vw + 133.33px),400px);height:auto;aspect-ratio:400/225}
}
@media(max-width:1199px){
.pj-vaa{padding:clamp(48px,calc(4vw + 32px),96px) clamp(16px,calc(3.2vw + 3.2px),42px)}
.pj-vaa__inner{display:flex;flex-direction:column;gap:clamp(24px,calc(3.6vw + 9.58px),48px)}
.pj-vaa__header{display:flex;flex-direction:column;gap:clamp(16px,calc(2.38vw + 6.48px),32px)}
.pj-vaa__heading{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(16px,calc(2.38vw + 6.48px),32px)}
.pj-vaa__title{margin:0;font-family:'Syne',sans-serif;font-weight:600;font-size:clamp(28px,5vw,48px);line-height:1.2;color:#fff;overflow-wrap:anywhere}
.pj-vaa__nav{display:flex;align-items:center;gap:clamp(20px,calc(1.5vw + 14px),32px)}
.pj-vaa__nav-btn{width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;background:transparent;border:none;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.pj-vaa__nav-btn svg{width:100%;height:100%;display:block}
.pj-vaa__lorem{margin:0;font-family:Inter,sans-serif;font-weight:400;font-size:clamp(14px,2vw,16px);line-height:1.5;color:#fff}
.pj-vaa__row-wrap{width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pj-vaa__row-wrap::-webkit-scrollbar{display:none}
.pj-vaa__row{display:flex;gap:clamp(16px,calc(1.5vw + 10px),32px);align-items:stretch;width:max-content}
.pj-vaa__card{position:relative;flex-shrink:0;width:clamp(280px,72vw,480px);aspect-ratio:400/225;padding:0;border:none;background:transparent;cursor:pointer;overflow:hidden;scroll-snap-align:start}
.pj-vaa__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pj-vaa__overlay{position:absolute;inset:0;background:var(--azul-escuro);opacity:.5;mix-blend-mode:multiply;pointer-events:none}
.pj-vaa__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(48px,calc(2vw + 40px),72px);height:clamp(48px,calc(2vw + 40px),72px);color:#fff;pointer-events:none}
.pj-vaa__play svg{width:100%;height:100%;display:block}
}

/* BOTOES MODELO PROJETO */
.d-btn, .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 16px 48px;
    background-color: var(--azul) !important;
    color: var(--branco) !important;
    font-family: 'Syne', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    text-decoration: none;
    text-transform: lowercase;
    transition: background-color 0.3s ease-out;
}
.d-btn:hover, .btn-primary:hover {
    background-color: var(--azul-escuro) !important;
}
.d-btn-arrow, .btn-arrow {
    width: 18px;
    height: 18px;
    transition: transform 0.3s ease-out;
}
.d-btn:hover .d-btn-arrow, .btn-primary:hover .btn-arrow {
    transform: rotate(45deg);
}

/* ═══════════════════════════════════════════════════
   FLUID TYPOGRAPHY & RESPONSIVE FIXES (Desktop ≥ 1200px)
   ═══════════════════════════════════════════════════ */
@media (min-width: 1200px) {
    /* Titles */
    .pj-cta-title, .pj-apresentacao-title, .pj-blue-title, .pj-testemunho-title, .pj-videos-title, .pj-outros-title, .prj__title, .pj-vaa__title {
        font-size: clamp(36px, 3.33vw, 64px) !important;
        line-height: clamp(40px, 3.75vw, 72px) !important;
    }
    
    /* Body Texts */
    .pj-cta-text, .pj-apresentacao-text, .pj-testemunho-text, .pj-blue-text, .pj-intro-text, .pj-vaa__lorem {
        font-size: clamp(14px, 0.83vw, 16px) !important;
        line-height: clamp(20px, 1.25vw, 24px) !important;
    }
    
    /* Buttons */
    .d-btn, .btn-primary {
        font-size: clamp(14px, 0.83vw, 16px) !important;
        padding: clamp(16px, 1.25vw, 24px) clamp(28px, 2.5vw, 48px) !important;
        gap: clamp(10px, 0.83vw, 16px) !important;
    }
    .d-btn-arrow, .btn-arrow {
        width: clamp(14px, 0.94vw, 18px) !important;
        height: clamp(14px, 0.94vw, 18px) !important;
    }
    
    /* Doc Titles */
    .pj-doc-title {
        font-size: clamp(18px, 1.25vw, 24px) !important;
        line-height: clamp(24px, 1.67vw, 32px) !important;
    }
    .pj-doc-icon {
        width: clamp(56px, 4.17vw, 80px) !important;
        height: clamp(56px, 4.17vw, 80px) !important;
    }
}

/* ═══════════════════════════════════════════════════
   IMAGE MASK FIXES (Anti-glitch on hover)
   ═══════════════════════════════════════════════════ */
.pj-apresentacao-foto,
.m-pj-apresentacao-img-clip img,
.pj-testemunho-img,
.m-pj-testemunho-img-clip img,
.pj-blue-video-img,
.m-pj-blue-video-img,
.pj-cta-image,
.m-pj-cta-img-clip img {
    transition: none !important;
    will-change: auto !important;
    object-fit: cover !important;
}

/* -- ANIMATIONS -- */
@media (min-width: 1200px) {
  .pj-apresentacao-img-mask,
  .pj-blue-video,
  .pj-testemunho-img,
  .pj-cta-image {
    transition: clip-path 1s cubic-bezier(.22,1,.36,1), -webkit-clip-path 1s cubic-bezier(.22,1,.36,1) !important;
    will-change: clip-path;
  }
}
@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
  .pj-apresentacao-img-mask:hover {
    clip-path: polygon(0% 50%, 0% 0%, 91.67% 12.5%, 100% 87.5%, 0% 100%) !important;
    -webkit-clip-path: polygon(0% 50%, 0% 0%, 91.67% 12.5%, 100% 87.5%, 0% 100%) !important;
  }
  .pj-blue-video:hover {
    clip-path: polygon(0% 12.5%, 100% 0%, 100% 100%, 18.18% 93.75%) !important;
    -webkit-clip-path: polygon(0% 12.5%, 100% 0%, 100% 100%, 18.18% 93.75%) !important;
  }
  .pj-testemunho-img:hover {
    clip-path: polygon(0% 100%, 81.82% 93.75%, 100% 12.5%, 0% 0%) !important;
    -webkit-clip-path: polygon(0% 100%, 81.82% 93.75%, 100% 12.5%, 0% 0%) !important;
  }
  .pj-cta-image:hover {
    clip-path: polygon(100% 100%, 16.67% 85.71%, 0% 14.29%, 100% 0%) !important;
    -webkit-clip-path: polygon(100% 100%, 16.67% 85.71%, 0% 14.29%, 100% 0%) !important;
  }
}

/* Botoes remove after element se herdado */
.d-btn::after, .btn-primary::after { display: none !important; }