/* H&A Tech — Portfolio Dark Corporate */
:root{--paper:#f3f7ff}html{scroll-padding-top:110px}body{background:#0b1424;color:#f2f6ff}.active-link{color:#91bdff!important}header .nav{min-height:83px}.portfolio-hero{position:relative;overflow:hidden;padding:108px 0 100px;background:radial-gradient(ellipse at 83% 35%,#1b3f72 0,transparent 48%),linear-gradient(135deg,#0a1628,#101f36);border-bottom:1px solid #29405c}.portfolio-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(90deg,transparent,#000)}.portfolio-hero .wrap{position:relative}.portfolio-hero h1{max-width:980px;font-size:clamp(44px,6vw,83px);font-weight:700;line-height:1.08;letter-spacing:-3px;margin:25px 0}.portfolio-hero h1 span{color:#88b5ff}.portfolio-hero p{max-width:660px;color:#ccdaed;font-size:16px;line-height:1.85}.hero-pills{display:flex;gap:12px;flex-wrap:wrap;margin-top:33px}.hero-pills span,.work-tags span{border:1px solid #3e5778;background:#1b2d45;color:#cfe1f8;padding:9px 13px;font-size:12px;border-radius:100px}.portfolio-list{padding:95px 0 105px}.portfolio-intro{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:45px}.portfolio-intro h2{font-size:clamp(32px,3.8vw,50px)}.portfolio-intro p{max-width:330px;line-height:1.8;color:#c7d6eb;font-size:14px}.work-card{display:grid;grid-template-columns:1.05fr 1fr;min-height:480px;margin:0 0 36px;overflow:hidden;border:1px solid #354b69;border-radius:19px;background:#14243a;box-shadow:0 18px 60px #02091640}.work-card.reverse .work-visual{order:2}.work-card.reverse .work-copy{order:1}.work-visual{position:relative;min-height:465px;overflow:hidden;padding:42px;display:flex;align-items:center;justify-content:center}.visual-propos{background:radial-gradient(circle at 20% 10%,#244e80,transparent 63%),linear-gradient(135deg,#0a1e38,#142b46)}.visual-propos:after{content:'';position:absolute;width:470px;height:470px;border:1px solid #ffffff16;transform:rotate(26deg);border-radius:90px;right:-220px;bottom:-240px}.visual-top{position:absolute;left:32px;right:32px;top:25px;display:flex;justify-content:space-between;color:#9cb9dc;font-size:10px;letter-spacing:2px}.visual-dots{display:flex;gap:5px}.visual-dots i{width:7px;height:7px;background:#6683a7;border-radius:50%}.visual-content{width:min(100%,430px);height:264px;display:flex;background:#ecf3fc;border-radius:12px;box-shadow:0 26px 62px #0006;transform:rotate(-3deg);overflow:hidden;z-index:1}.visual-side{width:76px;background:#122f53;padding:23px 14px;display:flex;flex-direction:column;gap:19px}.side-logo{color:white;font-weight:900;font-size:20px}.visual-side>span{height:8px;background:#496b96;border-radius:2px}.visual-body{flex:1;padding:28px 25px;color:#152f4c}.screen-kicker{font-size:8px;letter-spacing:1.7px;color:#4674a3}.screen-title{font-weight:800;font-size:18px;margin:12px 0 24px}.screen-stats{display:flex;gap:9px}.screen-stats>div{flex:1;border:1px solid #d5dfed;border-radius:8px;padding:14px;background:#fff}.screen-stats small{display:block;color:#57718b;font-size:9px;margin-bottom:10px}.screen-stats b{color:#3c78d8;letter-spacing:6px;font-size:12px}.screen-table{margin-top:20px;display:grid;gap:8px}.screen-table span{height:9px;border-radius:4px;background:#d8e4f1}.screen-table span:nth-child(2){width:86%}.screen-table span:nth-child(3){width:67%}.visual-watermark{position:absolute;bottom:30px;right:30px;letter-spacing:5px;font-weight:800;font-size:10px;color:#668bb8}.illustration-note{position:absolute;bottom:22px;left:30px;color:#adc5e0;font-size:10px;z-index:3}.work-copy{padding:52px clamp(30px,4vw,65px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.work-no{color:#86b6ff;font-size:11px;letter-spacing:1.5px;font-weight:800}.work-no span{color:#577aab;margin:0 8px}.work-copy h3{font-size:clamp(30px,3.3vw,46px);letter-spacing:-1.6px;margin:20px 0 10px;color:#fff}.work-copy .work-lead{font-size:18px;color:#dbe8f8;font-weight:600;line-height:1.55;margin:0 0 17px}.work-copy p{font-size:14px;line-height:1.85;color:#c5d4e8}.work-copy strong{color:#f3f7ff}.work-tags{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 26px}.work-tags span{font-size:11px;padding:8px 11px}.project-visit{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;min-width:183px;padding:15px 18px;border-radius:7px;background:#397cff;color:#fff;font-weight:700;font-size:13px}.project-visit:hover{background:#2469ec;transform:translateY(-2px)}.work-copy .link-disclaimer{font-size:11px;line-height:1.6;color:#a8bedb;margin:14px 0 0}.visual-studio{background:radial-gradient(circle at 85% 12%,#81647555,transparent 54%),linear-gradient(125deg,#332b39,#1b2333)}.studio-browser{width:min(100%,450px);background:#f9f4f0;box-shadow:0 22px 55px #0006;border-radius:12px;overflow:hidden;transform:rotate(2deg)}.studio-browser-head{display:flex;justify-content:space-between;align-items:center;background:#e8d9ce;padding:12px 16px;color:#695347;font-size:8px;letter-spacing:2px}.studio-browser-head b{letter-spacing:3px}.studio-scene{display:grid;grid-template-columns:1fr 0.75fr;min-height:255px}.studio-heading{padding:39px 0 30px 26px;color:#4c3434}.studio-heading small{font-size:8px;letter-spacing:2px}.studio-heading strong{display:block;font-size:35px;line-height:1;letter-spacing:-1px;font-family:Georgia,serif;margin:17px 0}.studio-heading em{font-weight:400;color:#a67976}.studio-heading p{font-size:10px;line-height:1.5;max-width:145px}.studio-heading>span{display:inline-block;background:#644c48;color:white;font-size:8px;padding:11px;margin-top:13px}.studio-art{background:linear-gradient(150deg,#aa8274,#78515c);display:grid;place-items:center}.art-frame{height:175px;width:112px;border:2px solid #e6c9bb;border-radius:70px 70px 7px 7px;display:grid;place-items:center;background:linear-gradient(130deg,#d1a68f,#654455);box-shadow:0 15px 30px #0003}.art-frame span{color:#ffe7df;font-family:Georgia,serif;font-size:38px}.studio-bottom{display:flex;justify-content:space-around;font-size:9px;color:#775f57;padding:14px}.portfolio-cta{background:linear-gradient(105deg,#112b50,#174f9c);padding:72px 0;border-top:1px solid #406b99}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.cta-inner h2{font-size:clamp(30px,3.6vw,45px);color:white}.cta-inner p{color:#d6e5fa;font-size:14px;line-height:1.7}.cta-inner .btn{white-space:nowrap}.home-real-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 0 22px}.home-real{padding:32px;border:1px solid #3b5475;background:linear-gradient(145deg,#192f4c,#14243a);border-radius:14px}.real-overline{font-size:11px;letter-spacing:1.2px;font-weight:800;color:#99c3ff}.home-real h3{font-size:26px;color:white;margin:18px 0 10px}.home-real p{font-size:14px;line-height:1.8;color:#cbd9eb;min-height:76px}.real-link{color:#9fc6ff;font-weight:800;font-size:13px}.real-link:hover{text-decoration:underline}.real-link span{margin-left:7px}.portfolio-all{display:inline-flex;padding:14px 18px;border:1px solid #527bb5;border-radius:7px;color:#dbeaff;font-weight:700;font-size:13px;margin-bottom:38px}.portfolio-all span{margin-left:15px}.legacy-label{color:#97b9e6;font-size:11px;font-weight:800;letter-spacing:1.5px;margin:20px 0 16px}@media(max-width:1050px){.work-card{grid-template-columns:1fr 1fr}.work-copy{padding:35px}.work-visual{padding:25px}.portfolio-hero{padding:85px 0}}@media(max-width:760px){.portfolio-hero{padding:70px 0}.portfolio-hero h1{letter-spacing:-2px}.portfolio-intro{display:block}.portfolio-intro p{max-width:unset}.work-card{grid-template-columns:1fr}.work-card.reverse .work-visual,.work-card.reverse .work-copy{order:initial}.work-visual{min-height:340px}.work-copy{padding:35px 26px}.cta-inner{flex-direction:column;align-items:flex-start}.home-real-grid{grid-template-columns:1fr}.home-real p{min-height:0}}@media(max-width:420px){.visual-content{transform:none;height:240px}.visual-side{width:56px;padding:20px 10px}.visual-body{padding:22px 12px}.screen-title{font-size:15px}.studio-heading{padding:25px 0 22px 16px}.studio-heading strong{font-size:28px}.work-visual{min-height:320px}.studio-browser{transform:none}.portfolio-list{padding:65px 0}.portfolio-hero h1{font-size:40px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* Projetos reais em destaque na página inicial */
#projetos{padding-top:88px;padding-bottom:95px;scroll-margin-top:100px}
#projetos .sectionhead h2{max-width:780px}
#projetos .home-real-grid{gap:24px;align-items:stretch}
#projetos .home-real{overflow:hidden;padding:0 0 26px;display:flex;flex-direction:column;border:1px solid #314a6a;background:#11243b;border-radius:20px;box-shadow:0 18px 45px #02091735}
#projetos .home-real>.real-overline,#projetos .home-real>h3,#projetos .home-real>p,#projetos .featured-actions{margin-left:28px;margin-right:28px}
#projetos .home-real>.real-overline{margin-top:26px;color:#8bbcff;font-weight:700;letter-spacing:.12em}
#projetos .home-real h3{margin-top:12px;margin-bottom:10px;font-size:clamp(23px,2.3vw,32px);color:#fff}
#projetos .home-real p{color:#d8e6f7;line-height:1.7;font-size:15px;flex:1;min-height:0}
#projetos .featured-preview{height:215px;overflow:hidden;padding:24px;background:linear-gradient(135deg,#193f6c,#0b1c32);display:flex;flex-direction:column;gap:0}
#projetos .preview-studio{background:linear-gradient(135deg,#39415e,#151c32 70%,#46304b)}
#projetos .preview-browser{border-radius:10px 10px 0 0;background:#e8f0fa;color:#526c8d;padding:11px 15px;display:flex;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.08em}
#projetos .preview-browser b{color:#26466e}
#projetos .preview-body{background:#f7faff;color:#173454;border-radius:0 0 10px 10px;flex:1;padding:22px;display:flex;flex-direction:column;gap:7px}
#projetos .preview-body>span{color:#3e6a9d;font-size:12px}
#projetos .preview-body strong{font-size:25px;letter-spacing:-.5px}
#projetos .preview-lines{display:flex;gap:8px;margin-top:auto}
#projetos .preview-lines i{height:10px;border-radius:3px;background:#b3c8e5;flex:1}
#projetos .preview-lines i:nth-child(2){flex:1.5;background:#347df1}
#projetos .featured-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
#projetos .featured-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:43px;border-radius:8px;padding:11px 15px;text-decoration:none;font-weight:700;font-size:12px}
#projetos .featured-actions .real-link{background:#2c72f1;color:#fff;border:1px solid #2c72f1;margin:0}
#projetos .featured-actions .real-external{background:transparent;color:#e9f3ff;border:1px solid #5276a1}
#projetos .portfolio-all{margin-top:30px;display:inline-flex;color:#dceaff}
.legacy-work{padding-top:45px;padding-bottom:65px}
@media(max-width:700px){#projetos{padding-top:55px;padding-bottom:65px}#projetos .featured-preview{height:195px;padding:17px}#projetos .home-real>.real-overline,#projetos .home-real>h3,#projetos .home-real>p,#projetos .featured-actions{margin-left:20px;margin-right:20px}#projetos .featured-actions a{flex:1 1 155px}}