/* ─────────────────────────────────────────────────────────────
   Kunko · la base comun de las 55 paginas.

   Estas reglas estaban escritas identicas, palabra por palabra,
   dentro de cada pagina: el enlace 47 veces, el header 45, el
   boton al pasar el mouse 22. Cambiar una era abrir 47 archivos
   y confiar en no saltearse ninguno.

   Aca estan una sola vez. Se cargan ANTES del <style> propio de
   cada pagina, asi que una pagina que necesite una excepcion la
   sigue pudiendo declarar y sigue ganando.

   Lo que quedo afuera a proposito: todo lo que tenia versiones
   distintas segun la pagina. Eso no se unifica a ciegas, se
   elige. Vive en kunko.css.
   ───────────────────────────────────────────────────────────── */

html{scroll-behavior:smooth}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.nav .links{align-items:center;color:var(--gray);display:flex;font-size:14px;font-weight:500;gap:24px}
.nav .links .cta{background:var(--navy);border-radius:999px;color:#fff;padding:10px 20px}
.nav .links .cta:hover{background:var(--pink)}
.answer b,.lede b,.nav .links a:hover,td b{color:var(--navy)}
.answer{color:var(--gray);font-size:clamp(16px,1.6vw,19px);line-height:1.62;max-width:64ch}
.box .lb{color:var(--pink);font-family:'Space Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.07em;margin-bottom:8px;text-transform:uppercase}
.box p:last-child{margin-bottom:0}
.box.am{border-left-color:var(--amber)}
.box.am .lb{color:var(--amber)}
.box.em{border-left-color:var(--emerald)}
.box.em .lb{color:var(--emerald)}
.btn.nv{background:transparent;color:var(--navy)}
.btn.nv:hover,.sec.nv{background:var(--navy);color:#fff}
.btn:hover{transform:translateY(-2px)}
.card .n{color:var(--pink);font-family:'Space Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.06em}
.card h3{font-size:17px;margin-top:0}
.card ul{font-size:14px;margin-bottom:0;margin-left:18px}
.card.am::before{background:var(--amber)}
.card.bl::before{background:var(--blue)}
.card.em::before{background:var(--emerald)}
.cards{border-top:1px solid var(--navy);display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:32px 0}
.crumbs a:hover,.dgrow a:hover{color:var(--pink)}
.cta-end{background:var(--navy);border-radius:16px;color:#fff;margin:64px 0 0;padding:clamp(32px,4.4vw,56px)}
.cta-end h2{color:#fff;margin:0 0 12px}
.cta-end p{color:rgba(255,255,255,.72);line-height:1.62;margin:0 0 26px;max-width:46ch}
.dgrow{align-items:baseline;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;font-family:'Space Mono',monospace;font-size:12px;gap:8px 15px;margin-top:24px;padding-top:22px}
.dgrow .dgl{color:var(--gray2);font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.faq{margin-top:14px;max-width:74ch}
.faq details{border-bottom:1px solid var(--rule);padding:16px 0}
.faq details p{margin-bottom:0;margin-top:10px}
.faq details[open] summary::after{content:'−'}
.faq summary{align-items:flex-start;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:16px;justify-content:space-between;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{color:var(--pink);content:'+';font-size:20px;font-weight:700;line-height:1}
.kick::after{background:linear-gradient(90deg,var(--pink),transparent);content:'';display:block;height:2px;margin-top:8px;width:44px}
.narrow{max-width:860px}
.reveal.in{opacity:1;transform:none}
.steps{counter-reset:s;list-style:none;margin:26px 0;padding:0}
.steps b{color:var(--navy);display:block;font-size:17px;font-weight:600;margin-bottom:4px}
.steps li{counter-increment:s;margin-bottom:26px;max-width:70ch;padding-left:56px;position:relative}
.steps li::before{align-items:center;background:var(--navy);border-radius:50%;color:#fff;content:counter(s,decimal-leading-zero);display:flex;font-family:'Space Mono',monospace;font-size:13px;font-weight:700;height:34px;justify-content:center;left:0;position:absolute;top:-2px;width:34px}
.term{border-top:1px solid var(--rule);padding:18px 0}
.term dd{color:var(--gray);font-size:14.5px;line-height:1.6}
.term dt{font-size:16px;font-weight:600;margin-bottom:5px}
.term dt span{color:var(--gray2);font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.06em;margin-left:8px;text-transform:uppercase}
.terms{display:grid;gap:0 32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
::selection{background:var(--pink);color:#fff}
.hero h1 em,h1 em{color:var(--pink);font-style:normal}
ol{color:var(--gray);font-size:15.5px;margin:0 0 15px 22px;max-width:70ch}
li b,p b{color:var(--navy);font-weight:600}
.fnav a{color:rgba(255,255,255,.7)}