.projects{background:#00113a;color:#e8f2fe;position:relative}.projects .section-top .micro{color:#9cb3d8}.projects-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:55px 0 45px}.projects-intro h2{font-size:clamp(38px,4.4vw,66px)}.projects-intro h2 span{color:#87acff}.projects-intro>p{max-width:330px;font-size:14px;color:#b3c5e1}.projects-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.project-card{border:1px solid #8cafff30;border-radius:20px;overflow:hidden;background:#071d45}.project-cover{position:relative;display:block;aspect-ratio:1.6;overflow:hidden;background:#193256}.project-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#00113a25,transparent 50%,#00113a40);pointer-events:none}.project-demo{box-sizing:border-box;max-width:calc(100% - 40px);position:absolute;left:20px;top:20px;border:1px solid #ffffff60;background:#00113acc;padding:7px 10px;border-radius:30px;font:9px var(--tech);letter-spacing:1.5px;z-index:1}.project-arrow{position:absolute;bottom:18px;right:18px;width:42px;height:42px;border-radius:50%;background:#e8f2fe;color:#00113a;display:grid;place-items:center;font-size:25px;z-index:1}.project-info{padding:28px 30px 30px}.project-category{font:9px var(--tech);letter-spacing:1.4px;color:#96b5f0}.project-info h3{font-size:32px;line-height:1.2;margin:15px 0}.project-description{font-size:14px;color:#b8cae7;max-width:460px;min-height:48px}.project-features{margin-top:22px;font:11px/1.7 var(--tech);color:#93b1e4}.project-link{display:flex;justify-content:space-between;align-items:center;padding-top:21px;margin-top:24px;border-top:1px solid #b6ccff26;font:13px var(--tech)}.project-link>span[aria-hidden]{font-size:23px;color:#8ab0ff}.projects-note{margin-top:25px;font-size:11px;color:#9bb2d7}.project-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.project-cover:focus-visible{outline-offset:-5px}.project-link:hover{color:#a4c0ff}@media(hover:hover){.project-cover:hover img{transform:scale(1.035)}}@media(max-width:900px){.projects-grid{grid-template-columns:1fr;gap:25px}.projects-intro{display:block;margin-top:36px}.projects-intro>p{margin-top:22px}.project-info{padding:23px}.project-info h3{font-size:29px}.project-description{min-height:0}.project-cover{aspect-ratio:1.5}.project-demo{left:14px;top:14px}.header nav{gap:14px}}@media(max-width:600px){.header nav>a[href="#proyectos"]{display:block;font-size:11px}.header .nav-contact{gap:10px;padding:6px 9px}.header .wordmark{font-size:26px}}@media(prefers-reduced-motion:reduce){.project-cover img{transition:none}.project-cover:hover img{transform:none}}

@media(min-width:901px){.project-card{display:flex;flex-direction:column}.project-cover{flex-shrink:0}.project-info{display:flex;flex-direction:column;flex:1}.project-info>.project-link{margin-top:auto}.project-info>.project-features,.project-info>.projects-note{margin-bottom:24px}}