:root{--radius: 14px;--radius-sm: 8px;--accent-contrast: #ffffff;--hoja-bg: #ffffff;--hoja-surface: #faf8f3;--hoja-text: #1a1a1a;--hoja-muted: #6b6b6b;--hoja-border: #e4e0d6}[data-tema=papiro_clasico]{--bg: #fbf7ee;--surface: #ffffff;--surface-2: #f3ecdd;--border: #e5dbc5;--text: #1a2a47;--text-muted: #5d6b85;--text-faint: #9aa3b5;--accent: #b98f35;--accent-2: #d4b25e;--accent-soft: rgba(185, 143, 53, .12);--accent-contrast: #1a2a47;--success: #2e9e63;--success-soft: rgba(46, 158, 99, .1);--danger: #c0483c;--danger-soft: rgba(192, 72, 60, .1);--cita-verde: #2e8b57;--cita-azul: #2b5d8a;--cita-amarillo: #c99a00}[data-tema=vitela]{--bg: #f7f5f0;--surface: #ffffff;--surface-2: #efebe1;--border: #e0dacb;--text: #2f4a3e;--text-muted: #5f7268;--text-faint: #9aa69e;--accent: #b46e3c;--accent-2: #d08e5e;--accent-soft: rgba(180, 110, 60, .12);--accent-contrast: #ffffff;--success: #3b8b5e;--success-soft: rgba(59, 139, 94, .1);--danger: #c0483c;--danger-soft: rgba(192, 72, 60, .1);--cita-verde: #2f7d54;--cita-azul: #2b5d8a;--cita-amarillo: #bf9000}[data-tema=solana]{--bg: #fcfaf5;--surface: #ffffff;--surface-2: #f3eee3;--border: #e6dfd0;--text: #223a52;--text-muted: #5e7488;--text-faint: #9daab6;--accent: #2b5d8a;--accent-2: #c4633e;--accent-soft: rgba(43, 93, 138, .1);--accent-contrast: #ffffff;--success: #2e9e63;--success-soft: rgba(46, 158, 99, .1);--danger: #c4633e;--danger-soft: rgba(196, 99, 62, .12);--cita-verde: #2e8b57;--cita-azul: #2b5d8a;--cita-amarillo: #c99a00}[data-tema=tinta_nocturna]{--bg: #0f1829;--surface: #1b2740;--surface-2: #24314f;--border: #33415f;--text: #e8ecf5;--text-muted: #9ba8c0;--text-faint: #64728c;--accent: #d4af5e;--accent-2: #e8ce8a;--accent-soft: rgba(212, 175, 94, .14);--accent-contrast: #0f1829;--success: #3fae6e;--success-soft: rgba(63, 174, 110, .12);--danger: #e0524a;--danger-soft: rgba(224, 82, 74, .12);--cita-verde: #4fc07f;--cita-azul: #6fa8dc;--cita-amarillo: #e8c14a}[data-tema=obsidiana]{--bg: #121412;--surface: #1c201c;--surface-2: #262c26;--border: #35403a;--text: #e8ecea;--text-muted: #9ba69e;--text-faint: #66726a;--accent: #3fa97c;--accent-2: #c9cfd6;--accent-soft: rgba(63, 169, 124, .14);--accent-contrast: #121412;--success: #3fae6e;--success-soft: rgba(63, 174, 110, .12);--danger: #e0524a;--danger-soft: rgba(224, 82, 74, .12);--cita-verde: #4fc07f;--cita-azul: #7fb0d8;--cita-amarillo: #e0c04a}[data-tema=terciopelo]{--bg: #1f1216;--surface: #2c1a20;--surface-2: #38242c;--border: #4a2f38;--text: #f3e9ec;--text-muted: #c0a3ac;--text-faint: #8a6e76;--accent: #a34e5e;--accent-2: #c9a96a;--accent-soft: rgba(163, 78, 94, .16);--accent-contrast: #f3e9ec;--success: #8bae6e;--success-soft: rgba(139, 174, 110, .12);--danger: #d9685c;--danger-soft: rgba(217, 104, 92, .14);--cita-verde: #6fb98a;--cita-azul: #a88bd0;--cita-amarillo: #d8b45a}[data-hoja-clara=false]{--hoja-bg: var(--surface);--hoja-surface: var(--surface-2);--hoja-text: var(--text);--hoja-muted: var(--text-muted);--hoja-border: var(--border)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;transition:background .25s ease,color .25s ease;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Fraunces,Georgia,serif;color:var(--text);margin:0}.tarjeta{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.boton{font-family:inherit;font-size:.95rem;font-weight:600;border:none;border-radius:var(--radius-sm);padding:10px 18px;cursor:pointer;background:var(--accent);color:var(--accent-contrast);transition:filter .15s ease}.boton:hover{filter:brightness(1.06)}.boton-secundario{background:var(--accent-soft);color:var(--accent)}.hoja{background:var(--hoja-bg);color:var(--hoja-text);border:1px solid var(--hoja-border);border-radius:var(--radius);padding:32px 40px;font-family:Fraunces,Georgia,serif;line-height:1.7;box-shadow:0 10px 30px #00000014}.hoja .meta{color:var(--hoja-muted)}.cita-verde{color:var(--cita-verde);border-bottom:2px solid var(--cita-verde)}.cita-azul{color:var(--cita-azul);border-bottom:2px solid var(--cita-azul)}.cita-amarillo{color:var(--cita-amarillo);border-bottom:2px dashed var(--cita-amarillo)}