/* Mesero landing · the Recursos pages: the hub, the blog and its articles, and the guides beside them.
   On top of home.css (tokens, hero, buttons, FAQ, close) and product.css (the product pages' hero and proof rows).
   resources.js builds an article's contents list and reading bar, and filters the blog by topic. */

/* ── Heads ───────────────────────────────────────────────────────────────────────────────────────────────── */
.p-hero.r-hero{padding-bottom:clamp(52px,6.5vw,96px)}
.r-hero::before{background:
  radial-gradient(52% 70% at 88% 18%,rgba(255,97,82,.22),transparent 62%),
  radial-gradient(40% 60% at 6% 100%,rgba(83,104,255,.12),transparent 70%),
  var(--ink)}
.r-head{position:relative;max-width:920px}
.r-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 26px;color:var(--on-ink-3);font:700 .82rem/1.2 var(--body)}
.r-crumbs a{color:var(--on-ink-2);text-decoration:none;transition:color .15s}
.r-crumbs a:hover{color:var(--on-ink)}
.r-crumbs>*+*::before{content:"/";margin-right:8px;color:rgba(246,241,232,.3)}
.r-hero .post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 22px;color:var(--on-ink-2);font:600 .92rem/1.3 var(--body)}
.post-tag{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;background:rgba(255,97,82,.14);color:var(--coral-soft);font:800 .72rem/1 var(--body);letter-spacing:.09em;text-transform:uppercase}
.post-tag.update{background:rgba(83,104,255,.18);color:#aeb8ff}
.p-hero.r-hero h1{max-width:19em;font-size:clamp(2.15rem,.95rem + 3vw,3.7rem);line-height:1.04;letter-spacing:-.042em}
.p-hero.r-hero h1 span{color:var(--coral-soft)}
.r-hero .lede,.r-hero .r-lead{margin-top:24px;max-width:46rem;color:var(--on-ink-2);font-size:clamp(1.07rem,.98rem + .35vw,1.25rem);line-height:1.62}
.r-byline{display:flex;align-items:center;gap:12px;margin-top:32px;color:var(--on-ink);font-weight:800;font-size:.95rem}
.r-mark{flex:none;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(140deg,#ff6152 0%,#eb4037 100%);color:#fff;font:700 1.05rem/1 var(--display);box-shadow:0 8px 20px -6px rgba(235,64,55,.55)}
.r-byline small{display:block;margin-top:3px;color:var(--on-ink-3);font-weight:600;font-size:.82rem}

/* The reading bar (resources.js sets --p from 0 to 1). */
.r-progress{position:fixed;left:0;right:0;top:0;z-index:70;height:3px;pointer-events:none}
.r-progress span{display:block;height:100%;transform-origin:0 50%;transform:scaleX(var(--p,0));background:linear-gradient(90deg,#ff8f7a,#ff6152 55%,#da392d)}

/* ── An article: the text on paper, its contents list beside it ───────────────────────────────────────────── */
.r-read{background:var(--paper);color:var(--text);padding:clamp(48px,6vw,92px) 0 clamp(64px,7vw,110px)}
.r-read-grid{display:grid;grid-template-columns:minmax(0,740px);justify-content:center;gap:clamp(36px,5vw,88px);align-items:start}
.r-read-grid.has-toc{grid-template-columns:minmax(0,230px) minmax(0,740px)}
.r-toc{position:sticky;top:calc(var(--site-header-h,72px) + 32px);max-height:calc(100vh - var(--site-header-h,72px) - 64px);overflow:auto;padding:4px 0}
.r-toc[hidden]{display:none}
.r-toc p{margin:0 0 14px;color:var(--text-3);font:800 .72rem/1.2 var(--body);letter-spacing:.12em;text-transform:uppercase}
.r-toc ol{margin:0;padding:0;list-style:none;border-left:2px solid var(--line)}
.r-toc a{display:block;margin-left:-2px;padding:7px 0 7px 16px;border-left:2px solid transparent;color:var(--text-3);font-size:.9rem;font-weight:600;line-height:1.4;text-decoration:none;transition:color .15s,border-color .15s}
.r-toc a:hover{color:var(--text)}
.r-toc a.is-here{border-left-color:var(--coral);color:var(--text);font-weight:800}
@media (max-width:1079.98px){.r-read-grid.has-toc{grid-template-columns:minmax(0,740px)}.r-toc{display:none}}

.r-prose{min-width:0;color:var(--text-2);font-size:1.09rem;line-height:1.78}
.r-prose .article{max-width:none;margin:0;padding:0}
.r-prose h2{margin:2.3em 0 .65em;color:var(--text);font:700 clamp(1.6rem,1.2rem + 1vw,2.1rem)/1.14 var(--display);letter-spacing:-.032em;scroll-margin-top:calc(var(--site-header-h,72px) + 24px)}
.r-prose .article>h2:first-child,.r-prose .article>.callout:first-child+h2{margin-top:0}
.r-prose h3{margin:1.9em 0 .45em;color:var(--text);font:700 1.3rem/1.3 var(--display);letter-spacing:-.02em}
.r-prose p{margin:0 0 1.15em}
.r-prose a{color:var(--coral-ink);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.r-prose a:hover{text-decoration-thickness:2px}
.r-prose strong{color:var(--text)}
.r-prose ul,.r-prose ol{margin:0 0 1.35em;padding-left:1.35em}
.r-prose li{margin:.4em 0;padding-left:.3em}
.r-prose ul>li::marker{color:var(--coral)}
.r-prose ol>li::marker{color:var(--coral-ink);font:700 1em var(--display)}
.r-prose table{width:100%;margin:1.5em 0 1.9em;border-collapse:separate;border-spacing:0;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line),0 12px 28px -18px rgba(21,22,28,.25);font-size:.95rem;line-height:1.5;overflow:hidden}
.r-prose th,.r-prose td{padding:13px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.r-prose th{background:var(--ink);color:var(--on-ink);font-size:.8rem;font-weight:800;letter-spacing:.04em}
.r-prose tr:last-child>td{border-bottom:0}
.r-prose tbody tr:nth-child(even)>td{background:rgba(243,238,230,.45)}
@media (max-width:640px){.r-prose table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}
.r-prose .callout{position:relative;margin:1.7em 0;padding:22px 24px 22px 26px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line),0 14px 30px -20px rgba(21,22,28,.3)}
.r-prose .callout::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:0 4px 4px 0;background:var(--coral)}
.r-prose .callout p{margin-bottom:.7em;font-size:1.02rem}
.r-prose .callout p:last-child{margin-bottom:0}
.r-prose .callout.warn::before{background:#e39a00}
.r-prose .callout.warn{background:#fffaf0}
.r-prose .callout.update::before{background:#5368ff}
.r-prose .callout.update{background:#f6f7ff}
.r-prose .timeline{margin:1.6em 0 1.9em;padding:0;list-style:none}
.r-prose .timeline li{position:relative;margin:0;padding:0 0 22px 34px;line-height:1.6}
.r-prose .timeline li::before{content:"";position:absolute;left:6px;top:8px;width:12px;height:12px;border-radius:50%;background:var(--paper);box-shadow:0 0 0 2px var(--text-3)}
.r-prose .timeline li::after{content:"";position:absolute;left:11px;top:24px;bottom:2px;width:2px;background:var(--line)}
.r-prose .timeline li:last-child{padding-bottom:0}
.r-prose .timeline li:last-child::after{display:none}
.r-prose .timeline strong{display:block;color:var(--text);font:700 1.08rem/1.3 var(--display)}
.r-prose .timeline .crossed strong{color:var(--text-3);text-decoration:line-through;text-decoration-color:rgba(194,50,31,.6)}
.r-prose .timeline .now::before{background:var(--coral);box-shadow:0 0 0 4px rgba(255,97,82,.2)}
.r-prose .source{margin:2em 0 0;padding:18px 20px;border-radius:14px;background:var(--paper-2);color:var(--text-2);font-size:.92rem;line-height:1.6}
.r-prose .faq{margin:1.4em 0}
.r-prose .faq ul,.r-prose ul.faq{padding:0;list-style:none}
.r-prose .faq li{margin:0;padding:18px 0;border-bottom:1px solid var(--line)}
.r-prose .faq li>strong{display:block;color:var(--text);font:700 1.12rem/1.35 var(--display)}
.r-prose .faq li>p{margin:.5em 0 0}
.r-prose .faq-list{margin:.6em 0 1.6em}
.r-prose .faq-list summary{font:700 1.08rem/1.35 var(--display);color:var(--text)}
.r-prose .faq-list .faq-answer p{margin:-6px 0 22px}
.r-prose .cta-final,.r-prose .cta-box{position:relative;isolation:isolate;overflow:hidden;margin:2.4em 0 1.6em;padding:32px 30px;border-radius:24px;background:var(--ink);color:var(--on-ink-2)}
.r-prose .cta-final::before{content:"";position:absolute;right:-90px;top:-120px;z-index:-1;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,97,82,.35),transparent 68%)}
.r-prose .cta-final h2,.r-prose .cta-final h3{margin:0 0 .5em;color:var(--on-ink);font:700 1.5rem/1.2 var(--display);letter-spacing:-.025em}
.r-prose .cta-final p{color:var(--on-ink-2)}
.r-prose .cta-final small{display:block;margin-top:18px;color:var(--on-ink-3);font-size:.88rem;line-height:1.55}
.r-prose .cta-final a:not(.btn){color:var(--coral-soft)}
.r-prose .actions,.r-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.r-prose .btn{text-decoration:none}
.r-prose .btn-primary{color:#fff}
.r-prose .btn-secondary{color:var(--on-ink)}
.btn-secondary{color:var(--on-ink);border-color:rgba(246,241,232,.26);background:rgba(246,241,232,.04)}
.btn-secondary:hover{border-color:rgba(246,241,232,.5);background:rgba(246,241,232,.08)}
.r-prose .author{display:flex;align-items:center;gap:14px;margin:2.6em 0 0;padding:20px 0 0;border-top:1px solid var(--line)}
.r-prose .author-avatar{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(140deg,#ff6152 0%,#eb4037 100%);color:#fff;font:700 1.15rem/1 var(--display)}
.r-prose .author-meta strong{display:block;color:var(--text);font-size:1rem}
.r-prose .author-meta small,.r-prose .author-meta span{display:block;color:var(--text-3);font-size:.88rem;line-height:1.45}

/* ── Cards: an article, a resource ─────────────────────────────────────────────────────────────────────── */
.r-section{padding:clamp(64px,7.5vw,112px) 0;background:var(--paper)}
.r-section--alt{background:var(--paper-2)}
.r-section-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:18px 40px;margin-bottom:clamp(28px,3.5vw,44px)}
.r-section-head h2{max-width:18em;font-size:clamp(1.95rem,1.3rem + 1.7vw,2.85rem);line-height:1.06;letter-spacing:-.035em}
.r-section-head p{max-width:34rem;margin-top:14px;color:var(--text-2);line-height:1.6}
.r-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.r-card{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:22px;background:#fff;color:var(--text);text-decoration:none;box-shadow:0 0 0 1px var(--line),0 18px 36px -26px rgba(21,22,28,.35);overflow:hidden;transition:transform .22s var(--ease),box-shadow .22s var(--ease)}
.r-card:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(21,22,28,.14),0 26px 44px -24px rgba(21,22,28,.42)}
.r-card-body{display:flex;flex:1;flex-direction:column;padding:22px 24px 24px}
.r-card .post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 12px;color:var(--text-3);font:600 .84rem/1.3 var(--body)}
.r-card .post-tag{background:rgba(194,50,31,.08);color:var(--coral-ink)}
.r-card h3{color:var(--text);font:700 1.24rem/1.25 var(--display);letter-spacing:-.022em}
.r-card p{margin-top:10px;color:var(--text-2);font-size:.97rem;line-height:1.6}
.r-card .r-go{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:18px;color:var(--coral-ink);font-weight:800;font-size:.92rem}
.r-card .r-go::after{content:"\2192";transition:transform .2s var(--ease)}
.r-card:hover .r-go::after{transform:translateX(3px)}

/* A typographic cover per topic: no stock photo, the topic's sign on its colour. */
.r-cover{position:relative;isolation:isolate;display:grid;place-items:center;aspect-ratio:16/8.4;overflow:hidden;background:var(--cv-bg,#18181f);color:var(--cv-fg,#fff)}
.r-cover::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.12) 1px,transparent 1.5px);background-size:18px 18px;-webkit-mask-image:radial-gradient(70% 90% at 70% 40%,#000,transparent 75%);mask-image:radial-gradient(70% 90% at 70% 40%,#000,transparent 75%)}
.r-cover::after{content:"";position:absolute;right:-12%;top:-30%;z-index:-1;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--cv-glow,rgba(255,97,82,.55)),transparent 66%)}
.r-cover b{font:700 clamp(4.2rem,3rem + 3vw,6.4rem)/1 var(--display);letter-spacing:-.06em;text-shadow:0 18px 40px rgba(0,0,0,.35)}
.r-cover i{position:absolute;left:20px;bottom:16px;color:rgba(255,255,255,.72);font:800 .7rem/1 var(--body);font-style:normal;letter-spacing:.14em;text-transform:uppercase}
.r-cover--gestion{--cv-bg:linear-gradient(135deg,#2a0f0c,#5a1a12 60%,#8b2a1c);--cv-glow:rgba(255,120,96,.6)}
.r-cover--compra{--cv-bg:linear-gradient(135deg,#1d1606,#4a3509 60%,#7a560c);--cv-glow:rgba(255,196,77,.55)}
.r-cover--fiscal{--cv-bg:linear-gradient(135deg,#0c1030,#18206a 60%,#2c37a8);--cv-glow:rgba(120,140,255,.6)}
.r-cover--operativa{--cv-bg:linear-gradient(135deg,#06201a,#0b4434 60%,#126a50);--cv-glow:rgba(70,220,160,.5)}

/* The blog's newest article, two columns wide beside the next one. */
.r-cards .r-feature{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.r-feature .r-cover{aspect-ratio:auto;min-height:100%}
.r-feature .r-card-body{justify-content:center;padding:clamp(24px,2.8vw,40px)}
.r-feature h2{color:var(--text);font:700 clamp(1.45rem,1.1rem + .9vw,1.95rem)/1.16 var(--display);letter-spacing:-.03em}
.r-feature p{font-size:1.02rem}
.r-feature .r-go{margin-top:0;padding-top:24px}

/* Topic chips (resources.js hides the cards of the other topics). */
.r-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;list-style:none}
.r-chips button{min-height:38px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--text-2);font:700 .9rem/1 var(--body);cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
.r-chips button:hover{border-color:rgba(21,22,28,.3);color:var(--text)}
.r-chips button[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:var(--on-ink)}
.r-chips[hidden]{display:none}
.r-card[hidden]{display:none}

/* The hero's stack of articles (the blog) or resources (the hub). */
.r-stack{position:relative;min-height:470px}
.r-stack .r-card{position:absolute;width:min(330px,74%)}
.r-stack .r-card p,.r-stack .r-card .r-go{display:none}
.r-stack .r-card:nth-child(1){right:2%;top:6px;transform:rotate(4deg)}
.r-stack .r-card:nth-child(2){left:0;top:118px;transform:rotate(-5deg)}
.r-stack .r-card:nth-child(3){right:13%;top:232px;transform:rotate(1.5deg)}
.r-stack .r-card:hover{transform:rotate(0) translateY(-4px);z-index:2}
.r-stack .r-cover{aspect-ratio:16/6}
.r-stack .r-cover b{font-size:4rem}
.r-stack .r-cover svg{width:64px;height:64px}
.r-stack .r-card-body{padding:14px 18px 18px}
.r-stack .r-card .post-meta{margin-bottom:8px;font-size:.78rem}
.r-stack .r-card h3{font-size:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.r-hero .hero-grid.r-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center}

/* ── The hub's tiles ───────────────────────────────────────────────────────────────────────────────────── */
.r-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.r-tile{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;padding:24px 22px 22px;border-radius:22px;background:#fff;color:var(--text);text-decoration:none;box-shadow:0 0 0 1px var(--line),0 18px 36px -28px rgba(21,22,28,.35);transition:transform .22s var(--ease),box-shadow .22s var(--ease)}
.r-tile:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(21,22,28,.14),0 24px 40px -24px rgba(21,22,28,.4)}
.r-tile .r-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--ri-bg,rgba(255,97,82,.12));color:var(--ri-fg,var(--coral-ink))}
.r-tile .r-ico svg{width:22px;height:22px}
.r-tile h3{font:700 1.16rem/1.25 var(--display);letter-spacing:-.02em}
.r-tile p{color:var(--text-2);font-size:.95rem;line-height:1.55}
.r-tile .r-go{margin-top:auto;color:var(--coral-ink);font-weight:800;font-size:.9rem}
.r-tile .r-go::after{content:" \2192"}
.r-tile--wide{grid-column:span 2}
.r-tile--ink{background:var(--ink);color:var(--on-ink);box-shadow:0 22px 44px -26px rgba(10,11,17,.7)}
.r-tile--ink p{color:var(--on-ink-2)}
.r-tile--ink .r-go{color:var(--coral-soft)}
.r-tile--ink .r-ico{background:rgba(255,97,82,.16);color:var(--coral-soft)}
.r-tile-media{margin:-24px -22px 4px;border-radius:22px 22px 0 0;aspect-ratio:16/7;background:#1d1d24 center / cover no-repeat;overflow:hidden}
.r-tile-media img{width:100%;height:100%;object-fit:cover;display:block}
.r-ico--blue{--ri-bg:rgba(83,104,255,.12);--ri-fg:#3344dd}
.r-ico--green{--ri-bg:rgba(16,185,129,.12);--ri-fg:#047857}
.r-ico--amber{--ri-bg:rgba(234,138,12,.13);--ri-fg:#b45309}
.r-ico--rose{--ri-bg:rgba(225,29,72,.10);--ri-fg:#be123c}

/* The hub's hero: the tutorials, the team guide and the comparison, as a bento. */
.r-bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.r-bento a{text-decoration:none}
.r-bento-media{grid-column:1 / -1;position:relative;display:block;border-radius:22px;overflow:hidden;background:#121217;color:#fff;box-shadow:0 30px 60px -30px rgba(0,0,0,.85),0 0 0 1px var(--line-ink)}
.r-bento-img{position:relative;display:block;aspect-ratio:980/404;background:#1d1d24 center / cover no-repeat}
.r-bento-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,18,23,0) 38%,rgba(18,18,23,.94))}
.r-play{position:absolute;left:50%;top:42%;z-index:1;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:linear-gradient(140deg,#ff6152 0%,#eb4037 100%);box-shadow:0 12px 30px rgba(235,64,55,.5),0 0 0 10px rgba(255,97,82,.16);transition:transform .2s var(--ease)}
.r-play::before{content:"";position:absolute;left:25px;top:20px;border-left:18px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}
.r-bento-media:hover .r-play{transform:scale(1.06)}
.r-bento-text{position:absolute;left:22px;right:22px;bottom:18px;z-index:1}
.r-bento small{display:block;color:var(--coral-soft);font:800 .7rem/1.2 var(--body);letter-spacing:.12em;text-transform:uppercase}
.r-bento strong{display:block;margin-top:6px;font:700 1.12rem/1.25 var(--display);letter-spacing:-.02em}
.r-bento-card{display:flex;flex-direction:column;gap:4px;padding:20px 20px 18px;border-radius:20px;background:var(--paper);color:var(--text);box-shadow:0 24px 48px -30px rgba(0,0,0,.85);transition:transform .22s var(--ease)}
.r-bento-card:hover{transform:translateY(-3px)}
.r-bento-card small{color:var(--coral-ink)}
.r-bento-card strong{font-size:1rem;line-height:1.3}
.r-bento-card--ink{background:rgba(246,241,232,.06);color:var(--on-ink);box-shadow:0 0 0 1px var(--line-ink)}
.r-bento-card--ink small{color:var(--coral-soft)}
.r-roles,.r-vs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:14px}
.r-roles i,.r-vs i{padding:5px 10px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--line);color:var(--text-2);font:700 .78rem/1 var(--body);font-style:normal}
.r-vs i{background:rgba(246,241,232,.08);box-shadow:0 0 0 1px var(--line-ink);color:var(--on-ink-2)}
.r-vs i:first-child{background:var(--coral-btn);box-shadow:none;color:#fff}
.r-vs b{color:var(--on-ink-3);font:800 .72rem/1 var(--body);text-transform:uppercase;letter-spacing:.1em}

/* ── Tutorials: the six videos as one path ───────────────────────────────────────────────────────────────── */
.t-pills{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;list-style:none}
.t-pills li{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;border-radius:999px;background:rgba(246,241,232,.06);box-shadow:inset 0 0 0 1px var(--line-ink);color:var(--on-ink-2);font-weight:700;font-size:.86rem}
.t-pills svg{width:16px;height:16px;color:var(--coral-soft)}
.t-featured{position:relative;isolation:isolate}
.t-featured::before{content:"";position:absolute;inset:-14% -10% -4% 6%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(255,97,82,.26),transparent 66%)}
.video-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#0f1016;cursor:pointer;overflow:hidden}
.video-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.video-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,11,17,0) 50%,rgba(10,11,17,.55));pointer-events:none}
.video-thumb:hover img,.video-thumb:focus-visible img{transform:scale(1.035)}
.video-thumb:focus-visible{outline:3px solid var(--coral);outline-offset:-3px}
.t-thumb--hero{border-radius:24px;box-shadow:0 40px 80px -30px rgba(0,0,0,.85),0 0 0 1px var(--line-ink)}
.t-play{position:absolute;left:50%;top:50%;z-index:1;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:linear-gradient(140deg,#ff6152 0%,#eb4037 100%);box-shadow:0 12px 30px rgba(235,64,55,.5),0 0 0 10px rgba(255,97,82,.16);transition:transform .2s var(--ease)}
.t-play::before{content:"";position:absolute;left:25px;top:20px;border-left:18px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}
.t-thumb--hero .t-play{width:84px;height:84px;margin:-42px 0 0 -42px}
.t-thumb--hero .t-play::before{left:33px;top:26px;border-left-width:24px;border-top-width:16px;border-bottom-width:16px}
.video-thumb:hover .t-play,.video-thumb:focus-visible .t-play{transform:scale(1.08)}
.t-tag,.t-dur{position:absolute;z-index:1;padding:6px 10px;border-radius:999px;color:#fff;font:800 .72rem/1 var(--body);letter-spacing:.06em}
.t-tag{left:14px;top:14px;background:rgba(10,11,17,.72);text-transform:uppercase}
.t-dur{right:14px;bottom:14px;background:rgba(10,11,17,.78);font-variant-numeric:tabular-nums}
.t-featured-title{display:flex;align-items:baseline;gap:12px;margin-top:16px;color:var(--on-ink);font:700 1.08rem/1.35 var(--display)}
.t-featured-title span{flex:none;color:var(--coral-soft);font:800 .72rem/1 var(--body);letter-spacing:.12em;text-transform:uppercase}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden}
.video-frame--hero{border-radius:24px}
.video-frame video{display:block;width:100%;height:100%}
.t-ribbon{display:flex;align-items:center;gap:16px;margin:0 0 clamp(40px,5vw,64px);padding:16px 20px;border-radius:18px;background:#fff;color:var(--text-2);text-decoration:none;box-shadow:0 0 0 1px var(--line);transition:box-shadow .2s}
.t-ribbon:hover{box-shadow:0 0 0 1px rgba(21,22,28,.2),0 14px 30px -20px rgba(21,22,28,.35)}
.t-ribbon strong{color:var(--text)}
.t-ribbon .r-ico{flex:none;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--ri-bg);color:var(--ri-fg)}
.t-ribbon .r-ico svg{width:20px;height:20px}
.t-ribbon .r-go{margin-left:auto;flex:none;color:var(--coral-ink);font-weight:800;font-size:.92rem}
.t-ribbon .r-go::after{content:" \2192"}
.t-meta{color:var(--text-3);font-weight:800;font-size:.9rem}
.r-section-head p a{color:var(--coral-ink);font-weight:700}
.t-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}
.t-path--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.t-card{display:flex;flex-direction:column;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 0 0 1px var(--line),0 18px 36px -26px rgba(21,22,28,.35)}
.t-body{padding:20px 22px 24px}
.t-step{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:rgba(194,50,31,.08);color:var(--coral-ink);font:800 .72rem/1 var(--body);letter-spacing:.08em;text-transform:uppercase}
.t-body h3{margin-top:12px;color:var(--text);font:700 1.18rem/1.28 var(--display);letter-spacing:-.02em}
.t-body p{margin-top:8px;color:var(--text-2);font-size:.97rem;line-height:1.6}
.t-soon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.t-soon li{position:relative;padding:20px 22px;border-radius:18px;border:1.5px dashed rgba(21,22,28,.2);background:rgba(255,255,255,.55)}
.t-soon li::after{content:"En grabación";position:absolute;right:16px;top:20px;color:var(--text-3);font:800 .62rem/1 var(--body);letter-spacing:.1em;text-transform:uppercase}
.t-soon small{display:block;color:var(--coral-ink);font:800 .7rem/1.2 var(--body);letter-spacing:.1em;text-transform:uppercase}
.t-soon strong{display:block;margin-top:8px;color:var(--text);font:700 1.08rem/1.3 var(--display)}
.t-soon span{display:block;margin-top:6px;color:var(--text-2);font-size:.93rem;line-height:1.55}
@media (max-width:1023.98px){.t-path,.t-soon{grid-template-columns:repeat(2,minmax(0,1fr))}.t-featured{max-width:640px}}
@media (max-width:639.98px){.t-path,.t-path--2,.t-soon{grid-template-columns:minmax(0,1fr)}.t-ribbon{flex-wrap:wrap}.t-ribbon .r-go{margin-left:58px}}

/* ── VeriFactu: the fiscal layer's page (its words are fiscal-doors' reviewed version) ───────────────────── */
.vf-chips{margin-top:26px}
.vf-chips li{min-height:32px;font-size:.84rem}
.vf-visual{position:relative;isolation:isolate;padding:22px;border-radius:26px;background:linear-gradient(160deg,rgba(246,241,232,.075),rgba(246,241,232,.02));box-shadow:inset 0 0 0 1px var(--line-ink),0 40px 80px -40px rgba(0,0,0,.8)}
.vf-visual::before{content:"";position:absolute;right:-70px;top:-90px;z-index:-1;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(255,97,82,.28),transparent 66%)}
.vf-pill{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;padding:8px 14px;border-radius:999px;background:rgba(255,97,82,.14);color:var(--coral-soft);font:800 .72rem/1 var(--body);letter-spacing:.1em;text-transform:uppercase}
.vf-pill span{width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px rgba(255,97,82,.22)}
.vf-chain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 14px;padding:0;list-style:none}
.vf-chain li{position:relative;padding:16px 16px 15px;border-radius:16px;background:rgba(10,11,17,.62);box-shadow:inset 0 0 0 1px var(--line-ink)}
.vf-chain li+li::before{content:"";position:absolute;left:-15px;top:50%;width:16px;height:2px;background:linear-gradient(90deg,rgba(255,97,82,.35),var(--coral))}
.vf-chain strong{display:block;color:var(--on-ink);font:700 1.35rem/1 var(--display);letter-spacing:-.02em}
.vf-chain span{display:block;margin-top:9px;color:var(--on-ink-2);font-size:.84rem;line-height:1.45}
.vf-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vf-details div{padding:14px 16px;border-radius:14px;background:rgba(246,241,232,.04);box-shadow:inset 0 0 0 1px var(--line-ink)}
.vf-details strong{color:var(--on-ink);font-weight:800;font-size:.92rem}
.vf-details p{margin-top:4px;color:var(--on-ink-3);font-size:.84rem;line-height:1.45}
.vf-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vf-how{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px;align-items:start}
.vf-flow,.vf-changes,.vf-who{padding:clamp(24px,3vw,36px);border-radius:24px;background:#fff;box-shadow:0 0 0 1px var(--line),0 18px 36px -28px rgba(21,22,28,.35)}
.vf-flow h3,.vf-changes h3,.vf-who h3{margin-bottom:18px;color:var(--text);font:700 1.3rem/1.25 var(--display);letter-spacing:-.02em}
.vf-flow ol{margin:0;padding:0;list-style:none;counter-reset:vfstep}
.vf-flow li{position:relative;padding:0 0 20px 50px;color:var(--text-2);line-height:1.55;counter-increment:vfstep}
.vf-flow li::before{content:counter(vfstep);position:absolute;left:0;top:-4px;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--ink);color:#fff;font:700 .92rem/1 var(--display)}
.vf-flow li::after{content:"";position:absolute;left:15px;top:32px;bottom:0;width:2px;background:var(--line)}
.vf-flow li:last-child{padding-bottom:0}
.vf-flow li:last-child::after{display:none}
.vf-flow li:last-child::before{background:var(--coral-btn)}
.vf-changes ul,.vf-who ul{margin:0;padding:0;list-style:none}
.vf-changes li,.vf-who li{position:relative;padding:13px 0 13px 30px;border-top:1px solid var(--line);color:var(--text-2);line-height:1.55}
.vf-changes li:first-child,.vf-who li:first-child{border-top:0}
.vf-changes li::before{content:"";position:absolute;left:3px;top:21px;width:10px;height:10px;border-radius:3px;background:var(--coral)}
.vf-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.vf-who li::before{content:"";position:absolute;left:4px;top:19px;width:12px;height:6px;border-left:2.5px solid #059669;border-bottom:2.5px solid #059669;transform:rotate(-45deg)}
.vf-who--out li::before{top:23px;width:12px;height:0;border-left:0;border-bottom:2.5px solid var(--text-3);transform:none}
.vf-zero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(72px,8vw,120px) 0;background:var(--ink);color:var(--on-ink)}
.vf-zero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(48% 70% at 12% 20%,rgba(255,97,82,.18),transparent 65%),radial-gradient(40% 60% at 92% 90%,rgba(83,104,255,.12),transparent 70%)}
.vf-zero .r-section-head h2{color:var(--on-ink)}
.vf-zero .r-section-head p{color:var(--on-ink-2)}
.vf-zero .kicker{color:var(--coral-soft)}
.vf-zeros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vf-zeros article{padding:28px 26px 30px;border-radius:22px;background:rgba(246,241,232,.04);box-shadow:inset 0 0 0 1px var(--line-ink)}
.vf-big{font:700 clamp(4.6rem,3rem + 4vw,7rem)/.9 var(--display);letter-spacing:-.06em;background:linear-gradient(180deg,#ffb3a3 0%,#ff6152 60%,#c5322a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.vf-zeros h3{margin-top:16px;color:var(--on-ink);font:700 1.3rem/1.25 var(--display);letter-spacing:-.02em}
.vf-zeros h3+p{margin-top:8px;color:var(--on-ink-2);line-height:1.6}
.vf-doc{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;padding:clamp(26px,3vw,40px);border-radius:26px;background:#fff;box-shadow:0 0 0 1px var(--line),0 24px 48px -32px rgba(21,22,28,.4)}
.vf-doc-ico{width:72px;height:88px;border-radius:14px;display:grid;place-items:center;background:var(--paper-2);color:var(--coral-ink);box-shadow:inset 0 0 0 1px var(--line)}
.vf-doc-ico svg{width:34px;height:34px}
.vf-doc .kicker{margin-bottom:8px}
.vf-doc h2{margin:0 0 8px;font-size:clamp(1.4rem,1.1rem + .8vw,1.8rem);line-height:1.15}
.vf-doc p{color:var(--text-2);line-height:1.6}
.vf-doc-actions{display:flex;flex-direction:column;gap:10px;min-width:230px}
.vf-why{margin-top:28px;padding:22px 22px 20px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.vf-why h3{margin-bottom:8px;color:var(--text);font:700 1.1rem/1.3 var(--display)}
.vf-why p,.vf-why li{color:var(--text-2);font-size:.95rem;line-height:1.6}
.vf-why p+ul,.vf-why ul+p{margin-top:10px}
.vf-why ul{margin:10px 0 0;padding-left:1.2em}
.vf-why li::marker{color:var(--coral)}
.close .vf-close-h2{max-width:24em;font-size:clamp(1.8rem,1.2rem + 1.6vw,2.6rem);line-height:1.12}
@media (max-width:1023.98px){
  .vf-how,.vf-two,.vf-three,.vf-zeros{grid-template-columns:minmax(0,1fr)}
  .vf-doc{grid-template-columns:auto minmax(0,1fr)}
  .vf-doc-actions{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;min-width:0}
  .vf-visual{max-width:640px}
}
@media (max-width:639.98px){
  .vf-chain,.vf-details{grid-template-columns:minmax(0,1fr)}
  .vf-chain li+li::before{left:50%;top:-15px;width:2px;height:16px}
  .vf-doc{grid-template-columns:minmax(0,1fr)}
  .vf-doc-ico{width:56px;height:68px}
}

/* ── «Pregúntale a tu restaurante» (the AI product page) ─────────────────────────────────────────────────── */
.ia-hero .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}

.ia-ask{padding-top:clamp(36px,4vw,56px)}
.ia-marquee{overflow:hidden;margin-bottom:clamp(44px,5vw,72px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ia-marquee-row{display:flex;gap:12px;width:max-content}
.ia-marquee-row span{flex:none;padding:12px 18px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--line),0 10px 24px -18px rgba(21,22,28,.4);color:var(--text);font-weight:700;font-size:.95rem;white-space:nowrap}
.ia-marquee-row span:nth-child(3n+2){background:var(--ink);color:var(--on-ink);box-shadow:none}
@media (prefers-reduced-motion:no-preference){.ia-marquee-row{animation:iaMarquee 70s linear infinite}.ia-marquee:hover .ia-marquee-row{animation-play-state:paused}}
@keyframes iaMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ia-areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.ia-areas li{display:flex;flex-direction:column;gap:10px;padding:22px 20px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line),0 16px 32px -26px rgba(21,22,28,.35)}
.ia-areas .r-ico{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(255,97,82,.12);color:var(--coral-ink)}
.ia-areas .r-ico svg{width:21px;height:21px}
.ia-areas strong{font:700 1.08rem/1.25 var(--display)}
.ia-areas q{color:var(--text-2);font-size:.95rem;line-height:1.5;quotes:"«" "»"}

.ia-split-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,5vw,80px)}
.ia-split-grid--flip{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.ia-split-copy h2{font-size:clamp(1.9rem,1.25rem + 1.7vw,2.75rem);line-height:1.06;letter-spacing:-.035em}
.ia-split-copy>p{margin-top:16px;color:var(--text-2);font-size:1.05rem;line-height:1.65}
.ia-points{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.ia-points li{position:relative;padding-left:30px;color:var(--text-2);line-height:1.55}
.ia-points li::before{content:"";position:absolute;left:4px;top:6px;width:12px;height:7px;border-left:2.5px solid var(--coral);border-bottom:2.5px solid var(--coral);transform:rotate(-45deg)}
.ia-points strong{color:var(--text)}
.ia-shot{margin:0}
.ia-shot img{display:block;width:100%;height:auto;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line),0 30px 60px -34px rgba(21,22,28,.45)}
.ia-shot figcaption,.ia-note{margin-top:12px;color:var(--text-3);font-size:.82rem;font-weight:600}
.ia-note{text-align:center}
.ia-confirm{position:relative;isolation:isolate;overflow:hidden;padding:clamp(72px,8vw,120px) 0;background:var(--ink);color:var(--on-ink)}
.ia-confirm::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(46% 70% at 14% 30%,rgba(255,97,82,.20),transparent 66%),radial-gradient(40% 60% at 92% 90%,rgba(83,104,255,.12),transparent 70%)}
.ia-confirm .kicker{color:var(--coral-soft)}
.ia-confirm .ia-split-copy>p{color:var(--on-ink-2)}
.ia-confirm .ia-split-copy strong{color:#fff}
.ia-shot--ink img{box-shadow:0 0 0 1px var(--line-ink),0 40px 80px -30px rgba(0,0,0,.9),0 0 60px -10px rgba(255,97,82,.25)}
.ia-confirm .ia-shot figcaption{color:var(--on-ink-3)}
.ia-states{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:26px 0 0;padding:0;list-style:none}
.ia-states li{padding:16px 16px 14px;border-radius:16px;background:rgba(246,241,232,.05);box-shadow:inset 0 0 0 1px var(--line-ink)}
.ia-states span{display:grid;place-items:center;width:28px;height:28px;margin-bottom:10px;border-radius:9px;background:rgba(255,179,107,.18);color:#ffc78f;font:800 .85rem/1 var(--display)}
.ia-states li:nth-child(2) span{background:rgba(52,211,153,.16);color:#6ee7b7}
.ia-states li:nth-child(3) span{background:rgba(246,241,232,.10);color:var(--on-ink-2)}
.ia-states strong{display:block;color:var(--on-ink);font:700 1rem/1.25 var(--display)}
.ia-states small{display:block;margin-top:4px;color:var(--on-ink-3);font-size:.84rem;line-height:1.45}
.ia-can{margin-top:20px;color:var(--on-ink-3);font-size:.88rem;font-weight:700;line-height:1.7}
.ia-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ia-duo-card{display:flex;flex-direction:column;gap:10px;padding:clamp(22px,2.6vw,34px);border-radius:24px;background:#fff;box-shadow:0 0 0 1px var(--line),0 18px 36px -28px rgba(21,22,28,.35)}
.ia-duo-card img{display:block;width:100%;height:auto;margin-bottom:8px;border-radius:14px;box-shadow:0 0 0 1px var(--line)}
.ia-duo-card h3{font:700 1.3rem/1.25 var(--display);letter-spacing:-.02em}
.ia-duo-card p{color:var(--text-2);line-height:1.6}
.ia-duo-card--ink{justify-content:flex-end;background:var(--ink);color:var(--on-ink);box-shadow:0 30px 60px -30px rgba(10,11,17,.7)}
.ia-duo-card--ink p{color:var(--on-ink-2)}
.ia-wave{display:flex;align-items:center;justify-content:center;gap:6px;height:180px;margin-bottom:auto}
.ia-wave i{display:block;width:7px;height:100%;border-radius:4px;background:linear-gradient(180deg,#ffb3a3,#ff6152);transform:scaleY(.25)}
.ia-wave i:nth-child(odd){transform:scaleY(.5)}
@media (prefers-reduced-motion:no-preference){
  .ia-wave i{animation:iaWave 1.3s ease-in-out infinite}
  .ia-wave i:nth-child(2n){animation-delay:-.4s}.ia-wave i:nth-child(3n){animation-delay:-.8s}.ia-wave i:nth-child(5n){animation-delay:-.2s}
}
@keyframes iaWave{0%,100%{transform:scaleY(.2)}50%{transform:scaleY(.95)}}
.ia-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ia-gallery figure{margin:0}
.ia-gallery img{display:block;width:100%;height:auto;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line),0 24px 48px -30px rgba(21,22,28,.4)}
.ia-gallery figcaption{margin-top:12px;color:var(--text);font:700 1rem/1.3 var(--display)}
@media (max-width:1023.98px){
  .ia-hero .hero-grid,.ia-split-grid,.ia-split-grid--flip{grid-template-columns:minmax(0,1fr)}
  .ia-split-grid--flip .ia-shot{order:2}
  .ia-areas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ia-stage{max-width:620px}
}
@media (max-width:639.98px){
  .ia-areas,.ia-duo,.ia-gallery,.ia-states{grid-template-columns:minmax(0,1fr)}
  .ia-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .ia-chat-bar small{display:none}
  .ia-wave{height:120px}
}

/* ── Phones and tablets ────────────────────────────────────────────────────────────────────────────────── */
@media (max-width:1023.98px){
  .r-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .r-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .r-hero .hero-grid.r-grid{grid-template-columns:minmax(0,1fr)}
  .r-stack{display:none}
  .r-bento{max-width:640px}
}
@media (max-width:639.98px){
  .r-cards,.r-tiles{grid-template-columns:minmax(0,1fr)}
  .r-bento{display:none}
  .r-tile--wide{grid-column:auto}
  .r-cards .r-feature{grid-column:auto;grid-template-columns:minmax(0,1fr)}
  .r-feature .r-cover{aspect-ratio:16/8.4;min-height:0}
  .r-prose{font-size:1.04rem}
  .r-prose .cta-final{padding:26px 22px}
}
@media (prefers-reduced-motion:reduce){.r-card,.r-tile,.r-toc a{transition:none}.r-card:hover,.r-tile:hover{transform:none}}
@media print{.r-progress,.r-toc,.r-more,.close,.mobile-cta{display:none!important}.r-read{padding:0}}

/* ── Changelog and team guide (fork guide) ── */
/* /novedades: the page's four figures beside its head, a month bar that stays under the header, and each month as
   its lead story (ink) followed by the entries it shipped. */
.r-log-stats ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.r-log-stats li{padding:22px 22px 20px;border-radius:20px;background:rgba(246,241,232,.045);box-shadow:inset 0 0 0 1px var(--line-ink)}
.r-log-stats strong{display:block;color:var(--on-ink);font:700 clamp(1.9rem,1.3rem + 1.4vw,2.6rem)/1 var(--display);letter-spacing:-.04em}
.r-log-stats li:first-child strong{color:var(--coral-soft)}
.r-log-stats span{display:block;margin-top:10px;color:var(--on-ink-2);font-weight:700;font-size:.92rem;line-height:1.4}
.r-log-jump{position:sticky;top:var(--site-header-h,72px);z-index:5;background:rgba(250,247,242,.94);border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}
.r-log-jump .wrap{display:flex;align-items:center;gap:4px;padding:10px 0;overflow-x:auto;scrollbar-width:none}
.r-log-jump .wrap::-webkit-scrollbar{display:none}
.r-log-jump span{flex:none;margin-right:8px;color:var(--text-3);font:800 .72rem/1 var(--body);letter-spacing:.12em;text-transform:uppercase}
.r-log-jump a{flex:none;padding:8px 13px;border-radius:999px;color:var(--text-2);font:700 .88rem/1 var(--body);text-decoration:none;transition:background-color .15s,color .15s}
.r-log-jump a:hover,.r-log-jump a:focus-visible{background:rgba(21,22,28,.06);color:var(--text)}
.r-log{padding:clamp(48px,6vw,88px) 0 clamp(64px,7vw,110px);background:var(--paper)}
.r-log-list{position:relative;margin:0;padding:0;list-style:none}
.r-log-list::before{content:"";position:absolute;left:177px;top:12px;bottom:12px;width:2px;background:linear-gradient(180deg,var(--coral) 0,rgba(255,97,82,.35) 10%,var(--line) 26%)}
.r-log-month{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);gap:0 56px;padding-bottom:clamp(44px,5vw,72px);scroll-margin-top:56px}
.r-log-month:last-child{padding-bottom:0}
.r-log-month::before{content:"";position:absolute;left:170px;top:10px;width:16px;height:16px;border-radius:50%;background:var(--paper);box-shadow:0 0 0 3px #b9b4ab}
.r-log-month:first-child::before{background:var(--coral);box-shadow:0 0 0 5px rgba(255,97,82,.22)}
.r-log-when{position:sticky;top:calc(var(--site-header-h,72px) + 76px);align-self:start;text-align:right}
.r-log-m{display:block;color:var(--text);font:700 1.5rem/1.1 var(--display);letter-spacing:-.03em}
.r-log-y{display:block;margin-top:4px;color:var(--text-3);font-weight:700;font-size:.92rem}
.r-log-tag{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:5px 10px;border-radius:999px;background:rgba(194,50,31,.08);color:var(--coral-ink);font:800 .7rem/1 var(--body);letter-spacing:.08em;text-transform:uppercase}
.r-log-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 3px rgba(255,97,82,.2)}
.r-log-body{min-width:0}
.r-log-lead{position:relative;isolation:isolate;overflow:hidden;padding:clamp(26px,3vw,38px);border-radius:24px;background:var(--ink);color:var(--on-ink-2);box-shadow:0 30px 60px -36px rgba(10,11,17,.8)}
.r-log-lead::before{content:"";position:absolute;right:-120px;top:-160px;z-index:-1;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(255,97,82,.32),transparent 66%)}
.r-log-eyebrow{display:block;margin-bottom:12px;color:var(--coral-soft);font:800 .72rem/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase}
.r-log-lead h2{max-width:24em;color:var(--on-ink);font:700 clamp(1.45rem,1.1rem + 1vw,2rem)/1.15 var(--display);letter-spacing:-.03em}
.r-log-lead p{max-width:52rem;margin-top:14px;font-size:1.02rem;line-height:1.68}
.r-log-lead strong{color:var(--on-ink)}
.r-log-lead a{color:var(--coral-soft);font-weight:700}
.r-log-lead--older{background:#fff;color:var(--text-2);box-shadow:0 0 0 1px var(--line),0 18px 36px -28px rgba(21,22,28,.35)}
.r-log-lead--older::before{display:none}
.r-log-lead--older h2,.r-log-lead--older strong{color:var(--text)}
.r-log-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.r-log-item{padding:20px 22px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line),0 14px 30px -26px rgba(21,22,28,.35)}
.r-log-meta{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:rgba(83,104,255,.09);color:#3344dd;font:800 .68rem/1 var(--body);letter-spacing:.08em;text-transform:uppercase}
.r-log-item h3{margin-top:12px;color:var(--text);font:700 1.06rem/1.3 var(--display);letter-spacing:-.015em}
.r-log-item p{margin-top:6px;color:var(--text-2);font-size:.95rem;line-height:1.6}
.r-log-item a{color:var(--coral-ink);font-weight:700}
@media (max-width:1023.98px){.r-log-stats ul{max-width:560px}}
@media (max-width:860px){
  .r-log-list::before{left:7px}
  .r-log-month{grid-template-columns:minmax(0,1fr);gap:14px;padding-left:34px}
  .r-log-month::before{left:0;top:6px}
  .r-log-when{position:static;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;text-align:left}
  .r-log-y,.r-log-tag{margin-top:0}
  .r-log-items{grid-template-columns:minmax(0,1fr)}
}

/* /ayuda-equipo: the role chips and the share card in the head; each role a chapter of numbered step cards. The
   page says its on-screen buttons are «en azul»: .ag-ui stays blue. It prints one role per page. */
.r-guide-hero .hero-grid.r-grid{align-items:center}
.ag-rolenav{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.ag-chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;background:rgba(246,241,232,.06);box-shadow:inset 0 0 0 1px var(--line-ink);color:var(--on-ink);font:700 .9rem/1 var(--body);text-decoration:none;transition:background-color .15s,box-shadow .15s}
.ag-chip:hover,.ag-chip:focus-visible{background:rgba(255,97,82,.14);box-shadow:inset 0 0 0 1px rgba(255,143,122,.5)}
.ag-chip span{font-size:1rem}
.ag-share{display:flex;flex-direction:column;gap:22px;padding:28px;border-radius:24px;background:rgba(246,241,232,.05);box-shadow:inset 0 0 0 1px var(--line-ink),0 30px 60px -34px rgba(0,0,0,.8)}
.ag-share-left{display:flex;align-items:flex-start;gap:16px}
.ag-share-icon{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(255,97,82,.16);color:var(--coral-soft)}
.ag-share-icon svg{width:22px;height:22px}
.ag-share-text strong{display:block;color:var(--on-ink);font:700 1.2rem/1.25 var(--display);letter-spacing:-.02em}
.ag-share-text span{display:block;margin-top:8px;color:var(--on-ink-2);line-height:1.6}
.ag-share .btn{align-self:flex-start}
.ag-chapter{scroll-margin-top:8px}
.ag-chapter+.ag-chapter{margin-top:clamp(56px,6vw,88px);padding-top:clamp(40px,5vw,64px);border-top:1px solid var(--line)}
.r-prose .ag-chapter>.kicker{margin-bottom:10px}
.r-prose .ag-chapter>h2{margin-top:0}
.r-prose .ag-intro{max-width:40rem}
.ag-ui{padding:1px 7px;border-radius:7px;background:rgba(83,104,255,.1);color:#2f3fd6;font-weight:700;font-size:.94em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ag-steps{display:grid;gap:12px;margin-top:26px}
.ag-step{position:relative;padding:22px 24px 20px 78px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line),0 14px 30px -26px rgba(21,22,28,.35)}
.ag-step .n{position:absolute;left:22px;top:20px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--ink);color:var(--on-ink);font:700 1.05rem/1 var(--display)}
.ag-step:first-child .n{background:var(--coral-btn);color:#fff}
.r-prose .ag-step h3{margin:6px 0 8px;font-size:1.18rem}
.r-prose .ag-step p{margin:0 0 .6em;font-size:1rem;line-height:1.66}
.r-prose .ag-step p:last-child{margin-bottom:0}
.r-prose .ag-tip{position:relative;margin-top:12px;padding:12px 14px 12px 42px;border-radius:12px;background:var(--paper);color:var(--text-2);font-size:.94rem}
.ag-tip::before{content:"";position:absolute;left:15px;top:14px;width:17px;height:17px;background:var(--coral);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4'/%3E%3Cpath d='M12 3a6 6 0 0 0-3.6 10.8c.6.5 1 1.2 1 2v.2h5.2v-.2c0-.8.4-1.5 1-2A6 6 0 0 0 12 3z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4'/%3E%3Cpath d='M12 3a6 6 0 0 0-3.6 10.8c.6.5 1 1.2 1 2v.2h5.2v-.2c0-.8.4-1.5 1-2A6 6 0 0 0 12 3z'/%3E%3C/svg%3E") center/contain no-repeat}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}
.video-card{overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line),0 18px 36px -28px rgba(21,22,28,.4)}
.video-play{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#ff6152 0%,#eb4037 100%);color:#fff;box-shadow:0 10px 26px rgba(235,64,55,.5),0 0 0 8px rgba(255,97,82,.18);transition:transform .2s var(--ease)}
.video-thumb:hover .video-play{transform:scale(1.07)}
.video-play svg{width:22px;height:22px;margin-left:3px}
.video-duration{position:absolute;right:12px;bottom:12px;padding:4px 8px;border-radius:8px;background:rgba(10,11,17,.78);color:#fff;font:700 .78rem/1 var(--body)}
.video-section-tag{position:absolute;left:12px;top:12px;padding:5px 10px;border-radius:999px;background:rgba(10,11,17,.72);color:#fff;font:800 .68rem/1 var(--body);letter-spacing:.08em;text-transform:uppercase}
.video-card .video-iframe{display:block;width:100%;height:100%;object-fit:cover}
.video-body{padding:18px 20px 20px}
.r-prose .video-body h3{margin:0;font-size:1.1rem}
.r-prose .video-body p{margin:6px 0 0;font-size:.95rem}
.r-guide .btn-secondary{border-color:rgba(21,22,28,.2);background:transparent;color:var(--text)}
.r-guide .btn-secondary:hover{border-color:rgba(21,22,28,.45);background:rgba(21,22,28,.03)}
.ag-gloss{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:26px 0 0}
.ag-gloss div{padding:18px 20px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.ag-gloss dt{color:var(--text);font:700 1.05rem/1.3 var(--display)}
.ag-gloss dd{margin:6px 0 0;color:var(--text-2);font-size:.95rem;line-height:1.55}
@media (max-width:640px){
  .video-grid,.ag-gloss{grid-template-columns:minmax(0,1fr)}
  .ag-step{padding:20px 18px 18px 66px}
  .ag-step .n{left:16px;width:36px;height:36px}
  .ag-share{padding:22px}
}
@media print{
  body:has(.r-guide) .site-header,body:has(.r-guide) .footer,body:has(.r-guide) .mvc-root,body:has(.r-guide) #mesero-cookie-banner{display:none!important}
  .r-guide-hero{padding:0 0 8px!important;background:#fff!important;color:#111!important}
  .r-guide-hero::before,.r-guide-hero::after,.r-guide-hero .r-crumbs,.r-guide-hero .ag-rolenav,.r-guide-hero .ag-share{display:none!important}
  .r-guide-hero .hero-grid{display:block}
  .r-guide-hero h1{color:#111}
  .r-guide-hero .eyebrow,.r-guide-hero .r-lead{color:#333}
  .r-guide .r-read-grid{display:block}
  .r-guide .ag-chapter--videos{display:none}
  .r-guide .ag-chapter+.ag-chapter{break-before:page;margin-top:0;padding-top:0;border-top:0}
  .r-guide .ag-step,.r-guide .ag-gloss div{break-inside:avoid;box-shadow:none;border:1px solid #d6d3cc}
  .r-guide .ag-step .n,.r-guide .ag-ui,.r-guide .ag-tip::before{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* ── Comparisons and cases (fork cmp) ─────────────────────────────────────────────────────────────────────────
   /comparativa-tpv, its three head-to-heads and /clientes: the facts as they were, re-laid out. The tables keep
   their header in view on a wide screen; on a narrow one they scroll sideways with the criterion column pinned. */
.cmp-board{position:relative;padding:22px;border-radius:26px;background:rgba(246,241,232,.045);box-shadow:0 0 0 1px var(--line-ink),0 40px 80px -40px rgba(0,0,0,.9)}
.cmp-board-title{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:var(--on-ink-2);font:800 .74rem/1.2 var(--body);letter-spacing:.12em;text-transform:uppercase}
.cmp-board-title span{width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px rgba(255,97,82,.2)}
.cmp-board-rows{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.cmp-board-rows li{display:grid;grid-template-columns:minmax(0,9.5rem) minmax(0,1fr);gap:14px;align-items:center;padding:14px 16px;border-radius:14px;background:rgba(246,241,232,.04);box-shadow:inset 0 0 0 1px rgba(246,241,232,.06)}
.cmp-board-rows strong{color:var(--on-ink);font:700 1rem/1.25 var(--display);letter-spacing:-.01em}
.cmp-board-rows span{color:var(--on-ink-2);font-size:.9rem;line-height:1.45}
.cmp-board-rows li.is-mesero{background:linear-gradient(100deg,rgba(255,97,82,.16),rgba(255,97,82,.04) 70%);box-shadow:inset 3px 0 0 var(--coral),inset 0 0 0 1px rgba(255,97,82,.22)}
.cmp-pills{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;list-style:none}
.cmp-pills li{padding:7px 12px;border-radius:999px;background:rgba(246,241,232,.06);box-shadow:inset 0 0 0 1px var(--line-ink);color:var(--on-ink-2);font:700 .8rem/1 var(--body)}

.cmp-wrap{position:relative;border-radius:22px;background:#fff;box-shadow:0 0 0 1px var(--line),0 26px 50px -34px rgba(21,22,28,.4)}
.cmp-wrap:focus-visible{outline:2px solid var(--coral);outline-offset:4px}
.cmp-table{width:100%;border-collapse:separate;border-spacing:0;color:var(--text-2);font-size:.94rem;line-height:1.45}
.cmp-table th,.cmp-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.cmp-table thead th{position:sticky;top:var(--site-header-h,72px);z-index:2;padding:16px;border-bottom:0;background:var(--ink);color:var(--on-ink);font:800 .84rem/1.2 var(--body);letter-spacing:.01em}
.cmp-table thead th:first-child{border-top-left-radius:22px;color:var(--on-ink-3);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}
.cmp-table thead th:last-child{border-top-right-radius:22px}
.cmp-table thead th.compare-highlight{background:linear-gradient(140deg,#ff6152 0%,#da392d 100%);color:#fff;font-size:.95rem}
.cmp-table td.compare-highlight{background:rgba(255,97,82,.065);color:var(--text);font-weight:700;box-shadow:inset 2px 0 0 rgba(255,97,82,.28),inset -2px 0 0 rgba(255,97,82,.28)}
.cmp-table tbody tr:last-child td{border-bottom:0}
.cmp-table tbody tr:last-child td:first-child{border-bottom-left-radius:22px}
.cmp-table tbody tr:last-child td:last-child{border-bottom-right-radius:22px}
.cmp-table tbody tr:not(.compare-group):hover td{background-color:rgba(243,238,230,.55)}
.cmp-table tbody tr:not(.compare-group):hover td.compare-highlight{background-color:rgba(255,97,82,.1)}
.cmp-table td:first-child{min-width:12rem}
.cmp-table td:first-child strong{display:block;color:var(--text);font-weight:800}
.cmp-table td:first-child small{display:block;margin-top:3px;color:var(--text-3);font-size:.82rem;line-height:1.4}
.cmp-table .compare-group span{position:sticky;left:16px}
.cmp-table .compare-group td{padding:22px 16px 9px;background:var(--paper);color:var(--coral-ink);font:800 .7rem/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase;box-shadow:none}
.cmp-table td.check::before{content:"";display:inline-block;width:18px;height:18px;margin:0 8px -4px 0;border-radius:50%;background:#0f9d6e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 11px no-repeat}
.cmp-table td.compare-highlight.check::before{background-color:var(--coral-btn)}
.cmp-table td.dash{color:var(--text-3)}
.cmp-table td.dash::before{content:"\2013";margin-right:7px;font-weight:800}
.cmp-note{max-width:60rem;margin-top:18px;color:var(--text-3);font-size:.9rem;line-height:1.6}
.cmp-note a{color:var(--coral-ink);font-weight:700}

.cmp-fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.cmp-fit-card{padding:30px 30px 28px;border-radius:24px;background:#fff;box-shadow:0 0 0 1px var(--line),0 18px 36px -28px rgba(21,22,28,.35)}
.cmp-fit-card h3{margin-bottom:16px;color:var(--text);font:700 1.3rem/1.25 var(--display);letter-spacing:-.02em}
.cmp-fit-card--ink{background:var(--ink);color:var(--on-ink-2);box-shadow:0 30px 60px -36px rgba(10,11,17,.8)}
.cmp-fit-card--ink .kicker{color:var(--coral-soft)}
.cmp-fit-card--ink h3,.cmp-fit-card--ink strong{color:var(--on-ink)}
.cmp-checks,.cmp-others{display:grid;gap:13px;margin:0;padding:0;list-style:none}
.cmp-checks li,.cmp-others li{position:relative;padding-left:32px;line-height:1.58}
.cmp-checks li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--coral-btn) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px no-repeat}
.cmp-others li{color:var(--text-2)}
.cmp-others li::before{content:"\2192";position:absolute;left:2px;top:0;color:var(--coral-ink);font-weight:800}
.cmp-others strong{color:var(--text)}
.cmp-checks--card{padding:32px;border-radius:24px;background:var(--ink);color:var(--on-ink-2);box-shadow:0 30px 60px -36px rgba(10,11,17,.8)}
.cmp-checks--card strong{color:var(--on-ink)}

.cmp-vendors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cmp-vendor{padding:28px 28px 26px;border-radius:24px;background:#fff;box-shadow:0 0 0 1px var(--line),0 18px 36px -28px rgba(21,22,28,.35)}
.cmp-mono{display:grid;place-items:center;width:46px;height:46px;margin-bottom:16px;border-radius:14px;background:var(--ink);color:var(--on-ink);font:700 1.3rem/1 var(--display)}
.cmp-vendor h3{margin-bottom:10px;color:var(--text);font:700 1.35rem/1.2 var(--display);letter-spacing:-.02em}
.cmp-vendor p{margin:0 0 12px;color:var(--text-2);line-height:1.62}
.cmp-vendor strong{color:var(--text)}
.cmp-vendor-fit,.cmp-vendor-mind{padding:12px 14px;border-radius:14px;font-size:.95rem}
.cmp-vendor-fit{background:rgba(16,185,129,.08)}
.cmp-vendor .cmp-vendor-mind{margin-bottom:0;background:rgba(234,138,12,.09)}

.cmp-sources{padding:30px 32px 26px;border-radius:24px;background:#fff;box-shadow:0 0 0 1px var(--line),0 18px 36px -28px rgba(21,22,28,.35)}
.cmp-sources h3{margin-bottom:6px;color:var(--text);font:700 1.25rem/1.25 var(--display)}
.cmp-sources ul{margin:0;padding:0;list-style:none}
.cmp-sources li{padding:14px 0;border-bottom:1px solid var(--line);color:var(--text-2);line-height:1.62}
.cmp-sources li:last-child{border-bottom:0}
.cmp-sources strong{color:var(--text)}
.cmp-sources a{color:var(--coral-ink);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

.cmp-duel-mark{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 14px;aspect-ratio:16/6;padding:0 18px;text-align:center;background:radial-gradient(60% 120% at 80% 0%,rgba(255,97,82,.55),transparent 62%),linear-gradient(135deg,#121218,#2a1512 70%);color:#fff;font:700 3.1rem/1 var(--display);letter-spacing:-.04em;text-shadow:0 16px 36px rgba(0,0,0,.4)}
.cmp-duel-mark b{font:inherit;font-size:clamp(1.5rem,1.1rem + 1vw,2rem);font-weight:700}
.cmp-duel-mark i{color:var(--coral-soft);font:800 .78rem/1 var(--body);font-style:normal;letter-spacing:.14em;text-transform:uppercase}
.cmp-duel-kicker{display:block;margin-bottom:8px;color:var(--coral-ink);font:800 .72rem/1.2 var(--body);letter-spacing:.1em;text-transform:uppercase}

.cmp-whys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cmp-why{padding:26px 24px 24px;border-radius:22px;background:#fff;box-shadow:0 0 0 1px var(--line),0 18px 36px -28px rgba(21,22,28,.35)}
.cmp-why-n{display:block;margin-bottom:18px;color:var(--coral);font:700 2.3rem/1 var(--display);letter-spacing:-.05em}
.cmp-why h3{margin-bottom:8px;color:var(--text);font:700 1.12rem/1.3 var(--display);letter-spacing:-.015em}
.cmp-why p{color:var(--text-2);font-size:.95rem;line-height:1.6}

.cmp-split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,80px);align-items:start}
.cmp-split>.r-section-head{display:block;position:sticky;top:calc(var(--site-header-h,72px) + 32px);margin:0}
.cmp-split>.r-section-head p{margin-top:16px}
.cmp-honest{position:relative;padding:36px 36px 32px;border-radius:24px;background:#fff;box-shadow:0 0 0 1px var(--line),0 18px 36px -28px rgba(21,22,28,.35)}
.cmp-honest::before{content:"\201C";position:absolute;right:28px;top:4px;color:rgba(255,97,82,.2);font:700 7rem/1 var(--display)}
.cmp-honest p{position:relative;margin:0 0 16px;color:var(--text-2);font-size:1.06rem;line-height:1.75}
.cmp-honest p:last-child{margin-bottom:0}
.cmp-honest strong{color:var(--text)}

.cmp-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.cmp-price{padding:30px 30px 26px;border-radius:24px;background:#fff;box-shadow:0 0 0 1px var(--line),0 18px 36px -28px rgba(21,22,28,.35)}
.cmp-price h3{margin-bottom:12px;color:var(--text);font:700 1.4rem/1.2 var(--display);letter-spacing:-.02em}
.cmp-price ul{margin:0;padding:0;list-style:none}
.cmp-price li{padding:12px 0;border-bottom:1px solid var(--line);color:var(--text-2);line-height:1.5}
.cmp-price li:last-child{border-bottom:0}
.cmp-price strong{color:var(--text)}
.cmp-price .cmp-note a{color:var(--coral-ink)}
.cmp-price--mesero{background:var(--ink);color:var(--on-ink-2);box-shadow:0 0 0 1px rgba(255,97,82,.42),0 30px 60px -30px rgba(235,64,55,.45)}
.cmp-price--mesero h3,.cmp-price--mesero strong{color:var(--on-ink)}
.cmp-price--mesero li{border-color:var(--line-ink);color:var(--on-ink-2)}

.cmp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.cmp-steps li{padding:26px 22px 24px;border-radius:22px;background:#fff;box-shadow:0 0 0 1px var(--line),0 18px 36px -28px rgba(21,22,28,.35)}
.cmp-step-n{display:grid;place-items:center;width:40px;height:40px;margin-bottom:16px;border-radius:12px;background:var(--coral-btn);color:#fff;font:700 1.1rem/1 var(--display)}
.cmp-steps p{margin:0;color:var(--text-2);font-size:.96rem;line-height:1.6}
.cmp-steps strong{color:var(--text)}

.cas-ticket{position:relative;display:block;justify-self:end;width:100%;max-width:470px;padding:32px 32px 28px;border-radius:26px;background:linear-gradient(150deg,rgba(255,97,82,.16),rgba(246,241,232,.04) 62%);box-shadow:0 0 0 1px rgba(255,97,82,.3),0 40px 80px -40px rgba(0,0,0,.9);color:var(--on-ink);text-decoration:none;transition:transform .22s var(--ease)}
.cas-ticket:hover{transform:translateY(-3px)}
.cas-star{display:grid;place-items:center;width:52px;height:52px;margin-bottom:20px;border-radius:16px;background:linear-gradient(140deg,#ff6152 0%,#eb4037 100%);color:#fff;font-size:1.45rem;line-height:1;box-shadow:0 12px 26px -8px rgba(235,64,55,.6)}
.cas-ticket-meta,.cas-meta{display:block;color:var(--coral-soft);font:800 .72rem/1.4 var(--body);letter-spacing:.1em;text-transform:uppercase}
.cas-ticket strong{display:block;margin-top:10px;font:700 1.65rem/1.15 var(--display);letter-spacing:-.03em}
.cas-ticket .r-go{display:inline-block;margin-top:22px;color:var(--coral-soft);font-weight:800}
.cas-ticket .r-go::after{content:" \2193"}
.cas-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px}
.cas-feature{padding:34px 34px 30px;border-radius:24px;background:var(--ink);color:var(--on-ink-2);box-shadow:0 30px 60px -36px rgba(10,11,17,.8)}
.cas-feature h3{margin:10px 0 12px;color:var(--on-ink);font:700 1.6rem/1.2 var(--display);letter-spacing:-.025em}
.cas-feature p{line-height:1.7}
.cas-feature a{color:var(--coral-soft);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.cas-invite{padding:30px 30px 28px;border-radius:24px;background:#fff;box-shadow:0 0 0 1px rgba(255,97,82,.35),0 18px 36px -28px rgba(21,22,28,.35)}
.cas-invite .cas-meta{color:var(--coral-ink)}
.cas-invite h3{margin:10px 0;color:var(--text);font:700 1.3rem/1.25 var(--display);letter-spacing:-.02em}
.cas-invite p{margin-bottom:20px;color:var(--text-2);line-height:1.62}
.cas-placeholder{margin-top:18px;padding:30px 32px;border:1.5px dashed rgba(21,22,28,.2);border-radius:24px;background:rgba(255,255,255,.55)}
.cas-placeholder h3{margin-bottom:10px;color:var(--text);font:700 1.3rem/1.25 var(--display);letter-spacing:-.02em}
.cas-placeholder p{max-width:62rem;color:var(--text-2);line-height:1.65}
.cas-placeholder a:not(.btn){color:var(--coral-ink);font-weight:700}
.cas-center{justify-content:center;margin-top:32px}
.cas-kinds{grid-template-columns:repeat(3,minmax(0,1fr))}
.clientes-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cv-card{display:flex;flex-direction:column;gap:12px;min-width:0}
.cv-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:18px;overflow:hidden;background:#000;cursor:pointer;box-shadow:0 24px 48px -28px rgba(21,22,28,.6)}
.cv-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.cv-thumb:hover img{transform:scale(1.03)}
.cv-thumb:focus-visible{outline:2px solid var(--coral);outline-offset:3px}
.cv-dur{position:absolute;right:12px;bottom:12px;padding:4px 8px;border-radius:8px;background:rgba(10,11,17,.78);color:#fff;font:700 .78rem/1 var(--body)}
.cv-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;background:linear-gradient(140deg,#ff6152 0%,#eb4037 100%);color:#fff;box-shadow:0 12px 30px rgba(235,64,55,.5),0 0 0 8px rgba(255,97,82,.18);transition:transform .2s var(--ease)}
.cv-play svg{width:24px;height:24px;margin-left:3px}
.cv-thumb:hover .cv-play{transform:scale(1.07)}
.cv-label{color:var(--text);font-size:.98rem;font-weight:800;line-height:1.35}

@media (max-width:1023.98px){
  .cmp-whys,.cmp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cmp-split{grid-template-columns:minmax(0,1fr)}
  .cmp-split>.r-section-head{position:static;margin-bottom:24px}
  .cmp-board{max-width:640px}
  .cas-ticket{justify-self:start}
  .cas-kinds{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:899.98px){
  .cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .cmp-table{min-width:560px}
  .cmp-table:has(thead th:nth-child(6)){min-width:860px}
  .cmp-table thead th{position:static;top:auto}
  .cmp-table th:first-child,.cmp-table td:first-child{position:sticky;top:auto;left:0;z-index:1;min-width:9.5rem;max-width:11rem;background:#fff;box-shadow:1px 0 0 var(--line)}
  .cmp-table thead th:first-child{z-index:3;background:var(--ink)}
  .cmp-table .compare-group td{position:static;background:var(--paper)}
  .cmp-table td:first-child small{font-size:.78rem}
}
@media (max-width:767.98px){
  .cmp-fit,.cmp-vendors,.cmp-prices,.cas-row{grid-template-columns:minmax(0,1fr)}
  .clientes-video-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:639.98px){
  .cmp-whys,.cmp-steps,.cas-kinds{grid-template-columns:minmax(0,1fr)}
  .cmp-board{padding:16px}
  .cmp-board-rows li{grid-template-columns:minmax(0,1fr);gap:4px;padding:12px 14px}
  .cmp-fit-card,.cmp-vendor,.cmp-price,.cmp-honest,.cmp-sources,.cmp-checks--card,.cas-feature,.cas-invite,.cas-placeholder,.cas-ticket{padding:24px 20px}
  .cas-ticket strong{font-size:1.4rem}
}
@media (prefers-reduced-motion:reduce){.cas-ticket,.cv-thumb img,.cv-play{transition:none}.cas-ticket:hover,.cv-thumb:hover img{transform:none}}

/* ── Help pages and 404 (fork help) ── */
/* /configurar-impresora, /estado, /demo, /sobre-nosotros and /404: the old hero «visual» as a dark glass panel, the
   cards as tiles, steps as a numbered flow, the status rows and history as lists. */
.h-chips{margin-top:26px}
.h-chips li{min-height:32px;font-size:.84rem}
.h-panel{position:relative;isolation:isolate;padding:22px;border-radius:26px;background:linear-gradient(160deg,rgba(246,241,232,.075),rgba(246,241,232,.02));box-shadow:inset 0 0 0 1px var(--line-ink),0 40px 80px -40px rgba(0,0,0,.8)}
.h-panel::before{content:"";position:absolute;right:-70px;top:-90px;z-index:-1;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(255,97,82,.26),transparent 66%)}
.h-minis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px;padding:0;list-style:none}
.h-minis li{padding:16px 16px 15px;border-radius:16px;background:rgba(10,11,17,.62);box-shadow:inset 0 0 0 1px var(--line-ink)}
.h-minis strong{display:block;color:var(--on-ink);font:700 1.3rem/1.05 var(--display);letter-spacing:-.02em}
.h-minis span{display:block;margin-top:9px;color:var(--on-ink-2);font-size:.84rem;line-height:1.45}
.h-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.h-tiles--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.h-tiles .r-tile p a,.h-list a,.h-steps a,.h-callout a,.h-see a{color:var(--coral-ink);font-weight:700}
.h-tiles--faq .r-tile h3{font-size:1.06rem}
.h-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.h-list{padding:clamp(24px,3vw,34px);border-radius:24px;background:#fff;box-shadow:0 0 0 1px var(--line),0 18px 36px -28px rgba(21,22,28,.35)}
.h-list h3{margin-bottom:14px;color:var(--text);font:700 1.24rem/1.25 var(--display);letter-spacing:-.02em}
.h-list ul{margin:0;padding:0;list-style:none}
.h-list li{position:relative;padding:12px 0 12px 26px;border-top:1px solid var(--line);color:var(--text-2);line-height:1.55}
.h-list li:first-child{border-top:0}
.h-list li::before{content:"";position:absolute;left:3px;top:20px;width:9px;height:9px;border-radius:3px;background:var(--coral)}
.h-list li strong{color:var(--text)}

/* Sobre nosotros: where the team comes from, on ink. */
.h-ink{position:relative;isolation:isolate;overflow:hidden;padding:clamp(72px,8vw,120px) 0;background:var(--ink);color:var(--on-ink)}
.h-ink::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(46% 70% at 88% 12%,rgba(255,97,82,.2),transparent 65%),radial-gradient(40% 60% at 6% 96%,rgba(83,104,255,.12),transparent 70%)}
.h-ink .kicker{color:var(--coral-soft)}
.h-ink .r-section-head h2{color:var(--on-ink)}
.h-ink .r-section-head p{color:var(--on-ink-2)}
.h-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;counter-reset:hstory}
.h-story li{position:relative;padding:28px 26px 26px;border-radius:22px;background:rgba(246,241,232,.04);box-shadow:inset 0 0 0 1px var(--line-ink);counter-increment:hstory}
.h-story li::before{content:"0" counter(hstory);display:block;margin-bottom:16px;color:var(--coral-soft);font:700 .9rem/1 var(--display);letter-spacing:.06em}
.h-story h3{color:var(--on-ink);font:700 1.28rem/1.25 var(--display);letter-spacing:-.02em}
.h-story p{margin-top:8px;color:var(--on-ink-2);line-height:1.6}
.h-story a{color:var(--coral-soft);font-weight:700}

/* Estado: the manual status, said as such. */
.h-status{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 13px;border-radius:999px;font:800 .78rem/1 var(--body);letter-spacing:.04em;vertical-align:middle;white-space:nowrap}
.h-status::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.h-status--ok{background:rgba(16,185,129,.14);color:#047857}
.p-hero.r-hero h1 .h-status{margin-left:10px;background:rgba(52,211,153,.14);color:#6ee7b7;font-size:.9rem;letter-spacing:.02em}
.h-panel--status{display:flex;flex-direction:column;gap:14px}
.h-status-big{display:flex;align-items:center;gap:14px;color:var(--on-ink);font:700 clamp(2rem,1.4rem + 1.6vw,2.8rem)/1 var(--display);letter-spacing:-.03em}
.h-dot{width:18px;height:18px;border-radius:50%;background:#34d399;box-shadow:0 0 0 7px rgba(52,211,153,.18),0 0 24px rgba(52,211,153,.6)}
.h-panel--wait .h-dot{background:#9ca3af;box-shadow:0 0 0 7px rgba(156,163,175,.18)}
.h-panel--down .h-dot{background:#ff6152;box-shadow:0 0 0 7px rgba(255,97,82,.18),0 0 24px rgba(255,97,82,.6)}
.p-hero.r-hero h1 .h-status--wait{background:rgba(246,241,232,.10);color:var(--on-ink-2)}
.p-hero.r-hero h1 .h-status--down{background:rgba(255,97,82,.16);color:#ffb4a8}
.h-panel--slow .h-dot{background:#f5b041;box-shadow:0 0 0 7px rgba(245,176,65,.18),0 0 24px rgba(245,176,65,.55)}
.p-hero.r-hero h1 .h-status--slow{background:rgba(245,176,65,.16);color:#f8c873}
.h-status-count{color:var(--on-ink-2);font-weight:700}
.h-status-count strong{color:var(--on-ink);font:700 1.15rem/1 var(--display);margin-right:6px}
.h-status-note{padding:14px 16px;border-radius:14px;background:rgba(10,11,17,.55);box-shadow:inset 0 0 0 1px var(--line-ink);color:var(--on-ink-2);font-size:.9rem;line-height:1.55}
.h-status-list{margin:0;padding:0;list-style:none;border-radius:22px;background:#fff;box-shadow:0 0 0 1px var(--line),0 18px 36px -28px rgba(21,22,28,.35);overflow:hidden}
.h-status-list li{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;border-top:1px solid var(--line)}
.h-status-list li:first-child{border-top:0}
.h-status-list strong{display:block;color:var(--text);font-size:1rem}
.h-status-list small{display:block;margin-top:3px;color:var(--text-3);font-size:.88rem;line-height:1.45}
.h-note{margin-top:16px;color:var(--text-3);font-size:.92rem;line-height:1.55}
.h-history{position:relative;margin:0;padding:0;list-style:none}
.h-history li{position:relative;padding:0 0 26px 34px}
.h-history li::before{content:"";position:absolute;left:5px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--paper-2);box-shadow:0 0 0 2px #059669}
.h-history li::after{content:"";position:absolute;left:10px;top:24px;bottom:0;width:2px;background:var(--line)}
.h-history li:last-child{padding-bottom:0}
.h-history li:last-child::after{display:none}
.h-history time{display:block;color:var(--text-3);font-weight:800;font-size:.84rem;letter-spacing:.02em}
.h-history h3{margin-top:6px;color:var(--text);font:700 1.18rem/1.3 var(--display)}
.h-history p{margin-top:6px;max-width:52rem;color:var(--text-2);line-height:1.6}

/* 404: one dark screen, the most-wanted pages as cards. */
.h-404{padding-bottom:clamp(64px,8vw,110px)}
.h-404-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px)}
.h-404-code{font:700 clamp(6rem,3rem + 9vw,11rem)/.85 var(--display);letter-spacing:-.07em;background:linear-gradient(180deg,#ffb3a3 0%,#ff6152 55%,#8b2a1c 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.h-404 h1{font-size:clamp(2.2rem,1.2rem + 2.6vw,3.4rem)}
.h-404-kicker{margin-top:clamp(48px,6vw,80px);color:var(--coral-soft)}
.h-404-h2{margin:0 0 22px;color:var(--on-ink);font-size:clamp(1.5rem,1.1rem + 1vw,2rem);line-height:1.15}
.h-404-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.h-404-links .r-tile{padding:20px 20px 18px;background:rgba(246,241,232,.045);box-shadow:inset 0 0 0 1px var(--line-ink)}
.h-404-links .r-tile:hover{background:rgba(246,241,232,.08)}
.h-404-links h3{color:var(--on-ink)}
.h-404-links .r-go::after{content:" \2192"}

/* Configurar impresora: a jump bar, the two ways, the steps beside «what you should see», callouts. */
.h-jump{position:sticky;top:var(--site-header-h,72px);z-index:5;background:rgba(250,247,242,.92);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.h-jump .wrap{display:flex;gap:6px;overflow-x:auto;padding:10px 0;scrollbar-width:none}
.h-jump .wrap::-webkit-scrollbar{display:none}
.h-jump a{flex:none;padding:8px 14px;border-radius:999px;color:var(--text-2);font-weight:700;font-size:.88rem;text-decoration:none;transition:background-color .15s,color .15s}
.h-jump a:hover{background:rgba(21,22,28,.06);color:var(--text)}
.h-video{display:flex;align-items:center;gap:22px;padding:clamp(26px,3vw,38px);border-radius:24px;background:var(--ink);color:var(--on-ink-2)}
.h-video .t-play{position:relative;left:auto;top:auto;flex:none;margin:0}
.h-play--off{background:rgba(246,241,232,.12)!important;box-shadow:inset 0 0 0 1px var(--line-ink)!important}
.h-video strong{display:block;color:var(--on-ink);font:700 1.2rem/1.3 var(--display)}
.h-video span{display:block;margin-top:6px}
.h-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.h-mode{position:relative;padding:clamp(24px,3vw,34px);border-radius:24px;background:#fff;box-shadow:0 0 0 1px var(--line),0 18px 36px -28px rgba(21,22,28,.35)}
.h-mode--rec{box-shadow:0 0 0 2px var(--coral),0 24px 44px -28px rgba(235,64,55,.45)}
.h-tag{display:inline-flex;align-items:center;min-height:26px;padding:0 11px;border-radius:999px;font:800 .72rem/1 var(--body);letter-spacing:.08em;text-transform:uppercase}
.h-tag--usb{background:rgba(83,104,255,.1);color:#3344dd}
.h-tag--red{background:rgba(194,50,31,.09);color:var(--coral-ink)}
.h-mode h3{margin:14px 0 8px;color:var(--text);font:700 1.3rem/1.25 var(--display);letter-spacing:-.02em}
.h-mode p{color:var(--text-2);line-height:1.6}
.h-mode ul{margin:16px 0 0;padding:0;list-style:none}
.h-mode li{position:relative;padding:8px 0 8px 28px;color:var(--text-2);line-height:1.5}
.h-mode li::before{content:"";position:absolute;left:4px;top:13px;width:12px;height:6px;border-left:2.5px solid #059669;border-bottom:2.5px solid #059669;transform:rotate(-45deg)}
.h-steps-wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:22px;align-items:start}
.h-steps{margin:0;padding:clamp(24px,3vw,34px);border-radius:24px;background:#fff;box-shadow:0 0 0 1px var(--line),0 18px 36px -28px rgba(21,22,28,.35);list-style:none;counter-reset:hstep}
.h-steps li{position:relative;padding:0 0 22px 50px;counter-increment:hstep}
.h-steps li::before{content:counter(hstep);position:absolute;left:0;top:-3px;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--ink);color:#fff;font:700 .92rem/1 var(--display)}
.h-steps li::after{content:"";position:absolute;left:15px;top:32px;bottom:0;width:2px;background:var(--line)}
.h-steps li:last-child{padding-bottom:0}
.h-steps li:last-child::after{display:none}
.h-steps li:last-child::before{background:var(--coral-btn)}
.h-steps h3{color:var(--text);font:700 1.1rem/1.3 var(--display)}
.h-steps p{margin-top:6px;color:var(--text-2);line-height:1.6}
.h-steps small{color:var(--text-3)}
.h-steps code,.h-callout code,.r-section-head p code{padding:1px 6px;border-radius:6px;background:rgba(21,22,28,.06);color:var(--text);font:600 .88em/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}
.h-ok{display:inline-block;padding:0 8px;border-radius:999px;background:rgba(16,185,129,.12);color:#047857}
.h-see{position:sticky;top:calc(var(--site-header-h,72px) + 76px);padding:24px;border-radius:22px;background:var(--ink);color:var(--on-ink-2)}
.h-see-ico{display:grid;place-items:center;width:44px;height:44px;margin-bottom:14px;border-radius:13px;background:rgba(255,97,82,.16);color:var(--coral-soft)}
.h-see-ico svg{width:22px;height:22px}
.h-see strong{display:block;color:var(--on-ink);font:700 1.08rem/1.3 var(--display)}
.h-see p{margin-top:8px;line-height:1.6}
.h-see em{color:var(--on-ink);font-style:normal;font-weight:700}
.h-callout{display:flex;gap:16px;margin-top:22px;padding:20px 22px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.h-callout--warn{background:#fffaf0;box-shadow:0 0 0 1px rgba(227,154,0,.35)}
.h-callout-ico{flex:none;font-size:1.3rem;line-height:1.4}
.h-callout>div>strong{display:block;color:var(--text)}
.h-callout p strong{color:var(--text)}
.h-callout p{margin-top:6px;color:var(--text-2);line-height:1.6}

@media (max-width:1023.98px){
  .h-tiles--3,.h-story,.h-404-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .h-lists,.h-modes,.h-steps-wrap{grid-template-columns:minmax(0,1fr)}
  .h-see{position:static}
  .h-panel{max-width:640px}
}
@media (max-width:639.98px){
  .h-tiles,.h-tiles--3,.h-story,.h-404-links,.h-minis{grid-template-columns:minmax(0,1fr)}
  .h-404-head{grid-template-columns:minmax(0,1fr);gap:8px}
  .h-video{flex-direction:column;align-items:flex-start}
  .h-status-list li{flex-direction:column;align-items:flex-start;gap:8px}
  .p-hero.r-hero h1 .h-status{margin:10px 0 0;display:flex;width:max-content}
}
@media print{.h-jump{display:none}}

/* ── Legal pages (fork legal) ── */
/* Aviso legal, privacidad, cookies, términos, código ético and their English pages: the title and its date in a short
   dark head with the other legal documents as a row, the text on paper beside its contents list. The body of each
   document is its old markup, line for line: its own contents box (.toc) steps aside when the sticky list is built. */
.p-hero.r-hero--legal{padding-bottom:clamp(40px,5vw,72px)}
.p-hero.r-hero--legal h1{font-size:clamp(2.1rem,1rem + 2.8vw,3.4rem)}
.legal-updated{margin-top:16px!important;color:var(--on-ink-3)!important;font-size:.98rem!important;font-weight:600}
.legal-docs{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.legal-docs a{display:inline-flex;align-items:center;min-height:36px;padding:0 15px;border-radius:999px;background:rgba(246,241,232,.06);box-shadow:inset 0 0 0 1px var(--line-ink);color:var(--on-ink-2);font:700 .86rem/1 var(--body);text-decoration:none;transition:background-color .15s,color .15s}
.legal-docs a:hover{background:rgba(246,241,232,.12);color:var(--on-ink)}
.legal-docs a[aria-current="page"]{background:var(--on-ink);box-shadow:none;color:var(--ink)}
.r-read--legal .r-prose{font-size:1.02rem;line-height:1.72}
.r-read--legal .r-prose h2{font-size:clamp(1.35rem,1.1rem + .6vw,1.65rem)}
.r-read--legal .r-prose h3{font-size:1.12rem}
.r-read--legal .r-prose code{overflow-wrap:anywhere}
.r-read--legal .r-prose td code{overflow-wrap:normal;white-space:nowrap}
.r-prose .legal-page>.toc{margin:0 0 2.2em;padding:20px 22px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.r-prose .legal-page>.toc .toc-label{margin:0 0 10px;color:var(--text-3);font:800 .72rem/1.2 var(--body);letter-spacing:.12em;text-transform:uppercase}
.r-prose .legal-page>.toc ol{margin:0;padding-left:1.3em;columns:2;column-gap:28px}
.r-prose .legal-page>.toc li{margin:.25em 0;break-inside:avoid;font-size:.95rem}
.r-prose .legal-page>.toc a{text-decoration:none}
.r-read-grid.has-toc .legal-page>.toc{display:none}
.r-prose .info-card{margin:1.4em 0 1.8em;padding:6px 22px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line),0 14px 30px -22px rgba(21,22,28,.3)}
.r-prose .info-card dl{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);margin:0}
.r-prose .info-card dt,.r-prose .info-card dd{margin:0;padding:12px 0;border-bottom:1px solid var(--line)}
.r-prose .info-card dt{color:var(--text-3);font-size:.88rem;font-weight:700}
.r-prose .info-card dd{color:var(--text);font-weight:600}
.r-prose .info-card dt:nth-last-of-type(1),.r-prose .info-card dd:last-child{border-bottom:0}
@media (max-width:639.98px){
  .r-prose .legal-page>.toc ol{columns:1}
  .r-prose .info-card dl{grid-template-columns:minmax(0,1fr)}
  .r-prose .info-card dt{padding-bottom:0;border-bottom:0}
  .r-prose .info-card dd{padding-top:4px}
}
@media print{.legal-docs{display:none}}