:root{color-scheme:light;--bg:#f6f4ef;--paper:#fffefa;--ink:#172d3a;--muted:#536572;--line:#BB852B;--accent:#82571A;--error:#a32826}*{box-sizing:border-box;min-width:0}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Arial,sans-serif}::selection{background:#F0CD78;color:var(--ink)}*{scrollbar-color:var(--accent) var(--bg)}[hidden]{display:none!important}a{color:inherit;text-underline-offset:4px}header{padding:20px max(20px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}header div{display:flex;align-items:center;gap:20px}.brand{font:28px Georgia,serif;text-decoration:none}main{max-width:1200px;margin:auto;padding:40px 20px 80px}h1,h2{font-family:Georgia,serif;line-height:1.2;font-weight:400}h1{font-size:clamp(30px,5vw,42px);margin:0 0 20px}h2{font-size:26px;margin:0 0 24px}p{max-width:65ch}button,input,textarea,select{font:inherit;color:inherit;caret-color:var(--accent)}button{cursor:pointer;min-height:46px;padding:10px 18px;border:1px solid var(--line);background:var(--paper)}button:hover{border-color:var(--accent)}button:disabled{opacity:.6;cursor:wait}button.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}input,textarea,select{width:100%;min-height:48px;padding:10px 12px;background:var(--paper);border:1px solid var(--line);border-radius:0}textarea{min-height:130px;resize:vertical}textarea[name=texto]{min-height:340px}label{display:block;margin-bottom:6px}form{max-width:760px}#login{max-width:440px;margin:30px auto}#login-form{display:grid;gap:14px;margin-top:30px}#tabs{display:flex;overflow:auto;gap:8px;margin:30px 0;border-bottom:1px solid var(--line)}#tabs button{border:0;border-bottom:3px solid transparent;background:transparent;white-space:nowrap}#tabs [aria-selected=true]{border-bottom-color:var(--accent);color:var(--accent)}#panel{display:grid;gap:32px;align-items:start}#list article{padding:18px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}#list article p{margin:0 0 8px}#list article button{margin:4px 6px 0 0;font-size:14px}#list>button{margin-bottom:14px}#list .state{font-size:14px;color:var(--muted)}#editor{padding-top:8px}.field{margin-bottom:22px}.hint{font-size:14px;color:var(--muted)}.check{display:flex;gap:12px;align-items:center;margin:24px 0}.check input{width:22px;min-height:22px}.actions{display:flex;gap:12px;flex-wrap:wrap}.preview{display:block;max-width:100%;max-height:200px;object-fit:contain;margin-top:16px}.confirm{padding:14px;background:#eee8dd;margin-top:12px}.error,[role=alert]{color:var(--error)}#toast:empty{display:none}#toast{position:fixed;bottom:20px;left:20px;right:20px;max-width:600px;margin:auto;padding:14px 20px;background:var(--ink);color:var(--paper);box-shadow:0 5px 22px #172d3a26}#logout{background:transparent}#form-error{min-height:1.6em}@media(min-width:800px){#panel{grid-template-columns:300px minmax(0,1fr);gap:48px}main{padding-top:56px}}

header .brand{display:flex;align-items:center;gap:10px;flex-shrink:0}header .brand picture,header .brand img{display:block}header .brand img{width:auto;height:38px;object-fit:contain}button.primary{background:#CFA04A;color:#172d3a;border-color:#BB852B}button.primary:hover{background:#F0CD78}@media(min-width:800px){header .brand img{height:52px}}@media(max-width:400px){header{gap:12px}header>div{gap:12px;font-size:13px}}