/* Estilos exclusivos de /projetos.html; não alteram os cards da home. */
.projects-page .portfolio-hero{padding:64px 0 58px;background:radial-gradient(650px 350px at 85% 15%,rgba(24,87,232,.10),transparent 72%)}
.projects-page .portfolio-hero .wrap{max-width:1080px}
.projects-page .portfolio-hero h1{font-size:clamp(35px,4.6vw,58px);line-height:1.12;max-width:800px;margin:17px 0 18px}
.projects-page .portfolio-hero .lead{max-width:740px;margin:0}
.projects-page .portfolio-hero .hero-actions{margin-top:26px}
.projects-page .portfolio-work{padding:70px 0 82px;background:var(--dark);color:#fff}
.projects-page .portfolio-work .wrap{max-width:1110px}
.projects-page .portfolio-work .section-head{margin-bottom:28px}
.projects-page .portfolio-work .section-head h2{font-size:clamp(29px,3.5vw,43px);margin:12px 0 0}
.projects-page .portfolio-work .section-head p{max-width:350px;color:#a9b8ce;font-size:14px}
.projects-page .case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.projects-page .case-card{min-width:0;max-width:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid #33455f;border-radius:20px;background:#101e33;box-shadow:0 18px 36px rgba(0,0,0,.12)}
.projects-page .case-preview{display:block;min-width:0;max-width:100%;padding:15px;background:linear-gradient(140deg,#e8effa,#f7f9fd);border-bottom:1px solid #33455f}
.projects-page .browser{width:100%;max-width:100%;overflow:hidden;background:#fff;border:1px solid #cdd7e7;border-radius:11px;box-shadow:0 10px 24px rgba(20,36,68,.12)}
.projects-page .browser-bar{height:33px;display:flex;align-items:center;gap:5px;padding:0 13px;border-bottom:1px solid #e6ebf3;background:#fff}
.projects-page .browser-bar i{display:block;width:7px;height:7px;border-radius:50%;background:#cbd5e1}
.projects-page .browser-bar span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 56px);margin-left:9px;font:500 10px var(--sans);color:#76839a}
.projects-page .browser-screen{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:3/2;overflow:hidden;background:#f4f7fb}
.projects-page .browser-screen img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center center;aspect-ratio:auto;border:0}
.projects-page .case-preview:focus-visible,.projects-page .case-actions a:focus-visible{outline:3px solid #8db6ff;outline-offset:3px}
.projects-page .case-content{min-width:0;flex:1;display:flex;flex-direction:column;gap:0;padding:25px 27px 27px}
.projects-page .case-type{font:700 10px var(--display);text-transform:uppercase;letter-spacing:.12em;color:#99b9ff}
.projects-page .case-content h3{font-size:clamp(20px,2.2vw,26px);line-height:1.22;letter-spacing:-.035em;margin:11px 0 10px;overflow-wrap:anywhere}
.projects-page .case-content p{font-size:14px;line-height:1.7;color:#b2bfd2;margin:0 0 22px}
.projects-page .case-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.projects-page .case-actions .btn{min-height:44px;padding:0 17px;font-size:12px}
.projects-page .case-actions .case-secondary{background:transparent;color:#e4ecff;border-color:#506381}
.projects-page .case-actions .case-secondary:hover{background:#1c304d}
.projects-page .portfolio-note{margin:23px 0 0;font-size:12px;color:#a6b4c9}
.projects-page .portfolio-detail{padding:72px 0}
.projects-page .portfolio-detail .section-head h2{font-size:clamp(29px,3.6vw,46px)}
.projects-page .portfolio-detail .card h3{font-size:19px}
.projects-page .portfolio-detail .card p{font-size:14px;line-height:1.6}
.projects-page .portfolio-next{padding:72px 0}
.projects-page .portfolio-next .feature-box{padding:34px}
.projects-page .portfolio-next .feature-box h2{font-size:clamp(26px,3.4vw,39px)}
@media (max-width:850px){
  .projects-page .portfolio-work .section-head{align-items:start;flex-direction:column;gap:14px}
  .projects-page .portfolio-work .section-head p{max-width:680px}
  .projects-page .case-grid{grid-template-columns:minmax(0,1fr);max-width:640px;margin:0 auto}
}
@media (max-width:600px){
  .projects-page .portfolio-hero{padding:44px 0 46px}
  .projects-page .portfolio-hero h1{font-size:clamp(31px,8.4vw,42px)}
  .projects-page .portfolio-work{padding:50px 0 64px}
  .projects-page .case-grid{gap:16px}
  .projects-page .case-preview{padding:10px}
  .projects-page .browser-bar{height:26px;padding:0 9px}
  .projects-page .browser-bar i{width:6px;height:6px}
  .projects-page .browser-bar span{font-size:9px}
  .projects-page .case-content{padding:22px 19px 23px}
  .projects-page .case-content h3{font-size:21px}
  .projects-page .case-actions{flex-direction:column}
  .projects-page .case-actions .btn{width:100%}
  .projects-page .portfolio-detail,.projects-page .portfolio-next{padding:56px 0}
  .projects-page .portfolio-next .feature-box{padding:28px}
}
@media (prefers-reduced-motion:reduce){.projects-page .case-card,.projects-page .case-preview{transition:none}}