*{padding:0;margin:0;box-sizing:border-box;font-family:Source Code Pro,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:large;color:#fff;scroll-behavior:smooth}:root{--blue-dark: #0A0F1F;--blue-soft: #1E2A4A;--blue-bright: #3B82F6;--blue-glow: #60A5FA;--blue-light: #E0F2FE;--green-dark: #0D1F1A;--green-soft: #1A3D34;--green-bright: #22C55E;--green-glow: #4ADE80;--green-light: #D1FAE5;--purple-dark: #1A0F2E;--purple-soft: #2E1A4D;--purple-bright: #A855F7;--purple-glow: #C084FC;--purple-light: #F3E8FF;--red-dark: #1A0F0F;--red-soft: #4A1E1E;--red-bright: #EF4444;--red-glow: #F87171;--red-light: #FFE4E6}body{background-color:#121212;background-repeat:repeat;background-size:200px;position:relative;overflow-x:hidden}body>*:not(#flashlight-overlay){position:relative;z-index:2}.title-separator h2{text-align:center;font-size:2.5rem;margin-bottom:40px;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:1px}.title-separator hr{width:60px;height:3px;border:none;background:linear-gradient(90deg,transparent,#fff,transparent);margin:0 auto 60px;border-radius:2px;box-shadow:0 0 20px #ffffff4d}@media (max-width:768px){*{font-size:medium}}@media (min-width:768px){body{background-image:url(/Firma_escala_grises_no_bg.png)}}.arrow-down-container{position:fixed;bottom:32px;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:auto}.profile-photo-container{width:200px!important;flex-shrink:0}.profile-photo{width:inherit;border-radius:100%;transition:.3s ease-in-out}.profile-photo:hover{transform:scale(1.04) rotate(-4deg)}.about{display:flex;justify-content:center;align-items:center;width:100%;height:120vh}.about>.container{display:flex;justify-content:center;align-items:center}.text-container{margin-left:180px}.title-container{margin-top:120px;text-align:center}.title-container>h1{font-size:1.8rem}.subTitle,.subTitle>div>div{font-size:1.3rem}.about-me{margin-top:30px}.habilities-group{display:flex;gap:22px;justify-items:center;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;width:100%}.habilitie-container{width:300px;height:100%;display:flex;flex-direction:column}.habilities{width:100%;padding:80px 20px}.habilities>div{margin-bottom:50px}.habilities h3{font-size:1.3rem;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px;color:#e0e0e0;padding-bottom:15px;text-align:center}.habilities .habilitie-target{display:inline-flex;align-items:center;justify-content:center;margin:12px 8px;padding:15px 25px;border:2px dashed rgba(255,255,255,.4);border-radius:8px;background:#ffffff08;transition:all .3s ease;cursor:pointer;box-shadow:0 0 15px #ffffff1a,inset 0 0 15px #ffffff0d;position:relative;overflow:hidden}.habilities .habilitie-target:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease;pointer-events:none}.habilities .habilitie-target:hover:before{left:100%}.habilities .habilitie-target:hover{border-color:#ffffffb3;background:#ffffff14;box-shadow:0 0 25px #ffffff40,inset 0 0 20px #ffffff1a,0 0 40px #ffffff26;transform:translateY(-2px)}.habilities .habilitie-target h4{font-size:1rem;font-weight:600;color:#fff;letter-spacing:.5px;text-align:center;white-space:normal;position:relative;z-index:1}.h-angular{border-color:#dd0031!important;background:#dd00311a!important}.h-angular:hover{border-color:#dd0031!important;background:#dd003133!important;box-shadow:0 0 25px #dd003166,inset 0 0 20px #dd00311a,0 0 40px #dd003133!important}.h-astro{border-color:#ff5d01!important;background:#ff5d011a!important}.h-astro:hover{border-color:#ff5d01!important;background:#ff5d0133!important;box-shadow:0 0 25px #ff5d0166,inset 0 0 20px #ff5d011a,0 0 40px #ff5d0133!important}.h-express{border-color:#9333ea!important;background:#9333ea1a!important}.h-express:hover{border-color:#9333ea!important;background:#9333ea33!important;box-shadow:0 0 25px #9333ea66,inset 0 0 20px #9333ea1a,0 0 40px #9333ea33!important}.h-NodeJs{border-color:#393!important;background:#3399331a!important}.h-NodeJs:hover{border-color:#393!important;background:#3933!important;box-shadow:0 0 25px #3936,inset 0 0 20px #3399331a,0 0 40px #3933!important}.h-typescript{border-color:#3178c6!important;background:#3178c61a!important}.h-typescript:hover{border-color:#3178c6!important;background:#3178c633!important;box-shadow:0 0 25px #3178c666,inset 0 0 20px #3178c61a,0 0 40px #3178c633!important}.h-mysql{border-color:#4479a1!important;background:#4479a11a!important}.h-mysql:hover{border-color:#4479a1!important;background:#4479a133!important;box-shadow:0 0 25px #4479a166,inset 0 0 20px #4479a11a,0 0 40px #4479a133!important}.h-postgre{border-color:#336791!important;background:#3367911a!important}.h-postgre:hover{border-color:#336791!important;background:#33679133!important;box-shadow:0 0 25px #33679166,inset 0 0 20px #3367911a,0 0 40px #33679133!important}.h-sqlserver{border-color:#a91d22!important;background:#a91d221a!important}.h-sqlserver:hover{border-color:#a91d22!important;background:#a91d2233!important;box-shadow:0 0 25px #a91d2266,inset 0 0 20px #a91d221a,0 0 40px #a91d2233!important}.h-git{border-color:#fc6d26!important;background:#fc6d261a!important}.h-git:hover{border-color:#fc6d26!important;background:#fc6d2633!important;box-shadow:0 0 25px #fc6d2666,inset 0 0 20px #fc6d261a,0 0 40px #fc6d2633!important}.h-scrum{border-color:#61dbfb!important;background:#61dbfb1a!important}.h-scrum:hover{border-color:#61dbfb!important;background:#61dbfb33!important;box-shadow:0 0 25px #61dbfb66,inset 0 0 20px #61dbfb1a,0 0 40px #61dbfb33!important}.h-linux{border-color:#fcc624!important;background:#fcc6241a!important}.h-linux:hover{border-color:#fcc624!important;background:#fcc62433!important;box-shadow:0 0 25px #fcc62466,inset 0 0 20px #fcc6241a,0 0 40px #fcc62433!important}.h-apirest{border-color:#00bcd4!important;background:#00bcd41a!important}.h-apirest:hover{border-color:#00bcd4!important;background:#00bcd433!important;box-shadow:0 0 25px #00bcd466,inset 0 0 20px #00bcd41a,0 0 40px #00bcd433!important}.projects{width:100%;padding:80px 20px}.projects-container{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;width:100%}.target{max-width:500px;min-width:300px;margin:22px;border-radius:12px;background:#ffffff08;border:2px solid rgba(255,255,255,.1);transition:all .4s ease;overflow:hidden;position:relative}.target:hover{transform:translateY(-8px);border-color:#dc262680;box-shadow:inset 0 0 30px #dc262633,0 0 40px #dc262626,0 15px 50px #0000004d}.target-header{width:100%;height:200px;overflow:hidden;border-radius:12px 12px 0 0;position:relative}.img-container{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .4s ease}.img-target-delthac{background-image:url(/screenShotDelthacLanding.png)}.img-target-portfolio{background-image:url(/screenShotPortfolio.png)}.target:hover .img-container{transform:scale(1.15)}.target-body{padding:20px}.target-body h1{font-size:1.5rem;margin-bottom:12px;color:#fff;font-weight:600}.target-body p{color:#ffffffb3;line-height:1.6;font-size:.95rem}.target-technologies{display:flex;flex-wrap:wrap;gap:10px;padding:0 20px;margin:20px 0}.target-technologies .technologie{background:#dc262626;padding:8px 16px;border-radius:20px;border:1px solid rgba(220,38,38,.3);transition:all .3s ease;cursor:pointer}.target-technologies .technologie:hover{background:#dc2626cc;border-color:#dc2626e6;transform:translateY(-2px);box-shadow:0 5px 15px #dc26264d}.target-technologies .technologie p{color:#ffffffe6;font-size:.9rem;font-weight:500;margin:0}.target-technologies .technologie:hover p{color:#fff}.target-footer{padding:20px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fffc;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.target-footer:hover{color:#dc2626e6;gap:12px}.target-footer svg{width:20px;height:20px;transition:transform .3s ease}.target-footer:hover svg{transform:translate(5px)}.experience{width:100%;padding:80px 20px}.experience-container{max-width:900px;margin:0 auto;padding:20px}.timeline-item{display:grid;grid-template-columns:150px 80px 1fr;gap:20px;margin-bottom:40px;position:relative}.timeline-item:last-child .timeline-connector{display:none}.timeline-date{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;padding-top:8px;gap:5px}.timeline-date span{font-size:.9rem;color:#ffffffb3;font-weight:500}.date-separator{color:#ffffff80;font-size:.8rem}.timeline-line{display:flex;flex-direction:column;align-items:center;position:relative}.timeline-circle{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 0 20px #3b82f699,0 0 40px #3b82f64d;position:relative;z-index:2;flex-shrink:0}.timeline-connector{width:2px;flex:1;min-height:100px;background-image:repeating-linear-gradient(0deg,rgba(59,130,246,.6),rgba(59,130,246,.6) 8px,transparent 8px,transparent 16px);margin-top:10px}.timeline-card{background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:25px;transition:all .3s ease;cursor:pointer}.timeline-card:hover{background:#ffffff0d;border-color:#3b82f680;box-shadow:inset 0 0 20px #3b82f61a,0 0 30px #3b82f626;transform:translate(5px)}.timeline-card h3{font-size:1.4rem;color:#fff;margin-bottom:8px;font-weight:600}.timeline-card h4{font-size:1.1rem;color:#3b82f6e6;margin-bottom:15px;font-weight:500}.timeline-card p{color:#ffffffb3;line-height:1.6;font-size:.95rem}.timeline-card>ul>li{margin:12px 0}.scroll-to-top{visibility:hidden;position:fixed;bottom:2rem;right:2rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;text-decoration:none;color:#fff;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);z-index:1000}.scroll-to-top:hover{background-color:#fff3;transform:translateY(-3px)}.scroll-to-top svg{width:1.5rem;height:1.5rem}@media (max-width: 768px){.timeline-item{grid-template-columns:40px 1fr;grid-template-rows:auto auto;gap:15px;column-gap:20px}.timeline-date{grid-column:2;grid-row:1;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;padding-top:0}.timeline-line{grid-column:1;grid-row:1 / 3;display:flex}.timeline-card{grid-column:2;grid-row:2;margin-left:0}.timeline-card:hover{transform:translateY(-5px)}}@media (min-width: 769px) and (max-width: 1024px){.timeline-item{grid-template-columns:120px 60px 1fr;gap:15px}.timeline-date span{font-size:.85rem}}@media (max-width:768px){.about>.container{width:80%;flex-direction:column;justify-content:center;align-items:center;row-gap:90px;margin-top:10%}.text-container{margin-left:0;width:90%}.title-container{margin-top:0}}@media (min-width:769px){.text-container{margin-left:90px}.about>.container{width:60%}}@media (min-width:1025px){.about>.container{width:40%;margin-top:-10%}}@media (max-width:769px){.habilities-group{justify-content:space-around}}.contact{padding:2rem;text-align:center}.contact h2{margin-bottom:1.5rem;font-size:2rem}.social-links{display:flex;justify-content:center;align-items:center;gap:2rem;list-style:none;padding:0;margin:0;flex-wrap:wrap}.social-links li{margin:0;color:inherit;padding:.5rem 1rem;border-radius:.5rem;transition:all .3s ease;height:fit-content}.social-links a{text-decoration:none}.social-links li:hover{background-color:#ffffff1a;transform:translateY(-2px)}