/* Keep the original white curve, web layouts and blue dialogue backdrop intact. */
.projects .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.projects{position:relative;isolation:isolate;min-height:0;padding:max(242px,15.5vw) 0 70px;background:#018bc2 url('./assets/fundo2-2_resultado.avif') top center / max(100%,1480px) auto no-repeat;overflow:hidden}
.projects .projects-heading{position:absolute;top:clamp(60px,4.1vw,80px);left:50%;transform:translateX(-50%);width:min(800px,calc(100% - 80px));max-width:none;margin:0;text-align:center}
.projects-heading .eyebrow{font-size:14px;margin-bottom:10px}.projects-heading .brand-divider{margin:13px auto 0}.projects-heading h2{font-size:38px;line-height:1.15;font-weight:500;color:#07386b}
.portfolio-stage{width:min(1560px,calc(100% - 80px));margin-inline:auto}
.projects .project-intro{font-size:14px;line-height:1.85;font-style:italic;max-width:660px;color:#fff;margin:0 auto 33px;text-align:center;text-wrap:pretty;text-shadow:0 1px 4px #07549545}
.portfolio-window{position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:8px 8px 76px;margin-inline:-8px;touch-action:pan-y pinch-zoom;overscroll-behavior-x:contain;scroll-behavior:auto}
.portfolio-window::-webkit-scrollbar{display:none}.portfolio-window.is-scrollable{cursor:grab}.portfolio-window.is-dragging,.portfolio-window.is-dragging *{cursor:grabbing!important;user-select:none}
.portfolio-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}.portfolio-item{min-width:0}
.project-card{position:relative;display:block;width:100%;padding:0;line-height:1.4;background:transparent;color:#fff;text-align:left;isolation:isolate;border-radius:3px}
.project-card::before{content:'';position:absolute;z-index:-1;inset:-4px;border-radius:6px;background:linear-gradient(145deg,#063b88,#15d4f2);box-shadow:0 0 0 1px #96efff36,0 0 22px #29d9f275;opacity:0;transition:opacity .25s var(--ease)}
.project-photo{position:relative;display:block;overflow:hidden;aspect-ratio:355/545;background:#05689b;border-radius:22px;isolation:isolate}
.project-photo>picture{display:block;width:100%;height:100%}.project-photo>picture>img{width:100%;height:100%;object-fit:cover;filter:brightness(.62) saturate(.85);transform:scale(1.001);transition:filter .28s var(--ease),transform .45s var(--ease);user-select:none;pointer-events:none}
.project-photo::after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#032b58e8);opacity:0;transition:opacity .28s var(--ease);pointer-events:none}
.project-type{position:absolute;top:7px;right:7px;max-width:calc(100% - 14px);padding:7px 10px;background:#052653de;color:#fff;font-size:11px;line-height:1.4;font-weight:600;border-radius:999px;transition:background .25s}
.project-reveal{position:absolute;z-index:1;left:20px;right:15px;bottom:76px;display:block;opacity:0;transform:translateY(12px);transition:opacity .25s var(--ease),transform .25s var(--ease)}
.project-reveal>strong{font-family:'Source Sans Pro',Arial,sans-serif;font-size:29px;line-height:1.05;font-weight:500;display:block;color:#fff}.project-reveal>span{font-size:11px;display:flex;align-items:center;gap:13px;margin-top:12px;color:#d4f5ff}.project-reveal>span>span{font-size:18px}
.project-logo{position:absolute;z-index:3;left:50%;bottom:-50px;width:112px;height:120px;transform:translateX(-50%);transform-origin:center 55%;transition:transform .28s var(--ease),filter .28s var(--ease);filter:drop-shadow(0 6px 10px #00366428);pointer-events:none}
.project-logo-bubble{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.project-logo>img{position:absolute;left:15px;top:23px;width:82px;height:63px;object-fit:contain;transition:filter .28s var(--ease);pointer-events:none}
.project-card:hover::before,.project-card:focus-visible::before{opacity:1}.project-card:hover .project-photo>picture>img,.project-card:focus-visible .project-photo>picture>img{filter:brightness(1) saturate(1);transform:scale(1.045)}.project-card:hover .project-photo::after,.project-card:focus-visible .project-photo::after{opacity:1}.project-card:hover .project-type,.project-card:focus-visible .project-type{background:#063b88}.project-card:hover .project-reveal,.project-card:focus-visible .project-reveal{opacity:1;transform:none}.project-card:hover .project-logo,.project-card:focus-visible .project-logo{transform:translateX(-50%) scale(1.14);filter:drop-shadow(0 8px 15px #02d4fa4d)}.project-card:hover .project-logo>img,.project-card:focus-visible .project-logo>img{filter:none}.project-card:active{transform:translateY(1px)}.project-card:focus-visible{outline:2px solid #f4cc26;outline-offset:6px}
.portfolio-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:-9px 0 20px;color:#052e56;font-size:11px}.portfolio-controls>div{display:flex;align-items:center;gap:12px}.portfolio-controls button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid #c7f6ff82;background:#0459914d;color:#fff;font-family:Arial,sans-serif;font-size:27px;line-height:1;transition:background .2s,opacity .2s}.portfolio-controls button:hover:not(:disabled){background:#063b88}.portfolio-controls button:disabled{opacity:.35}.portfolio-controls #portfolio-count{font-family:'Source Sans Pro',Arial,sans-serif;font-size:12px;white-space:nowrap;min-width:45px;text-align:center}
.portfolio-footer{display:flex;flex-direction:column;align-items:center;gap:17px;margin-top:1px;text-align:center}.project-portfolio-cta{display:inline-flex;gap:18px;align-items:center;padding:12px 22px;min-height:48px;border:1px solid #0d68a8;border-radius:30px;background:#064c88;color:#fff;font-size:13px;font-weight:500;transition:color .25s,border-color .25s}.project-portfolio-cta>span{font-size:20px;transition:transform .25s}.project-portfolio-cta:hover{color:#f4cc26;border-color:#f4cc26}.project-portfolio-cta:hover>span{transform:translate(2px,-2px)}
#project-dialog{width:min(900px,calc(100% - 36px));max-height:calc(100dvh - 40px);border-radius:25px;background:#fff;color:#62778a;padding:0;overflow:auto}
.project-detail-shell{display:grid;grid-template-columns:.85fr 1fr;min-height:520px;position:relative}.project-detail-close{position:absolute;right:15px;top:15px;z-index:3;display:grid;place-items:center;border-radius:50%;width:38px;height:38px;background:#eaf5fb;color:#063b88;font-family:Arial,sans-serif;font-size:29px;line-height:1}
.project-detail-visual{position:relative;min-height:520px;background:#075492;overflow:hidden}.project-detail-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.project-detail-visual::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#042f6977)}.project-detail-brand{position:absolute;z-index:1;left:28px;bottom:26px;width:115px;height:115px;display:grid;place-items:center;border-radius:50%;background:#fff;border:3px solid #08b9dd}.project-detail-brand img{width:90px;height:65px;object-fit:contain}
.project-detail-copy{padding:70px 40px 43px;align-self:center}.project-detail-copy>.eyebrow{font-size:11px;margin-bottom:12px;color:#0c7faa}.project-detail-copy>h2{font-size:42px;line-height:1.1;color:#07386b;margin-bottom:21px}.project-detail-copy>p:not(.eyebrow){font-size:14px;line-height:1.8}.project-detail-copy>.project-detail-service{display:inline-block;margin-top:18px;padding:5px 12px;border:1px solid #c9e8f3;border-radius:30px;font-size:11px!important;color:#176ba1;background:#edf8fc}.project-detail-copy>.project-detail-note{font-size:11px!important;color:#7b8d9e;border-top:1px solid #e0ebf1;margin-top:23px;padding-top:17px}.project-detail-copy>.button{font-size:12px;margin-top:23px;min-height:49px;gap:15px;padding-inline:22px}
@media(max-width:1250px){.portfolio-stage{width:calc(100% - 64px)}.portfolio-list{gap:20px}.project-reveal{left:16px;right:12px}.project-reveal>strong{font-size:26px}.project-logo{width:103px;height:111px;bottom:-47px}.project-logo>img{left:14px;top:21px;width:75px;height:58px}.projects .project-intro{font-size:13px;max-width:660px}}
@media(max-width:1050px){.portfolio-list{display:flex;gap:20px}.portfolio-item{flex:0 0 calc((100% - 40px)/3);width:calc((100% - 40px)/3)}.portfolio-stage{max-width:900px}.project-reveal{opacity:1;transform:none}.project-photo::after{opacity:1}.project-reveal>strong{font-size:28px}.project-photo>picture>img{filter:brightness(.85)}.projects .project-intro{max-width:650px;margin-bottom:28px}.projects-heading h2{font-size:36px}.project-type{font-size:10px}}
@media(max-width:760px){.projects{padding-top:242px;padding-bottom:48px;background-size:1480px auto;background-position:top center}.projects .projects-heading{top:60px;width:calc(100% - 44px)}.projects-heading .eyebrow{font-size:12px}.projects-heading h2{font-size:31px;line-height:1.15}.projects-heading h2 br{display:none}.portfolio-stage{width:calc(100% - 40px)}.projects .project-intro{font-size:13px;line-height:1.8;max-width:470px;margin-bottom:24px}.portfolio-item{flex-basis:81%;width:81%}.portfolio-list{gap:18px}.project-reveal{left:23px;bottom:85px}.project-reveal>strong{font-size:32px}.project-type{font-size:11px;padding:8px 11px}.project-logo{width:112px;height:120px;bottom:-49px}.project-logo>img{left:15px;top:23px;width:82px;height:63px}.portfolio-window{padding-bottom:77px}.portfolio-controls{font-size:10px;gap:10px}.portfolio-controls>div{gap:9px}.portfolio-controls #portfolio-count{font-size:12px}.portfolio-footer{gap:13px}.project-portfolio-cta{font-size:12px;gap:14px}#project-dialog{width:calc(100% - 28px);border-radius:22px;max-height:calc(100dvh - 28px)}.project-detail-shell{display:block;min-height:0}.project-detail-visual{min-height:0;height:255px}.project-detail-visual>img{object-position:center 39%}.project-detail-brand{width:93px;height:93px;left:24px;bottom:17px}.project-detail-brand img{width:73px;height:56px}.project-detail-copy{padding:28px 25px 32px}.project-detail-copy>h2{font-size:36px;margin-bottom:15px}.project-detail-copy>p:not(.eyebrow){font-size:13px}.project-detail-copy>.project-detail-note{font-size:11px!important;margin-top:19px;padding-top:14px}.project-detail-copy>.button{font-size:12px;min-height:48px;padding-inline:19px}.project-detail-close{width:36px;height:36px;right:12px;top:12px;background:#fff}}
@media(max-width:370px){.projects-heading h2{font-size:29px}.projects .projects-heading{top:57px}.project-type{font-size:10px}.project-reveal{left:18px;bottom:77px}.project-reveal>strong{font-size:28px}.portfolio-controls>p{max-width:90px;line-height:1.5}.project-detail-visual{height:220px}.project-detail-copy{padding:25px 21px}.project-detail-copy>h2{font-size:33px}}
@media(hover:none){.project-reveal{opacity:1;transform:none}.project-photo::after{opacity:1}.project-logo>img{filter:none}.project-photo>picture>img{filter:brightness(.9)}.project-card:hover .project-logo{transform:translateX(-50%)}.project-card:hover .project-photo>picture>img{transform:none}}
@media(prefers-reduced-motion:reduce){.project-card:hover .project-logo,.project-card:focus-visible .project-logo{transform:translateX(-50%)}.project-card:hover .project-photo>picture>img,.project-card:focus-visible .project-photo>picture>img{transform:none}}

/* Original client marks remain in their own colors; the frame uses the PSD dialogue geometry. */
.project-home-contact{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:44px;padding:5px 12px;background:transparent;color:#fff;font-size:12px}.project-home-contact:hover{color:#f4cc26}.project-home-contact:focus-visible{outline:2px solid #f4cc26;outline-offset:3px;border-radius:20px}
.project-detail-brand{height:124px;border:0;border-radius:0;background:transparent}.project-detail-brand img{position:relative;z-index:1;margin-top:-10px}.project-detail-contact{display:flex;align-items:center;gap:15px;margin-top:17px;padding:0;color:#08699b;font-size:12px;min-height:44px;background:transparent}.project-detail-contact:hover{color:#063b88;text-decoration:underline}.project-detail-contact:focus-visible{outline:2px solid #087dab;outline-offset:5px;border-radius:3px}
@media(max-width:760px){.project-detail-brand{height:100px}}