*{box-sizing:border-box;margin:0;padding:0}:root{--negro:#634141;--gris:#777;--gris-claro:#f7f7f7;--borde:#ececec}html{scroll-behavior:smooth}body{color:var(--negro);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Courier New,Courier,monospace;line-height:1.6;overflow-x:hidden}.Header{justify-content:center;align-items:center;width:100%;padding:28px 20px;display:flex}.Header ul{justify-content:center;align-items:center;gap:28px;list-style:none;display:flex}.Header ul li a{color:var(--negro);border-bottom:1px solid #0000;padding-bottom:4px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s}.Header ul li a:hover{border-bottom:1px solid var(--negro)}.Hero{justify-content:space-between;align-items:center;gap:60px;width:100%;padding:60px 90px;display:flex}.Hero .Inicio{flex-direction:column;gap:18px;max-width:720px;display:flex}.Hero .Inicio .Titulo{letter-spacing:-2px;font-size:clamp(54px,9vw,84px);font-weight:800;line-height:.95}.Hero .Inicio .Descripcion{color:#444;font-size:24px;font-weight:700}.Hero .Inicio .Formacion{color:#555;font-size:16px;font-weight:700}.Hero .Inicio .Email{color:var(--gris);font-size:15px}.Hero .Inicio .Redes{flex-wrap:wrap;align-items:center;gap:18px;list-style:none;display:flex}.Hero .Inicio .Redes li a{color:var(--negro);border-bottom:1px solid #0000;padding-bottom:4px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s}.Hero .Inicio .Redes li a:hover{border-bottom:1px solid var(--negro)}.Hero .FotoPerfil{flex-shrink:0}.Hero .FotoPerfil img{object-fit:cover;width:320px;height:320px;display:block}.Divisor{opacity:.7;background:#111;width:40%;height:1px;margin:50px 0 50px 90px}.Subtitulo{letter-spacing:-1px;font-size:clamp(32px,6vw,40px);font-weight:800}.Habilidades{flex-direction:column;gap:35px;width:100%;padding:0 90px 80px;display:flex}.Habilidades .Categoria{border-bottom:1px solid var(--borde);flex-direction:column;gap:14px;padding-bottom:18px;display:flex}.Habilidades .Categoria h3{font-size:18px;font-weight:800}.Habilidades .TecnologiasList{flex-wrap:wrap;gap:10px;display:flex}.Habilidades .TechTag{background:var(--gris-claro);white-space:nowrap;border:1px solid #efefef;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 14px;font-size:14px;font-weight:700;display:flex}.Habilidades .tech-icon{font-size:15px}.Experiencia{flex-direction:column;gap:42px;width:100%;padding:0 90px 90px;display:flex}.Experiencia .Trabajo{flex-direction:column;gap:18px;display:flex}.Experiencia .Trabajo .TrabajoTop{justify-content:space-between;align-items:center;gap:20px;display:flex}.Experiencia .Trabajo .TrabajoTop h3{font-size:22px;font-weight:800}.Experiencia .Trabajo .TrabajoTop span{color:var(--gris);white-space:nowrap;font-size:14px;font-weight:700}.Experiencia .Trabajo p{color:#444;max-width:760px;font-size:16px;line-height:1.9}.Proyectos{flex-direction:column;gap:42px;width:100%;padding:0 90px 90px;display:flex}.ProyectosGrid{flex-direction:column;gap:42px;display:flex}.ProyectoCard{align-items:flex-start;gap:32px;display:flex}.ProyectoImagenLink{text-decoration:none}.ProyectoImagen{background:#fff;border:1px solid #ddd;flex-shrink:0;width:280px;display:block}.ProyectoImagen img{object-fit:cover;object-position:center;width:100%;height:160px;display:block}.ProyectoContenido{flex-direction:column;gap:14px;width:100%;display:flex}.ProyectoContenido h3{font-size:32px;font-weight:800}.ProyectoContenido p{color:#444;max-width:680px;font-size:16px;line-height:1.8}.ProyectoTech{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ProyectoTech i{background:#fff;border:1px solid #ececec;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.ProyectoLinks{flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px;display:flex}.ProyectoLinks a{min-height:42px;color:var(--negro);background:#fff;border:1px solid #e9e9e9;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.ProyectoLinks a:hover{background:#f7f7f7}.Contacto{text-align:center;flex-direction:column;align-items:center;gap:24px;width:100%;padding:80px 20px;display:flex}.Contacto .ContactoInfo{flex-direction:column;align-items:center;gap:18px;display:flex}.Contacto .ContactoInfo .ContactoTop h3{font-size:24px;font-weight:800}.Contacto .ContactoInfo p{color:#444;max-width:620px;font-size:15px;line-height:1.9}.Contacto .ContactoInfo .LinksContacto{flex-direction:column;gap:12px;list-style:none;display:flex}.Contacto .ContactoInfo .LinksContacto li a{color:var(--negro);border-bottom:1px solid #0000;padding-bottom:4px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s}.Contacto .ContactoInfo .LinksContacto li a:hover{border-bottom:1px solid var(--negro)}@media (width<=900px){.Header{padding:24px 16px}.Header ul{flex-wrap:wrap;gap:18px}.Hero{text-align:center;flex-direction:column-reverse;gap:35px;padding:40px 24px}.Hero .Inicio{align-items:center}.Hero .Inicio .Descripcion{font-size:20px}.Hero .Inicio .Formacion,.Hero .Inicio .Email{font-size:14px}.Hero .Inicio .Redes{justify-content:center}.Hero .FotoPerfil img{width:220px;height:220px}.Divisor{width:72%;margin:40px auto}.Habilidades,.Experiencia,.Proyectos{padding:0 24px 60px}.Trabajo .TrabajoTop{flex-direction:column;align-items:flex-start;gap:6px}.ProyectoCard{flex-direction:column;align-items:flex-start;gap:22px}.ProyectoImagen{width:100%;max-width:450px}.ProyectoImagen img{aspect-ratio:16/9;width:100%;height:auto}.ProyectoContenido{width:100%}.ProyectoContenido h3{font-size:28px}.ProyectoContenido p{font-size:15px}.ProyectoTech{gap:10px}.ProyectoTech i{width:40px;height:40px;font-size:17px}.ProyectoLinks{width:100%}.ProyectoLinks a{flex:1;min-width:140px}.Contacto{padding:60px 24px}.Contacto .LinksContacto{align-items:center}}@media (width<=480px){.Hero{padding:30px 18px}.Habilidades,.Experiencia,.Proyectos{padding:0 18px 50px}.Titulo{font-size:46px}.Subtitulo{font-size:30px}.ProyectoContenido h3{font-size:24px}.TecnologiasList{grid-template-columns:1fr 1fr;width:100%;display:grid}.TechTag{width:100%}.ProyectoLinks{flex-direction:column}.ProyectoLinks a{width:100%}.ProyectoTech{justify-content:flex-start;width:100%}}