*{box-sizing:border-box;font-family:var(--font-principal),cursive;margin:0;padding:0}:root{--font-principal:"Roboto";--fondo_negroazulado:#0b0f1a;--fondo_fuxiaoscuro:#7d2451;--fondo_secciones:#0f172a;--profundidad:#111827;--violeta:#a855f7;--violeta_suave:#c084fc;--fuxia:#ec4899;--fuxia_claro:#f472b6;--azul-neon:#22d3ee;--azul_claro:#38bff8;--texto_ppal:#f9fafb;--texto_secondary:#d1d5db;--texto_muted:#9ca3af}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}body{background-color:var(--fondo_negroazulado);color:#d3d3d3}a{color:inherit;text-decoration:none}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes moveGradient{0%{background-position:0 0}to{background-position:200% 0}}.projectsPage{background-color:var(--fondo_negroazulado);min-height:100vh;padding:5% 6% 6%}.projectsPage .projectsHeader{text-align:center;margin-bottom:52px}.projectsPage .projectsHeader .projectsSubtitle{color:var(--fuxia);letter-spacing:4px;margin-bottom:12px;font-size:2vh;font-weight:700}.projectsPage .projectsHeader .projectsTitle{color:var(--texto_ppal);margin-bottom:16px;font-size:clamp(2rem,5vw,3.5rem);font-weight:700}.projectsPage .projectsHeader .projectsTitle span{color:var(--fuxia)}.projectsPage .projectsHeader .projectsDesc{color:var(--texto_muted);max-width:480px;margin:0 auto;font-size:16px;line-height:1.6}.projectsPage .filterBar{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:52px;display:flex}.projectsPage .filterBar .filterBtn{background-color:var(--fondo_secciones);height:36px;color:var(--texto_ppal);border:var(--fuxia) solid 1px;text-align:center;cursor:pointer;border-radius:2px;padding:10px 22px;font-family:monospace;font-size:13px;font-weight:700;transition:background-color .2s,color .2s,border-color .2s}.projectsPage .filterBar .filterBtn.active,.projectsPage .filterBar .filterBtn:hover{background-color:var(--fuxia);border-color:var(--fuxia);color:#fff}.projectsPage .projectsGrid{grid-template-columns:repeat(3,1fr);gap:28px;max-width:1200px;margin:0 auto;display:grid}@media (min-width:770px) and (max-width:1025px){.projectsPage .projectsGrid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (min-width:427px) and (max-width:769px){.projectsPage .projectsGrid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:426px){.projectsPage .projectsGrid{grid-template-columns:1fr;gap:20px}}.projectsPage .projectCard{background-color:var(--fondo_secciones);border:2px solid #131d35;border-radius:8px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.projectsPage .projectCard:hover{transform:translateY(-6px);box-shadow:0 16px 40px #ec48992e}.projectsPage .projectCard .cardImage{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.projectsPage .projectCard .cardImage img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.projectsPage .projectCard .cardImage .cardOverlay{opacity:0;background:#0b0f1ad9;justify-content:center;align-items:center;gap:20px;transition:opacity .3s;display:flex;position:absolute;inset:0}.projectsPage .projectCard .cardImage .cardOverlay .overlayLink{color:var(--texto_ppal);letter-spacing:1px;border:1px solid var(--fuxia);flex-direction:column;align-items:center;gap:8px;padding:12px 22px;font-size:12px;font-weight:700;transition:background-color .2s,color .2s;display:flex}.projectsPage .projectCard .cardImage .cardOverlay .overlayLink img{object-fit:contain;filter:brightness(0)invert();width:22px;height:22px}.projectsPage .projectCard .cardImage .cardOverlay .overlayLink .overlayIcon{color:var(--fuxia);font-size:22px;line-height:1}.projectsPage .projectCard .cardImage .cardOverlay .overlayLink:hover{background-color:var(--fuxia);color:#fff}.projectsPage .projectCard .cardImage .cardOverlay .overlayLink:hover .overlayIcon{color:#fff}.projectsPage .projectCard .cardImage:hover img{transform:scale(1.06)}.projectsPage .projectCard .cardImage:hover .cardOverlay{opacity:1}.projectsPage .projectCard .cardBody{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex}.projectsPage .projectCard .cardBody .cardMeta .cardCategory{letter-spacing:2px;color:var(--fuxia);text-transform:uppercase;font-family:monospace;font-size:10px;font-weight:700}.projectsPage .projectCard .cardBody .cardTitle{color:var(--texto_ppal);font-size:17px;font-weight:700;line-height:1.3}.projectsPage .projectCard .cardBody .cardDesc{color:var(--texto_secondary);flex:1;font-size:13px;line-height:1.6}.projectsPage .projectCard .cardBody .cardTags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.projectsPage .projectCard .cardBody .cardTags .tag{border:1px solid var(--fuxia_claro);color:var(--fuxia_claro);white-space:nowrap;border-radius:20px;padding:3px 10px;font-family:monospace;font-size:10px}