@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{overflow-x:hidden}canvas{position:fixed;top:0;left:0;z-index:0}main{position:absolute;z-index:1;color:#e8e8e8;display:grid;grid-template-columns:repeat(12,1fr);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1em;margin:0 auto;max-width:1400px;padding:0 20px}header{grid-column:2 / span 6;margin-top:8%;margin-bottom:3%;padding:2.5rem 2rem;display:flex;flex-direction:column;gap:1rem;background:#14142373;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;transition:transform .3s ease,box-shadow .3s ease}header:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0006,inset 0 1px #ffffff14}header h2{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#fff,#a8d8ff,#6ec6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3;letter-spacing:-.02em}header h4{font-size:1rem;font-weight:500;color:#c8dcf0d9;line-height:1.6}.contact-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:.8rem;padding:.8rem 1rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.04)}.contact-row .pill{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.82rem;font-weight:500;border-radius:8px;text-decoration:none;transition:all .25s ease;white-space:nowrap}.contact-row .pill.email{background:#7ec8ff1a;border:1px solid rgba(126,200,255,.2);color:#7ec8ff;font-family:Fira Code,monospace}.contact-row .pill.email:hover{background:#7ec8ff33;border-color:#7ec8ff66;transform:translateY(-1px)}.contact-row .pill.social{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#c8dcf0d9}.contact-row .pill.social:hover{background:#7ec8ff26;border-color:#7ec8ff4d;color:#7ec8ff;transform:translateY(-1px)}.section-divider{border:none;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(126,200,255,.2) 20%,rgba(126,200,255,.3) 50%,rgba(126,200,255,.2) 80%,transparent 100%);margin:1.2rem 0 1rem}header h5{font-size:.9rem;font-weight:400;margin-top:.6rem;margin-bottom:.1rem}header p{font-size:.95rem;line-height:1.75;color:#d2e1f0cc;text-align:left;margin-top:1rem}header h5:last-child{margin-bottom:.5rem}a{color:#7ec8ff;text-decoration:none;transition:all .25s ease;position:relative}a:hover{color:#b3e0ff;text-shadow:0 0 12px rgba(126,200,255,.4)}header h5 a[href*=mailto]{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;background:#7ec8ff1a;border:1px solid rgba(126,200,255,.2);border-radius:8px;font-family:Fira Code,monospace;font-size:.85rem;transition:all .25s ease}header h5 a[href*=mailto]:hover{background:#7ec8ff33;border-color:#7ec8ff66;text-shadow:none}header h5 a:not([href*=mailto]){display:inline-block;padding:.35rem .85rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.85rem;font-weight:500;transition:all .25s ease}header h5 a:not([href*=mailto]):hover{background:#7ec8ff26;border-color:#7ec8ff4d;transform:translateY(-1px)}section{grid-column:2 / 8;-webkit-user-select:none;user-select:none;background:#14142366;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,.07);border-radius:18px;box-shadow:0 6px 24px #00000040,inset 0 1px #ffffff0a;margin-bottom:2.5%;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}section:hover{transform:translateY(-1px);box-shadow:0 10px 32px #0000004d,inset 0 1px #ffffff0f}section.title{grid-column:2 / 12;padding:1.2rem 2rem;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;box-shadow:none}section.title h4,section.title h3{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.01em;position:relative;padding-left:1rem}section.title h4:before,section.title h3:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:linear-gradient(180deg,#6ec6ff,#4a90d9);border-radius:2px}.seccion-izq{grid-column:2 / 10}.seccion-der{grid-column:4 / 12}.seccion-izq ul,.seccion-der ul{list-style:none;margin-bottom:1rem}.seccion-izq ul b,.seccion-der ul b{font-size:1.15rem;font-weight:700;color:#fff;display:block;margin-bottom:.3rem}.seccion-izq ul em,.seccion-der ul em{font-size:.85rem;color:#a0c8f0b3;font-style:normal;display:inline-block;padding:.25rem .7rem;background:#6ec6ff14;border-radius:6px}.seccion-izq p,.seccion-der p{font-size:.93rem;line-height:1.75;color:#c8daebc7;margin-bottom:.8rem}.full-width{grid-column:2 / 12}.full-width ul{list-style:none;margin-bottom:1rem}.full-width ul b{font-size:1.15rem;font-weight:700;color:#fff;display:block;margin-bottom:.3rem}.full-width ul em{font-size:.85rem;color:#a0c8f0b3;font-style:normal;display:inline-block;padding:.25rem .7rem;background:#6ec6ff14;border-radius:6px}.full-width p{font-size:.93rem;line-height:1.8;color:#c8daebc7;margin-bottom:.6rem}.full-width p b{color:#a8d8ff}.full-width h3 a{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;padding:.5rem 1.2rem;background:#6ec6ff1a;border:1px solid rgba(110,198,255,.25);border-radius:10px;font-size:.9rem;font-weight:600;color:#7ec8ff;transition:all .25s ease}.full-width h3 a:hover{background:#6ec6ff33;border-color:#6ec6ff66;transform:translateY(-1px);text-shadow:0 0 12px rgba(110,198,255,.3)}.seccion-izq h3 a,.seccion-der h3 a{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;padding:.5rem 1.2rem;background:#6ec6ff1a;border:1px solid rgba(110,198,255,.25);border-radius:10px;font-size:.9rem;font-weight:600;color:#7ec8ff;transition:all .25s ease}.seccion-izq h3 a:hover,.seccion-der h3 a:hover{background:#6ec6ff33;border-color:#6ec6ff66;transform:translateY(-1px);text-shadow:0 0 12px rgba(110,198,255,.3)}.proyectos{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1.5rem;grid-column:2 / 12;padding:.5rem 0}.card{padding-top:50px;border-radius:18px;border:1px solid rgba(255,255,255,.1);transform-style:preserve-3d;background:#0f0f1e8c;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff0f;transition:all .5s ease-in-out;flex:1 1 320px;max-width:480px}.card:hover{transform:rotateY(8deg) rotateX(-3deg) translateY(-4px);box-shadow:0 16px 48px #00000073,inset 0 1px #ffffff14;border-color:#7ec8ff33}.content-box{background:linear-gradient(135deg,#28508299,#1e3c64b3);border-radius:18px;padding:2.5rem 1.8rem 1.8rem;transform-style:preserve-3d;display:flex;flex-direction:column;gap:.8rem}.content-box .card-title{display:inline-block;color:#fff;font-size:1.4rem;font-weight:800;transform:translateZ(50px);letter-spacing:-.02em}.content-box .card-title:hover{transform:translateZ(60px);text-shadow:0 0 20px rgba(126,200,255,.4)}.content-box img{height:auto;width:100%;border-radius:12px;margin-top:.5rem;box-shadow:0 4px 16px #0000004d}.content-box .card-content{font-size:.9rem;font-weight:400;color:#dcebfad9;line-height:1.65;transform:translateZ(30px)}.content-box .card-content:hover{transform:translateZ(45px)}.content-box ul{list-style:none;padding:0;margin:.3rem 0;font-size:.85rem;color:#b4d2f0bf;transform:translateZ(25px)}.content-box ul li{padding:.2rem .6rem;background:#ffffff0d;border-radius:6px;margin-bottom:.3rem;font-family:Fira Code,monospace;font-size:.8rem}.content-box ul li:before{content:"→ ";color:#7ec8ff80}a.see-more{cursor:pointer;margin-top:.8rem;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,#4a90d9,#6ec6ff);padding:.7rem 1.5rem;border-radius:12px;text-align:center;text-decoration:none;transform:translateZ(20px);transition:all .3s ease;box-shadow:0 4px 15px #4a90d94d;align-self:flex-start}a.see-more:hover{transform:translateZ(40px) translateY(-2px);box-shadow:0 8px 25px #4a90d980;text-shadow:none;color:#fff}.highlight:target{animation:highlight 3s ease-out}@keyframes highlight{0%{box-shadow:0 0 #6ec6ff99}30%{box-shadow:0 0 40px 10px #6ec6ff4d}to{box-shadow:none}}@media screen and (max-width:720px){main{font-size:.9em;padding:0 12px}header,section{grid-column:2 / 12;padding:1.5rem}header{margin-top:280px}.proyectos{flex-direction:column;grid-column:2 / 12}section.title h4,section.title h3{font-size:1.25rem}header h2{font-size:1.4rem}.seccion-izq,.seccion-der,.full-width{grid-column:2 / 12}}@media screen and (min-width:1200px){main{max-width:1200px}header h2{font-size:2rem}section{padding:2.5rem}}