/index.html /style.css /posts/ 2026-01-07-mi-primer-post.html 2026-01-10-otro-post.html /about.html :root{ --bg:#0b0c10; --card:#12141b; --text:#e8e8ea; --muted:#a7a7b0; --line:#232634; --accent:#7c5cff; } *{box-sizing:border-box;} html,body{margin:0;padding:0;} body{ font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background:var(--bg); color:var(--text); line-height:1.6; } a{color:var(--text); text-decoration:none;} a:hover{color:var(--accent);} .wrapper{ max-width: 860px; margin: 0 auto; padding: 28px 16px 60px; } header{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; padding: 10px 0 18px; border-bottom: 1px solid var(--line); margin-bottom: 18px; } .brand{ display:flex; flex-direction:column; gap:4px; } .brand h1{ font-size: 20px; margin:0; letter-spacing:.2px; } .brand p{ margin:0; color:var(--muted); font-size: 13px; } nav{ display:flex; gap:12px; font-size: 14px; } nav a{ padding:8px 10px; border:1px solid var(--line); border-radius:12px; background:transparent; } nav a:hover{border-color: var(--accent);} .card{ background:var(--card); border:1px solid var(--line); border-radius:18px; padding:16px; margin: 0 0 14px; } .post-title{ margin: 0 0 6px; font-size: 20px; } .meta{ color:var(--muted); font-size: 13px; margin-bottom: 10px; } hr{ border:none; border-top:1px solid var(--line); margin: 18px 0; } footer{ margin-top: 30px; color:var(--muted); font-size: 13px; border-top: 1px solid var(--line); padding-top: 16px; } .tag{ display:inline-block; font-size:12px; color:var(--muted); border:1px solid var(--line); border-radius:999px; padding:4px 10px; margin-right:8px; }
Blog / bitácora: cine, foto, proceso, obsesiones.
Arranco este blog para tener un lugar propio, sin algoritmo, sin pedir permiso.
Notas sobre edición, memoria y cómo se siente estar trabajando con material sensible.