@font-face{font-family:Computerfont;src:url(PaginaWebWebpublicRecursos\computerfont\computerfont.ttf) format("truetype");font-weight:400;font-style:normal}.glitch-text{position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{left:2px;text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(38px,9999px,81px,0)}20%{clip:rect(6px,9999px,83px,0)}40%{clip:rect(56px,9999px,2px,0)}60%{clip:rect(24px,9999px,92px,0)}80%{clip:rect(10px,9999px,46px,0)}to{clip:rect(67px,9999px,12px,0)}}@keyframes glitch-anim2{0%{clip:rect(12px,9999px,56px,0)}20%{clip:rect(84px,9999px,19px,0)}40%{clip:rect(31px,9999px,92px,0)}60%{clip:rect(76px,9999px,3px,0)}80%{clip:rect(4px,9999px,68px,0)}to{clip:rect(27px,9999px,45px,0)}}.glass-card{background:#050a1599;backdrop-filter:blur(12px);border:1px solid rgba(0,210,255,.2);box-shadow:0 4px 30px #0000004d}.glass-card:hover{border-color:#00d2ffcc;box-shadow:0 0 20px #00d2ff33}.pulse-glow{box-shadow:0 0 #00d2ffb3;animation:pulse-blue 2s infinite}@keyframes pulse-blue{0%{transform:scale(.95);box-shadow:0 0 #00d2ffb3}70%{transform:scale(1);box-shadow:0 0 0 10px #00d2ff00}to{transform:scale(.95);box-shadow:0 0 #00d2ff00}}.hexagon-container{display:flex;flex-direction:column;align-items:flex-start;width:fit-content;margin:0 auto;padding:30px 20px 60px}.hex-row{display:flex;flex-direction:row;gap:2px;margin-top:-23px;position:relative;z-index:1}.hex-row:first-child{margin-top:0}.hex-row-offset{margin-left:41px}.hex-row:has(.hexagon:hover){z-index:3}.hexagon-filler{width:80px;height:92px;flex-shrink:0;visibility:hidden}.hexagon{width:80px;height:92px;background:linear-gradient(135deg,#c8f6ff,#00d2ff,#007aaa,#00d2ff,#c8f6ff);position:relative;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);transition:all .3s ease;cursor:pointer;flex-shrink:0;filter:drop-shadow(0 0 6px rgba(0,210,255,.5));z-index:1}.hexagon:hover{transform:scale(1.1);filter:drop-shadow(0 0 18px rgba(0,210,255,.95));z-index:3}@media(min-width:640px){.hex-row{gap:3px;margin-top:-32px}.hex-row-offset{margin-left:57px}.hexagon-filler,.hexagon{width:110px;height:127px}.hexagon .hex-label{bottom:18px}}@media(min-width:1024px){.hex-row{gap:3px;margin-top:-40px}.hex-row-offset{margin-left:72px}.hexagon-filler,.hexagon{width:140px;height:162px}.hexagon .hex-label{bottom:22px}}.hexagon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:polygon(50% 3%,97% 27%,97% 73%,50% 97%,3% 73%,3% 27%)}.hex-no-img{position:absolute;inset:0;clip-path:polygon(50% 3%,97% 27%,97% 73%,50% 97%,3% 73%,3% 27%);background:#050a15e0;display:flex;align-items:center;justify-content:center}.hexagon .hex-label{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:9px;font-family:JetBrains Mono,monospace;font-weight:700;color:#00d2ff;text-shadow:0 0 8px rgba(0,210,255,.9);z-index:3;opacity:0;transition:opacity .3s;pointer-events:none;text-transform:uppercase;letter-spacing:.05em}.hexagon:hover .hex-label{opacity:1}.modal-overlay{position:fixed;inset:0;z-index:1000;background:#050a15e0;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.open{opacity:1;pointer-events:all}.modal-card{background:#050a15f7;border:1px solid rgba(0,210,255,.4);border-radius:1rem;padding:2rem;max-width:460px;width:90%;transform:translateY(22px) scale(.97);transition:transform .3s ease;box-shadow:0 0 60px #00d2ff2e,0 24px 60px #000000b3;position:relative;max-height:90vh;overflow-y:auto}.modal-overlay.open .modal-card{transform:translateY(0) scale(1)}.modal-hex{width:120px;height:138px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#c8f6ff,#00d2ff,#007aaa,#00d2ff,#c8f6ff);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);filter:drop-shadow(0 0 14px rgba(0,210,255,.9));position:relative}.modal-hex img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:polygon(50% 3%,97% 27%,97% 73%,50% 97%,3% 73%,3% 27%)}.modal-hex-placeholder{position:absolute;inset:0;clip-path:polygon(50% 3%,97% 27%,97% 73%,50% 97%,3% 73%,3% 27%);background:#050a15e0;display:flex;align-items:center;justify-content:center}.skill-chip{display:inline-block;padding:2px 10px;border-radius:9999px;background:#00d2ff1a;border:1px solid rgba(0,210,255,.3);color:#00d2ff;font-size:11px;font-family:JetBrains Mono,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin:3px}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fade-up .8s ease forwards}.fade-up-1{animation-delay:.1s;opacity:0}.fade-up-2{animation-delay:.3s;opacity:0}.fade-up-3{animation-delay:.5s;opacity:0}.fade-up-4{animation-delay:.7s;opacity:0}.reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.reveal-left{opacity:0;transform:translate(-26px);transition:opacity .65s ease,transform .65s ease}.reveal-left.visible{opacity:1;transform:none}.reveal-right{opacity:0;transform:translate(26px);transition:opacity .65s ease,transform .65s ease}.reveal-right.visible{opacity:1;transform:none}.reveal-scale{opacity:0;transform:scale(.94);transition:opacity .6s ease,transform .6s ease}.reveal-scale.visible{opacity:1;transform:scale(1)}