*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#fff;min-height:100vh;font-family:Inter,sans-serif;display:flex}.hero-lateral{width:40%;height:100vh;position:fixed;top:0;left:0}.hero-lateral img{object-fit:cover;width:100%;height:100%}.contenido-principal{flex-direction:column;width:60%;margin-left:40%;padding:40px 8%;display:flex;position:relative}.tiktok-superior{justify-content:flex-end;margin-bottom:25px;display:flex}.btn-tiktok{color:#111;border:1.5px solid #111;border-radius:5px;align-items:center;gap:8px;padding:8px 18px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn-tiktok:hover{color:#fff;background:#111}.perfil-header{text-align:center;margin-bottom:50px}.perfil-header h1{letter-spacing:-1px;margin-bottom:10px;font-size:3.5rem;font-weight:500}.perfil-header p{color:#666}.seccion-portafolio{justify-content:center;margin-bottom:60px;display:flex}.galeria{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));justify-items:center;gap:40px;width:100%;max-width:900px;display:grid}.foto-item{flex-direction:column;align-items:center;width:100%;display:flex}.foto-etiqueta{text-transform:uppercase;letter-spacing:2px;color:#777;margin-bottom:12px;font-size:.75rem;font-weight:500}.foto-item img{object-fit:cover;cursor:pointer;border-radius:5px;width:100%;height:300px;transition:transform .3s}.foto-item img:hover{transform:scale(1.03)}footer{text-align:center;color:#999;margin-top:auto;padding:50px 0;font-size:.85rem}.lightbox{z-index:9999;background:#000000f2;justify-content:center;align-items:center;width:100%;height:100vh;display:none;position:fixed;top:0;left:0}.lightbox.mostrar{display:flex}.lightbox-contenido{flex-direction:column;align-items:center;max-width:85%;display:flex}.lightbox-etiqueta{color:#fff;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;font-size:.9rem}.lightbox img{object-fit:contain;border-radius:5px;max-width:100%;max-height:80vh}.lightbox-btn{color:#fff;cursor:pointer;background:0 0;border:none;transition:all .3s;position:absolute}.lightbox-btn:hover{color:#999}.cerrar{font-size:3.5rem;top:20px;right:30px}.prev{font-size:3rem;left:25px}.next{font-size:3rem;right:25px}@media (width<=900px){body{flex-direction:column}.hero-lateral{width:100%;height:40vh;position:relative}.contenido-principal{width:100%;margin-left:0;padding:40px 5%}.perfil-header h1{font-size:2.5rem}.galeria{grid-template-columns:1fr}}