:root{--fondo:#161419;--fondo-2:#211c24;--panel:#2b2330;--panel-2:#3f3444;--texto:#efe6d7;--texto-suave:#cbbda8;--acento:#9b5035;--acento-2:#6f8f72;--detalle:#8a7f56;--borde:#4e3f43;--sombra:#00000059}.ruido{pointer-events:none;opacity:.05;z-index:0;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:4px 4px;position:fixed;inset:0}.hero,.contenedor,.pie{z-index:1;position:relative}.hero{justify-content:center;align-items:center;min-height:12vh;padding:3rem 1.5rem 2rem;display:flex}.caja-hero{width:min(900px,100%);box-shadow:8px 8px 0 var(--sombra);background:linear-gradient(#332938eb,#2b2330f5);padding:2rem}.etiqueta{color:var(--acento-2);letter-spacing:1px;margin-bottom:1rem;font-size:.85rem}.hero h1{text-transform:uppercase;text-shadow:3px 3px #0000004d;margin-bottom:1rem;font-size:3rem;line-height:1}.subtitulo{max-width:60ch;color:var(--texto-suave);margin-bottom:1.8rem}.acciones-hero{flex-wrap:wrap;gap:1rem;display:flex}.boton{color:var(--texto);background:var(--acento);text-transform:uppercase;border:2px solid #000;padding:.85rem 1.2rem;font-size:.9rem;text-decoration:none;transition:transform .15s,box-shadow .15s,background .2s;display:inline-block;box-shadow:4px 4px #000}.boton:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.boton-alterno{background:var(--acento-2);color:#111}.contenedor{width:min(1100px,100% - 2rem);margin:0 auto;padding-bottom:4rem}.seccion{margin-top:2rem;margin-bottom:3.5rem}.titulo-seccion{align-items:center;gap:.8rem;margin-bottom:1.5rem;display:flex}.titulo-seccion h2{text-transform:uppercase;font-size:1.8rem}.punto-pixel{background:var(--detalle);flex-shrink:0;width:14px;height:14px;box-shadow:2px 2px #000}.rejilla-proyectos{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;display:grid}.tarjeta-proyecto,.tarjeta-sobre-mi{color:inherit;box-shadow:6px 6px 0 var(--sombra);background:linear-gradient(#2b2330fa,#211c24fa);padding:1.25rem;text-decoration:none;transition:transform .18s,border-color .18s,background .18s}.tarjeta-proyecto:hover{background:linear-gradient(#332938,#2b2330);transform:translateY(-4px)}.cabecera-tarjeta{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.etiqueta-proyecto{color:var(--acento-2);font-size:.9rem}.tipo-proyecto{color:var(--detalle);border:1px solid var(--borde);padding:.15rem .45rem;font-size:.8rem}.tarjeta-proyecto h3,.tarjeta-sobre-mi h3{text-transform:uppercase;margin-bottom:.7rem;font-size:1.2rem}.tarjeta-proyecto p,.tarjeta-sobre-mi p{color:var(--texto-suave)}.sobre-mi{margin-top:3rem}.etiquetas-sobre-mi{flex-wrap:wrap;gap:.7rem;margin-top:1.2rem;display:flex}.etiquetas-sobre-mi span{background:var(--panel-2);border:1px solid var(--borde);color:var(--texto);padding:.45rem .7rem;font-size:.85rem;display:inline-block;box-shadow:3px 3px #00000040}.borde-pixel{border:3px solid var(--borde);outline:1px solid #000;position:relative}.borde-pixel:after{content:"";pointer-events:none;border:1px dashed #efe6d714;position:absolute;inset:6px}.pie{text-align:center;color:var(--texto-suave);border-top:1px solid #cbbda81f;padding:1.5rem}@media (max-width:800px){.rejilla-proyectos{grid-template-columns:1fr}.caja-hero{padding:1.4rem}.titulo-seccion h2{font-size:1.4rem}}@media (max-width:480px){.hero{min-height:auto;padding-top:2rem}.hero h1{font-size:2rem}.subtitulo{font-size:.95rem}.boton{text-align:center;width:100%}}