/* Insaari: misma identidad que el resto de las herramientas (aspecto claro y cálido). */
:root, :root:not([data-theme="light"]), :root[data-theme="dark"]{
  --bg:#f7f2ea; --surface:#fffdf9; --surface-2:#efe5d6; --line:#e4d8c6; --ink:#1c1a18; --ink-2:#5f5850;
  --accent:#8c1621; --accent-ink:#ffffff; --accent-soft:#f6e3e4; --warn:#8a5a00; --warn-bg:#fbefd7; --bad:#a10d16; --bad-bg:#fbe5e6; --ok:#1f6b3f; --ok-bg:#e6f1e8;
  --ad-bg:rgba(255,255,255,.4); --ad-ink:#5f5850; --shadow:0 1px 0 #e4d8c6,0 8px 24px rgba(60,40,20,.07); --viewer-bg:radial-gradient(120% 90% at 50% 15%,#ffffff 0%,#efe5d6 75%);
  --f-display:"DM Serif Display", Georgia, serif; --f-body:"Source Serif 4", Georgia, serif; color-scheme:light;
}
body{background:var(--bg)}
.bar{background:#1f1d1c;color:#f7f2ea}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px 28px;flex-wrap:wrap;padding-block:12px}
.logo{display:grid;justify-items:center;text-decoration:none;line-height:1;color:inherit}
.logo b{font-family:var(--f-display);font-weight:400;font-size:28px;letter-spacing:.04em}
.logo small{font-size:9.5px;letter-spacing:.42em;margin-top:3px;padding-left:.42em}
.logo small::after{content:"";display:block;width:24px;height:1.5px;background:#a51d2a;margin:5px auto 0}
.bar nav.menu{display:flex;gap:8px 26px;flex-wrap:wrap;font-size:16px}
.bar nav.menu a{color:inherit;text-decoration:none;padding-block:3px}
.bar nav.menu a[aria-current]{border-bottom:2px solid #a51d2a}
.hero h1{font-family:var(--f-display);font-weight:400;letter-spacing:0}
.hero .crumb{font-size:14px;color:var(--ink-2);margin:0 0 6px}.hero .crumb a{color:inherit}
.prefill{display:inline-block;margin-top:10px;background:var(--ok-bg);color:var(--ok);border-radius:8px;padding:8px 12px;font-size:15px}
h2,h3,.fmt b{font-family:var(--f-display);font-weight:400}
.ifoot{background:#1f1d1c;color:#f7f2ea;margin-top:40px}
.ifoot .wrap{display:grid;justify-items:center;gap:12px;padding-block:26px 32px;text-align:center}
.ifoot .links{display:flex;gap:8px 22px;flex-wrap:wrap;justify-content:center;font-size:14px;color:#cfc6ba}
.ifoot .links a{color:inherit}

.head{position:relative;color:#f7f2ea;background:#1f1d1c url(../img/qr.jpg) center 45%/cover no-repeat}
.head::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,14,12,.88) 0%,rgba(18,14,12,.62) 55%,rgba(18,14,12,.35) 100%)}
.head .wrap{position:relative;padding-block:34px 36px}
.head .crumb{font-size:14px;color:#d9cfc2;margin:0 0 8px}.head .crumb a{color:inherit}
.head h1{font-family:var(--f-display);font-weight:400;font-size:clamp(30px,4.6vw,48px);line-height:1.06;margin:0 0 10px;color:#f7f2ea}
.head p{color:#efe7dc;max-width:60ch;margin:0}.head p strong{color:#fff}
.head .prefill{background:rgba(230,241,232,.95);color:#1f6b3f;margin-top:12px}
.tool{margin-top:24px}