/* Estilos base */
:root{
  --bg:#f7f5ef;--paper:#fffdf7;--ink:#2e2a25;
  --accent:#3c6e71;--accent-soft:#d2e4e5;--moss:#6b8f71;--rose:#c26d6d;--shadow:rgba(0,0,0,.06)
}
@media (prefers-color-scheme: dark){
  :root{--bg:#11110f;--paper:#171613;--ink:#f3efe7;--accent:#9ad0d3;--accent-soft:#243334;--moss:#a7c4a5;--rose:#e59a9a;--shadow:rgba(0,0,0,.25)}
}
body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-serif,Georgia,serif;line-height:1.6;font-size:18px}
.wrap{max-width:900px;margin:0 auto;padding:24px}
header.site{position:sticky;top:0;z-index:10;backdrop-filter:blur(6px);background:color-mix(in oklab,var(--bg) 80%, transparent);border-bottom:1px dashed color-mix(in oklab,var(--ink) 15%, transparent)}
.brand{display:flex;align-items:center;gap:12px;padding:12px 24px}
.logo{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--moss),var(--accent));box-shadow:0 2px 8px var(--shadow)}
nav{display:flex;gap:12px;padding:0 24px 16px 24px;flex-wrap:wrap}
nav a{text-decoration:none;color:var(--ink);padding:6px 10px;border-radius:999px;border:1px dashed transparent}
nav a:hover,nav a.active{border-color:color-mix(in oklab,var(--ink) 20%, transparent);background:var(--paper)}
.card{background:var(--paper);border-radius:20px;padding:20px;box-shadow:0 10px 30px var(--shadow);border:1px solid color-mix(in oklab,var(--ink) 8%, transparent)}
.separator{height:1px;margin:24px 0;background:repeating-linear-gradient(90deg,transparent,transparent 8px,color-mix(in oklab,var(--ink) 15%, transparent) 8px,color-mix(in oklab,var(--ink) 15%, transparent) 16px)}
.footer{text-align:center;font-size:14px;padding:32px 0;opacity:.7}
.pill{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--accent-soft)}
.kicker{text-transform:uppercase;font-size:12px;letter-spacing:1.2px;opacity:.7}
a{color:var(--accent)}
.manifiesto{border-left:3px solid var(--moss);padding-left:16px;margin:8px 0 16px}
.note{display:block;text-decoration:none;color:inherit}.note:hover .note-title{text-decoration:underline}
.note .meta{font-size:14px;opacity:.7}
.btn{display:inline-block;padding:8px 12px;border-radius:10px;background:var(--accent);color:#fff;text-decoration:none}
.btn:hover{filter:brightness(1.05)}