/* algorista · la casa: papel y tinta de «Tensión suave n.º 85»; la composición es lo único con color.
   Los valores son los tokens de diseno/sistema/tokens.json del repositorio de la app. */
@font-face{font-family:"Jost";src:url(/fuentes/Jost-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Jost";src:url(/fuentes/Jost-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
:root{--papel:#eae9e1;--papel-alto:#f3f2ec;--papel-hondo:#dedcd2;--tinta:#14110f;--tinta-suave:#57524c;--grafito:#8e877e;--amarillo:#f6b826;--sobre-tinta:#eae9e1;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--papel:#111319;--papel-alto:#1b1f28;--papel-hondo:#0b0d11;--tinta:#ecebe3;--tinta-suave:#a8a49b;--grafito:#6d6a64;--amarillo:#f5c443;--sobre-tinta:#111319}}
*{box-sizing:border-box}
html,body{margin:0;background:var(--papel);color:var(--tinta);font:17px/1.55 "Jost","Futura","Futura PT",system-ui,sans-serif}
a{color:var(--tinta);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{text-decoration-thickness:3px}
main{max-width:720px;margin:0 auto;padding:40px 20px 80px}
h1,h2{font-weight:700;line-height:1.1;margin:0}
h1{font-size:44px;letter-spacing:-.02em;margin-bottom:4px}
h2{font-size:20px;margin:36px 0 8px}
p{margin:0 0 12px}
.sub{color:var(--tinta-suave);font-size:20px;margin:0 0 28px}
.cabecera{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px}
.marca{width:56px;height:56px;flex:none;display:block}
.maquina{display:block;width:min(100%,420px);height:auto;margin:8px auto 32px}
.placa{background:var(--papel-alto);padding:20px;margin:16px 0}
.placa p:last-child{margin:0}
.nota{color:var(--tinta-suave);font-size:15px;margin-top:20px}
.hojas{margin:28px 0 0;display:flex;flex-wrap:wrap;gap:12px 28px}
.hojas a{font-weight:700;text-decoration-thickness:1.5px}
.principal{display:inline-flex;align-items:center;gap:12px;background:var(--tinta);color:var(--sobre-tinta);text-decoration:none;font-weight:700;padding:14px 20px;margin:6px 0}
.principal::before{content:"";width:0;height:0;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent var(--amarillo)}
.principal:hover{background:var(--amarillo);color:#14110f}
.principal:hover::before{border-left-color:#14110f}
.pie{margin-top:56px;color:var(--tinta-suave);font-size:14px}
.pie a{color:var(--tinta-suave)}
.idiomas{margin-top:44px;color:var(--tinta-suave);font-size:14px}
.idiomas a{color:var(--tinta-suave)}.idiomas span{color:var(--tinta)}
.lista-idiomas{list-style:none;padding:0;margin:0}.lista-idiomas li{margin:10px 0}.lista-idiomas a{font-weight:700}
.resumen strong{font-weight:700}