*{box-sizing:border-box;margin:0;padding:0}:root{--fuente-titulos: "Outfit", system-ui, sans-serif;--fuente-textos: "Inter", system-ui, sans-serif}body{background-color:#020617;color:#e2e8f0;min-height:100vh;font-family:var(--fuente-textos)}h1,h2,h3,h4{font-family:var(--fuente-titulos)}h1{font-weight:800;letter-spacing:-1.5px;line-height:1.1}h3{font-weight:700;letter-spacing:-.5px;line-height:1.3;color:#f8fafc}.cielo-estrellado{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(34,211,238,.12),transparent 20%),radial-gradient(circle at 80% 10%,rgba(52,211,153,.16),transparent 28%),radial-gradient(circle at 50% 80%,rgba(168,85,247,.15),transparent 28%),linear-gradient(180deg,#020617e0,#0f172af5)}.cielo-estrellado:before{content:"";position:absolute;inset:-20%;background-image:radial-gradient(2px 2px at 10% 20%,rgba(255,255,255,.9),transparent 100%),radial-gradient(2px 2px at 30% 40%,rgba(255,255,255,.7),transparent 100%),radial-gradient(1.5px 1.5px at 60% 15%,rgba(255,255,255,.8),transparent 100%),radial-gradient(2px 2px at 75% 35%,rgba(255,255,255,.9),transparent 100%),radial-gradient(1.5px 1.5px at 80% 70%,rgba(255,255,255,.8),transparent 100%),radial-gradient(2px 2px at 45% 80%,rgba(255,255,255,.8),transparent 100%),radial-gradient(1.5px 1.5px at 90% 50%,rgba(255,255,255,.75),transparent 100%);opacity:.8;animation:twinkle 12s ease-in-out infinite alternate}.orb{position:absolute;width:28rem;height:28rem;border-radius:50%;filter:blur(80px);opacity:.25;animation:drift 18s ease-in-out infinite alternate}.orb-1{top:-8rem;left:-6rem;background:#22d3ee73}.orb-2{right:-8rem;top:10%;background:#34d39959;animation-delay:2s}.orb-3{bottom:-10rem;left:28%;background:#a855f74d;animation-delay:4s}.estrella-fugaz{position:absolute;width:150px;height:2px;background:linear-gradient(90deg,#fff0,#ffffffe6);border-radius:999px;filter:drop-shadow(0 0 8px rgba(52,211,153,.9));opacity:0;animation:viaje-estelar linear infinite}.estrella-fugaz:before{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:5px;height:5px;background:#fff;border-radius:50%;box-shadow:0 0 15px #34d399e6,0 0 30px #34d399e6}@keyframes viaje-estelar{0%{transform:rotate(35deg) translate(-100vw);opacity:1}to{transform:rotate(35deg) translate(150vw);opacity:0}}@keyframes twinkle{0%{transform:scale(1) translateY(0);opacity:.5}to{transform:scale(1.08) translateY(-10px);opacity:1}}@keyframes drift{0%{transform:translateZ(0) scale(.95)}to{transform:translate3d(3rem,2rem,0) scale(1.08)}}.estrella-fugaz:nth-child(4){top:10%;left:-20%;animation-duration:4s;animation-delay:0s}.estrella-fugaz:nth-child(5){top:-10%;left:30%;animation-duration:6s;animation-delay:2s}.estrella-fugaz:nth-child(6){top:40%;left:-30%;animation-duration:5s;animation-delay:4s}.estrella-fugaz:nth-child(7){top:-20%;left:70%;animation-duration:7s;animation-delay:6s}.estrella-fugaz:nth-child(8){top:60%;left:-10%;animation-duration:8s;animation-delay:8s}.estrella-fugaz:nth-child(9){top:80%;left:20%;animation-duration:9s;animation-delay:10s}.estrella-fugaz:nth-child(10){top:90%;left:50%;animation-duration:10s;animation-delay:12s}.estrella-fugaz:nth-child(11){top:40%;left:50%;animation-duration:11s;animation-delay:14s}.contenedor-central{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;position:relative;z-index:10}h1{font-size:3rem;color:#fff;margin-bottom:1rem}.texto-verde{color:#34d399}.subtitulo{font-size:1.25rem;color:#94a3b8}#efecto-luz{pointer-events:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:30}.contenedor-dinamico{height:35px;overflow:hidden;margin-top:.5rem}.texto-maquina{font-size:2rem;color:#94a3b8;font-weight:100;display:inline-flex;align-items:center;min-height:2rem}.cursor{display:inline-block;width:1.5px;height:1.5rem;background-color:#34d399;margin-left:4px;animation:parpadeo 1s infinite}.hero-asimetrico{display:grid;grid-template-columns:1fr;align-items:center;width:min(100% - 2rem,1200px);min-height:calc(100vh - 8rem);margin:4rem auto;text-align:center}.columna-nombre,.columna-info{width:100%;min-width:0}.columna-nombre{display:flex;align-items:center;justify-content:center}.titulo-gigante{font-size:clamp(3rem,6vw,6rem);line-height:.95;font-weight:800;letter-spacing:-2px;color:#fff;margin:0;text-transform:uppercase}.columna-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.texto-maquina{display:flex;align-items:center;justify-content:center;width:100%;min-height:5rem;padding-inline:.5rem;color:#94a3b8;font-size:clamp(1.35rem,3vw,2rem);font-weight:300;line-height:1.25;text-align:center}#texto-animado{display:inline;overflow-wrap:anywhere}.cursor{display:inline-block;flex:0 0 2px;width:2px;height:1.25em;margin-left:.3rem;background-color:#34d399;animation:parpadeo 1s infinite}.contenedor-redes{display:flex;gap:1.5rem;justify-content:center}.boton-red{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background-color:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#94a3b8;transition:all .3s ease;text-decoration:none}.boton-red:hover{background-color:#34d39926;color:#34d399;border-color:#34d399;transform:translateY(-5px)}.boton-red svg{display:block;width:24px;height:24px;flex-shrink:0;color:inherit;fill:currentColor!important}.boton-red svg path{fill:currentColor!important}@keyframes parpadeo{0%,to{opacity:1}50%{opacity:0}}.hero-asimetrico .boton-cv{margin-top:0}@media(min-width:768px){.hero-asimetrico{grid-template-columns:repeat(2,minmax(0,1fr));text-align:left}.columna-nombre,.columna-info{min-height:430px}.columna-nombre{padding-right:clamp(2rem,4vw,4rem);border-right:2px solid rgba(255,255,255,.1)}.columna-info{padding-left:clamp(2rem,4vw,4rem);align-items:center;text-align:center}.texto-maquina{min-height:5rem}.redes-hero{justify-content:center}}@media(max-width:767px){.hero-asimetrico{gap:2.5rem;padding-block:6rem 4rem;margin-block:0}.columna-nombre{padding-bottom:2.5rem;border-bottom:2px solid rgba(255,255,255,.1)}}.boton-cv{display:inline-flex;align-items:center;gap:.8rem;margin-top:1rem;padding:.8rem 2.2rem;background-color:#34d3990d;color:#34d399;border:1px solid rgba(52,211,153,.3);border-radius:50px;font-size:1rem;font-weight:600;text-decoration:none;letter-spacing:.5px;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px)}.boton-cv:hover{background-color:#34d39926;border-color:#34d399;color:#fff;transform:translateY(-4px);box-shadow:0 10px 25px -5px #34d39966,0 0 15px #34d39933}.boton-cv svg{width:20px;height:20px;transition:transform .3s ease}.boton-cv:hover svg{transform:scale(1.1)}.boton-volver{display:inline-flex;align-items:center;gap:.5rem;color:#94a3b8;background-color:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:.6rem 1.2rem;border-radius:50px;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;margin-bottom:2rem}.boton-volver:hover{color:#34d399;border-color:#34d39966;background-color:#34d3991a;transform:translate(-5px)}.boton-volver svg{width:18px;height:18px}.cuerpo-formulario{padding:2rem;text-align:left}.texto-instruccion{color:#94a3b8;font-size:.95rem;line-height:1.6;margin-bottom:2rem}.formulario-cv{display:flex;flex-direction:column;gap:1.5rem}.grupo-input{display:flex;flex-direction:column;gap:.5rem}.grupo-input label{color:#cbd5e1;font-size:.9rem;font-weight:500}.grupo-input input,.grupo-input textarea{background-color:#0f172a;border:1px solid rgba(52,211,153,.2);border-radius:8px;padding:.8rem;color:#fff;font-family:inherit;transition:all .3s ease}.grupo-input input:focus,.grupo-input textarea:focus{outline:none;border-color:#34d399;box-shadow:0 0 10px #34d39933}.boton-enviar{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.8rem;margin-top:1rem;background-color:transparent;color:#34d399;border:1px solid #34d399;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.boton-enviar:hover{background-color:#34d399;color:#020617;box-shadow:0 0 20px #34d39966;transform:translateY(-2px)}.boton-enviar svg{width:20px;height:20px}.navbar-flotante{position:fixed;top:2rem;left:50%;transform:translate(-50%);background:#ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.15);border-left:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000004d;padding:.5rem;border-radius:50px;display:flex;gap:.5rem;z-index:100}.nav-item{display:flex;align-items:center;text-decoration:none;color:#94a3b8;padding:.6rem;border-radius:50px;transition:all .18s ease;overflow:hidden}.nav-item:focus-visible{background-color:#34d39926;color:#34d399;outline:2px solid #34d399;outline-offset:2px}.nav-text{max-width:0;opacity:0;white-space:nowrap;transition:all .18s ease;font-size:.9rem;font-weight:500}.nav-item:focus-visible .nav-text{max-width:100px;opacity:1;margin-left:.5rem}@media(min-width:768px)and (hover:hover)and (pointer:fine){.nav-item:hover{background-color:#34d39926;color:#34d399}.nav-item:hover .nav-text{max-width:100px;opacity:1;margin-left:.5rem}}.nav-icon{width:24px;height:24px;flex-shrink:0}.contenedor-scroll{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;justify-content:center;text-decoration:none;opacity:.6;transition:opacity .3s ease}.contenedor-scroll:hover{opacity:1}.capsula-scroll{width:26px;height:42px;border:2px solid #94a3b8;border-radius:20px;display:flex;justify-content:center;padding-top:6px;transition:border-color .3s ease}.contenedor-scroll:hover .capsula-scroll{border-color:#34d399}.guion-flotante{width:4px;height:8px;background-color:#34d399;border-radius:4px;animation:deslizar-abajo 1.5s infinite}@keyframes deslizar-abajo{0%{transform:translateY(0);opacity:1}to{transform:translateY(15px);opacity:0}}.seccion-sobre-mi{min-height:100vh;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:1100px;margin:0 auto;padding:4rem 2rem;position:relative;z-index:10}.titulo-sobre-mi{font-size:3rem;font-weight:800;margin-bottom:2.5rem;background:linear-gradient(135deg,#34d399,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.grid-sobre-mi{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}@media(min-width:768px){.grid-sobre-mi{grid-template-columns:1.2fr .8fr}}.caja-texto{background:linear-gradient(145deg,#34d3990d,#3b82f60d);border:1px solid rgba(52,211,153,.3);padding:2.5rem;border-radius:40px;box-shadow:0 15px 35px #0003;backdrop-filter:blur(10px)}.caja-texto p{color:#e2e8f0;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.caja-texto strong{color:#34d399;font-weight:700}.contenedor-avatar{display:flex;justify-content:center;align-items:center;padding:1rem;margin:0 auto;width:320px;height:320px;border-radius:50%;background:linear-gradient(145deg,#34d3991a,#3b82f61a);border:2px solid rgba(52,211,153,.4);box-shadow:0 15px 35px #0000004d,0 0 40px #34d39926;transition:all .5s cubic-bezier(.4,0,.2,1)}.contenedor-avatar:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #0006,0 0 60px #34d39966;border-color:#34d399}.foto-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .5s ease}.contenedor-avatar:hover .foto-avatar{transform:scale(1.05)}.seccion-habilidades{min-height:100vh;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:1000px;margin:0 auto;padding:2rem 0;position:relative;z-index:10}.seccion-habilidades h2{font-size:3rem;font-weight:800;margin-bottom:2.5rem;background:linear-gradient(135deg,#34d399,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.grid-tarjetas{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}@media(min-width:768px){.grid-tarjetas{grid-template-columns:repeat(2,1fr)}.tarjeta-ancha{grid-column:span 2}}.borde-azul{border-top:4px solid #3b82f6}.borde-verde{border-top:4px solid #10b981}.borde-amarillo{border-top:4px solid #eab308}.borde-naranja{border-top:4px solid #f97316}.borde-cian{border-top:4px solid #06b6d4}.tarjeta-terminal{background-color:#1e293b;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0006}.cabecera-terminal{background-color:#0f172a;padding:.8rem 1rem;display:flex;align-items:center;position:relative}.botones-mac{display:flex;gap:6px;position:absolute;left:1rem}.botones-mac span{width:12px;height:12px;border-radius:50%}.botones-mac span:nth-child(1){background-color:#ef4444}.botones-mac span:nth-child(2){background-color:#eab308}.botones-mac span:nth-child(3){background-color:#22c55e}.cabecera-terminal h3{width:100%;text-align:center;font-size:.9rem;color:#f8fafc;letter-spacing:2px;margin:0}.tecnologia{display:flex;flex-direction:column;align-items:center;gap:.8rem;color:#cbd5e1;font-size:.85rem;font-weight:500;transition:transform .3s ease}.tecnologia:hover{transform:translateY(-5px);color:#fff}.tecnologia svg,.tecnologia img{width:45px;height:45px}.cuerpo-herramientas{padding:1.5rem 1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.seccion-proyectos{min-height:100vh;padding:6rem 2rem;max-width:1100px;margin:0 auto;position:relative;z-index:10}.titulo-seccion{font-size:3rem;font-weight:800;margin-bottom:2.5rem;background:linear-gradient(135deg,#34d399,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.proyectos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem}.proyecto-card{background:#0f172a99;border:1px solid rgba(52,211,153,.2);border-radius:16px;overflow:hidden;transition:all .4s ease;backdrop-filter:blur(10px);display:flex;flex-direction:column}.proyecto-card:hover{transform:translateY(-8px);border-color:#34d39980;box-shadow:0 15px 30px #0006,0 0 20px #34d39926}.imagen-contenedor{width:100%;height:200px;overflow:hidden}.imagen-contenedor img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.proyecto-card:hover .imagen-contenedor img{transform:scale(1.05)}.contenido-card{padding:1.8rem;display:flex;flex-direction:column;flex-grow:1}.contenido-card h3{color:#f8fafc;font-size:1.4rem;margin-bottom:1rem}.contenido-card p{color:#94a3b8;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.enlaces-proyecto{display:flex;gap:1rem;margin-bottom:1.5rem;margin-top:auto}.btn-proyecto{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s ease;flex:1}.btn-proyecto.fantasma{background-color:transparent;color:#e2e8f0;border:1px solid rgba(255,255,255,.2)}.btn-proyecto.fantasma:hover{background-color:#ffffff1a;border-color:#e2e8f0}.btn-proyecto.primario{background-color:#34d3991a;color:#34d399;border:1px solid #34d399}.btn-proyecto.primario:hover{background-color:#34d399;color:#020617;box-shadow:0 0 15px #34d39966}.tech-capsulas{display:flex;flex-wrap:wrap;gap:.6rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.capsula{display:inline-flex;align-items:center;gap:.4rem;background-color:#0000004d;color:#cbd5e1;font-size:.8rem;padding:.3rem .8rem;border-radius:50px;border:1px solid rgba(255,255,255,.05)}.capsula svg{width:16px;height:16px;display:block}.contenedor-descripcion{margin-bottom:1.5rem;flex-grow:1;display:flex;flex-direction:column;align-items:flex-start}.texto-recortado{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:all .3s ease}.texto-recortado.expandido{display:block;-webkit-line-clamp:unset;line-clamp:unset}.btn-leer-mas{background:none;border:none;color:#34d399;font-size:.8rem;align-self:center;font-weight:400;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:4px;transition:color .3s ease}.btn-leer-mas:hover{color:#f8fafc}.seccion-experiencia{min-height:100vh;padding:6rem 2rem;max-width:1100px;margin:0 auto;position:relative;z-index:10}.grid-trayectoria{display:grid;grid-template-columns:1fr;gap:4rem}@media(min-width:850px){.grid-trayectoria{grid-template-columns:1fr 1fr}}.titulo-columna{display:flex;align-items:center;gap:.8rem;color:#f8fafc;font-size:1.8rem;margin-bottom:2rem;font-weight:700}.titulo-columna svg{color:#34d399}.timeline-contenedor{position:relative;padding-left:2rem;border-left:2px solid rgba(52,211,153,.2)}.timeline-item{position:relative;margin-bottom:3rem}.timeline-item:last-child{margin-bottom:0}.timeline-punto{position:absolute;left:-2.52rem;top:0;width:18px;height:18px;background-color:#020617;border:2px solid rgba(52,211,153,.5);border-radius:50%;transition:all .4s ease}.timeline-item:hover .timeline-punto{background-color:#34d399;border-color:#34d399;box-shadow:0 0 15px #34d39999}.timeline-contenido{background:#0f172a66;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.8rem;transition:all .4s ease;backdrop-filter:blur(10px)}.timeline-item:hover .timeline-contenido{border-color:#34d3994d;transform:translate(8px);background:#0f172ab3;box-shadow:0 10px 30px #0000004d}.timeline-fecha{display:inline-block;color:#34d399;font-size:.85rem;font-weight:600;margin-bottom:1rem;letter-spacing:.5px;background:#34d3991a;padding:.3rem 1rem;border-radius:50px;border:1px solid rgba(52,211,153,.2)}.timeline-contenido h4{color:#f8fafc;font-size:1.3rem;margin-bottom:.4rem;font-weight:700}.timeline-empresa{color:#94a3b8;font-size:1rem;font-weight:500;margin-bottom:1.2rem;font-family:var(--fuente-textos)}.timeline-contenido p{color:#cbd5e1;font-size:.95rem;line-height:1.7;margin-bottom:0}.btn-timeline{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.2rem;padding:.5rem 1rem;background-color:#34d3991a;color:#34d399;border:1px solid rgba(52,211,153,.3);border-radius:8px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s ease}.btn-timeline:hover{background-color:#34d399;color:#020617;box-shadow:0 0 15px #34d39966;transform:translateY(-2px)}.seccion-contacto{padding:6rem 2rem;max-width:1000px;margin:0 auto;position:relative;z-index:10}.tarjeta-contacto{background:#0f172a66;border:1px solid rgba(52,211,153,.2);border-radius:24px;padding:3rem;display:grid;grid-template-columns:1fr;gap:3rem;backdrop-filter:blur(10px);box-shadow:0 15px 35px #0003}@media(min-width:768px){.tarjeta-contacto{grid-template-columns:1fr 1.2fr;gap:4rem}}.info-contacto h3{font-size:2rem;color:#f8fafc;margin-bottom:1rem}.info-contacto p{color:#94a3b8;line-height:1.7;margin-bottom:2rem}.enlaces-directos{display:flex;flex-direction:row;gap:1rem;margin-top:1rem}.enlace-contacto{display:flex;align-items:center;justify-content:center;width:55px;height:55px;color:#cbd5e1;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.enlace-contacto:hover{color:#34d399;background:#34d3991a;border-color:#34d3994d;transform:translateY(-5px);box-shadow:0 10px 20px -5px #34d3994d}.formulario-contacto{display:flex;flex-direction:column;gap:1.5rem}.grupo-input-contacto{display:flex;flex-direction:column;gap:.5rem}.grupo-input-contacto label{color:#cbd5e1;font-size:.9rem;font-weight:500}.grupo-input-contacto input,.grupo-input-contacto textarea{background-color:#02061799;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.8rem 1rem;color:#fff;font-family:inherit;transition:all .3s ease}.grupo-input-contacto input:focus,.grupo-input-contacto textarea:focus{outline:none;border-color:#34d399;box-shadow:0 0 10px #34d39933;background-color:#020617e6}.boton-enviar-contacto{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;margin-top:.5rem;background-color:#34d399;color:#020617;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.boton-enviar-contacto:hover{background-color:#10b981;box-shadow:0 0 20px #34d39966;transform:translateY(-2px)}.pie-pagina{text-align:center;padding:2rem;margin-top:2rem;border-top:1px solid rgba(255,255,255,.05);position:relative;z-index:10}.pie-pagina p{color:#64748b;font-size:.9rem}.revelar{opacity:0;transform:translate(-60px);transition:all 1s cubic-bezier(.25,.46,.45,.94)}.revelar.visible{opacity:1;transform:translate(0)}