/* ai4n.com.co · v2 site CSS. Built from v2/tokens.css, base.css, components.css, product.css, pages.css. Edit those, then rebuild. */
/* AI4N v2 · "Libro mayor" tokens. Prefix --ax-. Fonts: Geist + Geist Mono (OFL), self-hosted woff2. */
@font-face{font-family:"Geist";src:url("../fonts/Geist-Variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("../fonts/GeistMono-Variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{
/* Ink: dark grounds (hero, footer, dark sections) */
--ax-ink-950:#050B16;--ax-ink-900:#09131F;--ax-ink-850:#0D1A2B;--ax-ink-800:#122238;--ax-ink-700:#1B2F4C;--ax-ink-600:#2A4266;
--ax-on-ink:#F3F6FA;--ax-on-ink-2:#A8B5C7;--ax-on-ink-3:#8392A8;--ax-ink-line:rgb(255 255 255/.09);--ax-ink-line-2:rgb(255 255 255/.16);
/* Brand blue: wordmark, links, selected states, focus */
--ax-blue-900:#062B45;--ax-blue-800:#083A5C;--ax-blue-700:#0A4A72;--ax-blue-600:#0D5C8E;--ax-blue-400:#6AA6D8;--ax-blue-100:#DCE9F4;--ax-blue-50:#EEF4FA;
/* Neutrals: light sections, readable in sunlight */
--ax-paper:#FFFFFF;--ax-mist:#F5F7FA;--ax-fog:#ECEFF4;--ax-line:#E1E5EC;--ax-line-2:#C9D0DA;--ax-line-3:#848FA0;--ax-text-3:#5D6878;--ax-text-2:#455163;--ax-text:#09131F;
/* Ledger green: the one accent. Price, launch badge, paid/balanced figures only */
--ax-green-800:#08573A;--ax-green-700:#0A6B44;--ax-green-600:#0E8553;--ax-green-400:#5BC891;--ax-green-100:#D8F1E3;--ax-green-50:#ECF8F1;
/* Attention: status chips and form errors only, never on amounts */
--ax-clay-700:#9A3B12;--ax-clay-100:#F8E3D7;--ax-clay-50:#FCF0E9;
/* Document paper */
--ax-doc:#FFFFFF;--ax-doc-rule:#D9DEE6;
/* Type */
--ax-font:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
--ax-mono:"Geist Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;/* @kind font */

--ax-t-display:clamp(42px,27.4px + 3.74vw,84px);/* @kind other */
--ax-t-h1:clamp(40px,31.1px + 2.29vw,64px);/* @kind other */
--ax-t-h2:clamp(32px,26px + 1.52vw,48px);/* @kind other */
--ax-t-h3:28px;--ax-t-h4:20px;--ax-t-lead:21px;--ax-t-body:17px;--ax-t-small:15px;--ax-t-label:13px;
--ax-t-price-xl:72px;--ax-t-price-lg:52px;--ax-t-price-md:36px;--ax-t-price-row:24px;
--ax-lh-tight:1;/* @kind other */
--ax-lh-head:1.06;/* @kind other */
--ax-lh-ui:1.25;/* @kind other */
--ax-lh-body:1.55;/* @kind other */

--ax-tr-display:-.045em;--ax-tr-h:-.035em;--ax-tr-h3:-.02em;--ax-tr-label:.08em;
/* Space (4-based) */
--ax-s-1:4px;--ax-s-2:8px;--ax-s-3:12px;--ax-s-4:16px;--ax-s-5:20px;--ax-s-6:24px;--ax-s-8:32px;--ax-s-10:40px;--ax-s-12:48px;--ax-s-16:64px;--ax-s-20:80px;--ax-s-24:96px;--ax-s-32:128px;--ax-s-40:160px;
/* Grid: 12 columns, 1280 content, 24 gutter; margins 20 phone → 80 at 1440 */
--ax-max:1280px;--ax-gap:24px;--ax-margin:clamp(20px,5.56vw,80px);
/* Radii */
--ax-r-xs:4px;--ax-r-sm:8px;--ax-r-md:12px;--ax-r-lg:20px;--ax-r-device:34px;
/* Shadows: crisp, layered */
--ax-sh-1:0 0 0 1px rgb(9 19 31/.07),0 1px 2px rgb(9 19 31/.06);
--ax-sh-2:0 0 0 1px rgb(9 19 31/.07),0 1px 2px rgb(9 19 31/.05),0 6px 16px -4px rgb(9 19 31/.10);
--ax-sh-3:0 0 0 1px rgb(9 19 31/.08),0 2px 4px rgb(9 19 31/.06),0 24px 48px -16px rgb(9 19 31/.22);
--ax-sh-doc:0 0 0 1px rgb(9 19 31/.06),0 1px 1px rgb(9 19 31/.08),0 18px 36px -12px rgb(9 19 31/.30);
--ax-sh-ink:0 0 0 1px rgb(255 255 255/.07),0 2px 6px rgb(0 0 0/.35),0 48px 96px -28px rgb(0 0 0/.7);
--ax-focus:0 0 0 2px var(--ax-paper),0 0 0 4px var(--ax-blue-700);
--ax-focus-ink:0 0 0 2px var(--ax-ink-900),0 0 0 4px var(--ax-blue-400);
/* Sizes */
--ax-tap:48px;--ax-btn-h:52px;--ax-btn-h-lg:56px;--ax-input-h:52px;--ax-header-h:72px;--ax-dock-h:104px;
/* Product-screen scale: 1 design px inside each frame. Resolve against the nearest .ax-win / .ax-doc / .ax-phone container */
--ax-u-win:calc(100cqi / 1040);/* @kind other */
--ax-u-doc:calc(100cqi / 320);/* @kind other */
--ax-u-phone:calc(100cqi / 280);/* @kind other */
/* Motion */
--ax-ease:cubic-bezier(.2,.7,.2,1);/* @kind other */
--ax-dur-1:160ms;/* @kind other */
--ax-dur-2:700ms;/* @kind other */

}
@media (max-width:899px){[data-ax-crop]{--ax-u-win:calc(100cqi / 600);/* @kind other */}:root{--ax-t-h3:24px;--ax-t-h4:19px;--ax-t-lead:18px;--ax-t-body:16px;--ax-t-price-xl:52px;--ax-t-price-lg:40px;--ax-t-price-md:30px;--ax-t-price-row:20px;--ax-header-h:64px}}

/* v2 base. Scoped to :where(html.ax) so v1 cards keep their own base. */
html.ax{color-scheme:light;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--ax-header-h)}
:where(html.ax) *,:where(html.ax) *::before,:where(html.ax) *::after{box-sizing:border-box}
:where(html.ax) body{margin:0;font-family:var(--ax-font);font-size:var(--ax-t-body);line-height:var(--ax-lh-body);color:var(--ax-text);background:var(--ax-paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1}
:where(html.ax) :is(h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote){margin:0}
:where(html.ax) :is(ul,ol){padding:0;list-style:none}
:where(html.ax) img,:where(html.ax) svg{display:block;max-width:100%}
:where(html.ax) a{color:var(--ax-blue-700);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
:where(html.ax) a:hover{color:var(--ax-blue-900)}
:where(html.ax) :focus-visible{outline:none;box-shadow:var(--ax-focus);border-radius:var(--ax-r-xs)}
:where(html.ax) :is(h1,h2,h3,p,li){text-wrap:pretty}
:where(html.ax) :is(h1,h2){text-wrap:balance}
:where(html.ax) ::selection{background:var(--ax-blue-100);color:var(--ax-text)}
.ax-num,.ax-mono{font-family:var(--ax-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"zero" 0}
.ax-tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.ax-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){:where(html.ax) *{animation:none!important;transition:none!important}}
:where(html.ax) [hidden]{display:none!important}

/* v2 site components. Prefix .ax-. Plain CSS for the static site. */
/* Layout */
.ax-wrap{width:100%;max-width:calc(var(--ax-max) + 2*var(--ax-margin));margin-inline:auto;padding-inline:var(--ax-margin)}
.ax-sec{padding-block:var(--ax-s-16);background:var(--ax-paper);position:relative}
.ax-sec--mist{background:var(--ax-mist);border-block:1px solid var(--ax-line)}
.ax-sec--ink{background:var(--ax-ink-900);color:var(--ax-on-ink)}
.ax-sec--ink :is(.ax-muted,.ax-lead),.ax-on-ink :is(.ax-muted,.ax-lead){color:var(--ax-on-ink-2)}
@media (min-width:900px){.ax-sec{padding-block:var(--ax-s-32)}}
.ax-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ax-gap)}
@media (min-width:900px){.ax-grid{grid-template-columns:repeat(12,minmax(0,1fr))}}
.ax-stack{display:flex;flex-direction:column;gap:var(--ax-s-6)}
.ax-rule{height:1px;background:var(--ax-line);border:0;margin:0}
/* Type */
.ax-eyebrow{display:block;font-family:var(--ax-mono);font-size:var(--ax-t-label);font-weight:500;line-height:1;letter-spacing:var(--ax-tr-label);text-transform:uppercase;color:var(--ax-text-2)}
.ax-eyebrow::before{content:"";display:inline-block;vertical-align:.12em;width:6px;height:6px;margin-right:10px;background:currentColor;border-radius:1px}
.ax-sec--ink .ax-eyebrow,.ax-on-ink .ax-eyebrow{color:var(--ax-on-ink-2)}
.ax-display{font-size:var(--ax-t-display);font-weight:600;line-height:var(--ax-lh-tight);letter-spacing:var(--ax-tr-display)}
.ax-h1{font-size:var(--ax-t-h1);font-weight:600;line-height:var(--ax-lh-head);letter-spacing:var(--ax-tr-h)}
.ax-h2{font-size:var(--ax-t-h2);font-weight:600;line-height:var(--ax-lh-head);letter-spacing:var(--ax-tr-h)}
.ax-h3{font-size:var(--ax-t-h3);font-weight:600;line-height:1.15;letter-spacing:var(--ax-tr-h3)}
.ax-h4{font-size:var(--ax-t-h4);font-weight:600;line-height:1.3;letter-spacing:-.01em}
.ax-lead{font-size:var(--ax-t-lead);line-height:1.5;color:var(--ax-text-2);letter-spacing:-.005em}
.ax-muted{color:var(--ax-text-2)}
.ax-small{font-size:var(--ax-t-small);line-height:1.5}
.ax-dim{color:var(--ax-on-ink-3)}
/* Placeholder for values still to be decided: [X días hábiles] */
.ax-ph{display:inline;font-family:var(--ax-mono);font-size:.88em;font-weight:500;letter-spacing:0;color:var(--ax-text);background:var(--ax-fog);box-shadow:inset 0 0 0 1px var(--ax-line-2);border-radius:var(--ax-r-xs);padding:.08em .38em;white-space:nowrap;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ax-on-ink .ax-ph,.ax-sec--ink .ax-ph{color:var(--ax-on-ink);background:rgb(255 255 255/.07);box-shadow:inset 0 0 0 1px var(--ax-ink-line-2)}
/* Buttons */
.ax-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--ax-btn-h);padding:0 22px;border-radius:var(--ax-r-sm);border:1px solid transparent;background:var(--ax-ink-900);color:#fff!important;font:inherit;font-size:16px;font-weight:550;letter-spacing:-.005em;line-height:1.2;text-decoration:none!important;white-space:nowrap;cursor:pointer;transition:background var(--ax-dur-1) var(--ax-ease),border-color var(--ax-dur-1) var(--ax-ease),transform var(--ax-dur-1) var(--ax-ease)}
.ax-btn:hover{background:var(--ax-ink-700)}
.ax-btn:active{transform:translateY(1px)}
.ax-btn svg{width:20px;height:20px;flex:none}
.ax-btn--lg{min-height:var(--ax-btn-h-lg);padding:0 26px;font-size:17px}
.ax-btn--sm{min-height:44px;padding:0 16px;font-size:15px}
.ax-btn--block{display:flex;width:100%}
.ax-btn--light{background:#fff;color:var(--ax-ink-900)!important}.ax-btn--light:hover{background:#E4EAF1}
.ax-btn--secondary{background:var(--ax-paper);color:var(--ax-text)!important;border-color:var(--ax-line-2)}.ax-btn--secondary:hover{background:var(--ax-mist)}
.ax-btn--ghost-ink{background:transparent;color:var(--ax-on-ink)!important;border-color:var(--ax-ink-line-2)}.ax-btn--ghost-ink:hover{background:rgb(255 255 255/.06)}
.ax-btn[disabled],.ax-btn[aria-disabled="true"]{opacity:.45;pointer-events:none}
.ax-btn--loading{pointer-events:none;position:relative}.ax-btn--loading>*{visibility:hidden}
.ax-btn--loading::after{content:"";position:absolute;width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ax-spin .9s linear infinite}
@keyframes ax-spin{to{transform:rotate(360deg)}}
.ax-on-ink .ax-btn:focus-visible,.ax-sec--ink .ax-btn:focus-visible{box-shadow:var(--ax-focus-ink)}
.ax-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:550;color:var(--ax-text);text-decoration:none}
.ax-link::after{content:"→";transition:transform var(--ax-dur-1) var(--ax-ease)}
.ax-link:hover{color:var(--ax-blue-700)}
.ax-link:hover::after{transform:translateX(3px)}
.ax-on-ink .ax-link,.ax-sec--ink .ax-link{color:var(--ax-on-ink)}
/* Launch badge */
.ax-badge{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:6px 10px;max-width:100%;border-radius:var(--ax-r-xs);background:var(--ax-green-50);box-shadow:inset 0 0 0 1px var(--ax-green-100);color:var(--ax-green-800);font-family:var(--ax-mono);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;line-height:1.3;text-align:left}
.ax-badge::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--ax-green-600)}
@media (min-width:900px){.ax-badge{white-space:nowrap}}
.ax-on-ink .ax-badge,.ax-sec--ink .ax-badge{background:rgb(91 200 145/.08);box-shadow:inset 0 0 0 1px rgb(91 200 145/.28);color:var(--ax-green-400)}
.ax-on-ink .ax-badge::before,.ax-sec--ink .ax-badge::before{background:var(--ax-green-400)}
html[data-lanzamiento="off"] .ax-badge{display:none}
/* Price */
.ax-price{display:flex;flex-direction:column;gap:6px}
.ax-price__label{font-size:var(--ax-t-small);font-weight:500;color:var(--ax-text-2)}
.ax-price__amount{display:flex;align-items:baseline;gap:.14em;font-size:var(--ax-t-price-lg);font-weight:600;line-height:1;letter-spacing:-.04em;color:var(--ax-green-700);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.ax-price__amount i{font-style:normal;font-size:.58em;font-weight:500;letter-spacing:0;align-self:flex-start;margin-top:.1em}
.ax-price__unit{white-space:nowrap;font-size:var(--ax-t-small);font-weight:500;letter-spacing:0;color:var(--ax-text-2);margin-left:.5em;align-self:baseline}
.ax-price__note{font-size:var(--ax-t-small);color:var(--ax-text-2)}
.ax-price--xl .ax-price__amount{font-size:var(--ax-t-price-xl)}
.ax-price--md .ax-price__amount{font-size:var(--ax-t-price-md)}
.ax-on-ink .ax-price__label,.ax-on-ink .ax-price__note,.ax-on-ink .ax-price__unit{color:var(--ax-on-ink-2)}
.ax-on-ink .ax-price__amount{color:var(--ax-green-400)}
.ax-prow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 24px;align-items:baseline;padding-block:20px;border-top:1px solid var(--ax-line)}
.ax-prow__item{font-size:17px;font-weight:550}
.ax-prow__amt{font-size:var(--ax-t-price-row);font-weight:600;letter-spacing:-.03em;color:var(--ax-text);font-variant-numeric:tabular-nums;text-align:right}
.ax-prow__iva,.ax-prow__when{font-size:14px;color:var(--ax-text-2)}
.ax-prow__iva{text-align:right}
/* Logo: type-only wordmark */
.ax-logo{font-size:28px;display:inline-flex;flex-direction:column;justify-content:center;min-height:44px;text-decoration:none!important;line-height:.9;color:var(--ax-text)}
.ax-logo b{font-size:1em;font-weight:700;letter-spacing:-.035em;color:var(--ax-blue-700)}
.ax-logo span{font-size:.5em;font-weight:500;letter-spacing:-.01em;margin-top:.12em}
.ax-on-ink .ax-logo b{color:#fff}.ax-on-ink .ax-logo span{color:var(--ax-on-ink-2)}
/* Header */
.ax-header{position:sticky;top:0;z-index:40;background:rgb(255 255 255/.86);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--ax-line)}
.ax-header--ink{background:rgb(9 19 31/.78);border-bottom-color:var(--ax-ink-line);color:var(--ax-on-ink)}
.ax-header__bar{display:flex;align-items:center;gap:32px;height:var(--ax-header-h)}
.ax-header__nav{display:none;gap:4px;margin-left:auto}
.ax-header__nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;white-space:nowrap;border-radius:var(--ax-r-sm);font-size:15px;font-weight:500;color:var(--ax-text-2);text-decoration:none}
.ax-header__nav a:hover{color:var(--ax-text);background:var(--ax-mist)}
.ax-header__nav a[aria-current="page"]{color:var(--ax-text)}
.ax-header--ink .ax-header__nav a{color:var(--ax-on-ink-2)}
.ax-header--ink .ax-header__nav a:hover{color:#fff;background:rgb(255 255 255/.06)}
.ax-header--ink .ax-header__nav a[aria-current="page"]{color:#fff}
.ax-header__cta{display:none}
.ax-header__toggle{margin-left:auto;display:inline-grid;place-items:center;width:48px;height:48px;margin-right:-12px;border:0;background:none;color:inherit;border-radius:var(--ax-r-sm);cursor:pointer}
.ax-header__toggle svg{width:24px;height:24px}
.ax-header__menu{border-top:1px solid var(--ax-line);padding:8px var(--ax-margin) 24px;display:flex;flex-direction:column}
.ax-header__menu[hidden]{display:none}
.ax-header__menu a:not(.ax-btn){display:flex;align-items:center;min-height:56px;font-size:20px;font-weight:550;letter-spacing:-.015em;color:inherit;text-decoration:none;border-bottom:1px solid var(--ax-line)}
.ax-header--ink .ax-header__menu,.ax-header--ink .ax-header__menu a:not(.ax-btn){border-color:var(--ax-ink-line)}
@media (min-width:900px){.ax-header__nav{display:flex}.ax-header__cta{display:block}.ax-header__toggle,.ax-header__menu{display:none!important}}
/* Phone call dock */
.ax-dock{position:fixed;inset:auto 0 0 0;z-index:45;padding:12px var(--ax-margin) calc(10px + env(safe-area-inset-bottom));background:rgb(255 255 255/.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--ax-line);display:flex;flex-direction:column;gap:6px}
.ax-dock__hours{font-size:14px;color:var(--ax-text-2);text-align:center}
@media (min-width:900px){.ax-dock{display:none}}
/* Footer */
.ax-footer{background:var(--ax-ink-950);color:var(--ax-on-ink);padding:64px 0 calc(48px + var(--ax-dock-h))}
@media (min-width:900px){.ax-footer{padding:96px 0 56px}}
.ax-footer__grid{display:grid;gap:40px}
@media (min-width:900px){.ax-footer__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--ax-gap)}.ax-footer__brand{grid-column:span 5}.ax-footer__legal{grid-column:span 4}.ax-footer__links{grid-column:span 3}}
.ax-footer address{font-style:normal;display:flex;flex-direction:column;gap:6px;font-size:15px;color:var(--ax-on-ink-2)}
.ax-footer address strong{color:#fff;font-weight:550}
.ax-footer address a{color:inherit}
.ax-footer__links{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-content:start}
.ax-footer__links a{display:flex;align-items:center;min-height:44px;font-size:15px;color:var(--ax-on-ink);text-decoration:none}
.ax-footer__links a:hover{color:var(--ax-blue-400)}
.ax-footer__base{margin-top:64px;padding-top:24px;border-top:1px solid var(--ax-ink-line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-family:var(--ax-mono);font-size:12px;letter-spacing:.04em;color:var(--ax-on-ink-3)}
.ax-footer :focus-visible{box-shadow:var(--ax-focus-ink)}
/* Feature list (processes) */
.ax-feats{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--ax-line)}
@media (min-width:640px){.ax-feats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.ax-feats{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ax-feat{display:flex;flex-direction:column;gap:10px;padding:28px 0 32px;border-bottom:1px solid var(--ax-line)}
@media (min-width:640px){.ax-feat{padding:32px 32px 40px 0}.ax-feat+.ax-feat{padding-left:0}}
.ax-feat__n{font-family:var(--ax-mono);font-size:12px;letter-spacing:.06em;color:var(--ax-text-3)}
.ax-feat__ic{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--ax-r-sm);background:var(--ax-mist);box-shadow:inset 0 0 0 1px var(--ax-line);color:var(--ax-blue-700);margin-bottom:8px}
.ax-feat__ic svg{width:20px;height:20px}
.ax-feat h3{font-size:20px;font-weight:600;letter-spacing:-.015em;line-height:1.25}
.ax-feat p{font-size:16px;color:var(--ax-text-2)}
/* Motion: fade-in on enter, parallax on product screens (see ax.js) */
.ax-js .ax-reveal{opacity:0;transform:translateY(16px);transition:opacity var(--ax-dur-2) var(--ax-ease),transform var(--ax-dur-2) var(--ax-ease)}
.ax-js .ax-reveal.is-in{opacity:1;transform:none}
[data-ax-parallax]{will-change:transform}
/* Typesetting details */
.nb{white-space:nowrap}
.ax-lead{max-width:36em}
.ax-lead__2{display:block;margin-top:.6em}
.ax-price__note>span{display:block}
.ax-price__note>span+span{margin-top:2px}
.h-entity{display:block;white-space:nowrap;font-size:min(1em,6.4vw);letter-spacing:-.02em;margin-top:.08em}
@media (max-width:899px){.ax-eyebrow{font-size:12px;letter-spacing:.06em}.ax-badge{font-size:11px;letter-spacing:.05em;padding:6px 9px;min-height:26px;align-items:baseline}.ax-badge::before{transform:translateY(-1px)}.h-pay{font-size:36px}.h-statement{font-size:30px;line-height:1.12}}
/* Skip link */
.ax-skip{position:absolute;left:12px;top:-60px;z-index:60;padding:10px 14px;border-radius:var(--ax-r-sm);background:#fff;color:var(--ax-text)!important;font-weight:600;text-decoration:none!important;box-shadow:var(--ax-sh-2)}
.ax-skip:focus{top:12px}
/* Consent banner: only when an analytics ID is set (site.js). Sits above the phone dock, never covers it. */
.ax-consent{position:fixed;z-index:44;left:0;right:0;bottom:var(--ax-dock-h);padding:16px var(--ax-margin);background:var(--ax-paper);border-top:1px solid var(--ax-line);box-shadow:0 -8px 24px -12px rgb(9 19 31/.2);display:flex;flex-direction:column;gap:12px;font-size:16px}
.ax-consent[hidden]{display:none}
.ax-consent__b{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ax-consent .ax-btn{min-height:48px;padding:0 12px}
@media (min-width:900px){.ax-consent{left:auto;right:24px;bottom:24px;width:520px;border-radius:var(--ax-r-md);border:0;box-shadow:var(--ax-sh-3);padding:20px}}
html.has-consent .ax-footer{padding-bottom:calc(48px + var(--ax-dock-h) + 140px)}

/* v2 product-screen components. Built in HTML+CSS, scale with their container like an image.
   Each component is a container; inside, 1 design px = var(--ax-u-doc). Window design width 1040, document 320, phone 280. */
.ax-win,.ax-doc,.ax-phone{container-type:inline-size;margin:0;width:100%;position:relative}
.ax-win__in{font-family:var(--ax-font);color:var(--ax-text);background:var(--ax-paper);border-radius:calc(var(--ax-u-win)*12);box-shadow:var(--ax-sh-3);overflow:hidden;font-size:calc(var(--ax-u-win)*13);line-height:1.35;text-align:left;letter-spacing:0}
.ax-on-ink .ax-win__in{box-shadow:var(--ax-sh-ink)}
/* Title bar */
.ax-win__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:calc(var(--ax-u-win)*38);padding:0 calc(var(--ax-u-win)*14);background:var(--ax-mist);border-bottom:1px solid var(--ax-line)}
.ax-win__dots{display:flex;gap:calc(var(--ax-u-win)*7)}
.ax-win__dots i{width:calc(var(--ax-u-win)*10);height:calc(var(--ax-u-win)*10);border-radius:50%;background:var(--ax-line-2)}
.ax-win__title{white-space:nowrap;font-size:calc(var(--ax-u-win)*12);font-weight:500;color:var(--ax-text-3)}
.ax-win__bar .ax-tag{justify-self:end}
.ax-tag{display:inline-flex;align-items:center;height:calc(var(--ax-u-win)*20);padding:0 calc(var(--ax-u-win)*7);border-radius:calc(var(--ax-u-win)*4);background:var(--ax-paper);box-shadow:inset 0 0 0 1px var(--ax-line-2);font-family:var(--ax-mono);font-size:calc(var(--ax-u-win)*9.5);font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--ax-text-2);white-space:nowrap}
/* App body */
.ax-app{display:grid;grid-template-columns:calc(var(--ax-u-win)*206) minmax(0,1fr);min-height:calc(var(--ax-u-win)*560)}
.ax-side{display:flex;flex-direction:column;gap:calc(var(--ax-u-win)*2);padding:calc(var(--ax-u-win)*14) calc(var(--ax-u-win)*10);background:var(--ax-mist);border-right:1px solid var(--ax-line)}
.ax-side__org{display:flex;align-items:center;gap:calc(var(--ax-u-win)*9);padding:calc(var(--ax-u-win)*4) calc(var(--ax-u-win)*6) calc(var(--ax-u-win)*16);font-size:calc(var(--ax-u-win)*12.5);overflow:hidden;font-weight:600;letter-spacing:-.01em;white-space:nowrap}
.ax-side__mark{display:grid;place-items:center;width:calc(var(--ax-u-win)*24);height:calc(var(--ax-u-win)*24);border-radius:calc(var(--ax-u-win)*6);background:var(--ax-blue-700);color:#fff;font-size:calc(var(--ax-u-win)*11);font-weight:600;flex:none}
.ax-side__h{padding:calc(var(--ax-u-win)*12) calc(var(--ax-u-win)*8) calc(var(--ax-u-win)*6);font-family:var(--ax-mono);font-size:calc(var(--ax-u-win)*9.5);letter-spacing:.08em;text-transform:uppercase;color:var(--ax-text-3)}
.ax-side__it{display:flex;align-items:center;gap:calc(var(--ax-u-win)*9);height:calc(var(--ax-u-win)*32);padding:0 calc(var(--ax-u-win)*8);border-radius:calc(var(--ax-u-win)*6);font-size:calc(var(--ax-u-win)*13);font-weight:500;color:var(--ax-text-2);white-space:nowrap}
.ax-side__it svg{width:calc(var(--ax-u-win)*15);height:calc(var(--ax-u-win)*15);flex:none;stroke-width:1.75}
.ax-side__it.is-on{background:var(--ax-paper);color:var(--ax-text);box-shadow:var(--ax-sh-1)}
.ax-side__it.is-on svg{color:var(--ax-blue-700)}
.ax-side__foot{margin-top:auto;padding:calc(var(--ax-u-win)*10) calc(var(--ax-u-win)*8) 0;border-top:1px solid var(--ax-line);font-family:var(--ax-mono);font-size:calc(var(--ax-u-win)*10.5);color:var(--ax-text-3)}
.ax-main{padding:calc(var(--ax-u-win)*22) calc(var(--ax-u-win)*26) calc(var(--ax-u-win)*24);display:flex;flex-direction:column;gap:calc(var(--ax-u-win)*18);min-width:0}
.ax-main__head{display:flex;align-items:flex-end;justify-content:space-between;gap:calc(var(--ax-u-win)*16)}
.ax-main__crumb{font-family:var(--ax-mono);font-size:calc(var(--ax-u-win)*10);letter-spacing:.06em;text-transform:uppercase;color:var(--ax-text-3);margin-bottom:calc(var(--ax-u-win)*6)}
.ax-main__title{white-space:nowrap;font-size:calc(var(--ax-u-win)*22);font-weight:600;letter-spacing:-.025em;line-height:1.1}
.ax-main__sub{white-space:nowrap;font-size:calc(var(--ax-u-win)*12.5);color:var(--ax-text-2);margin-top:calc(var(--ax-u-win)*4)}
.ax-main__act{display:flex;gap:calc(var(--ax-u-win)*8)}
.ax-ubtn{display:inline-flex;align-items:center;gap:calc(var(--ax-u-win)*6);height:calc(var(--ax-u-win)*32);padding:0 calc(var(--ax-u-win)*12);border-radius:calc(var(--ax-u-win)*7);background:var(--ax-paper);box-shadow:inset 0 0 0 1px var(--ax-line-2),0 1px 1px rgb(9 19 31/.04);font-size:calc(var(--ax-u-win)*12.5);font-weight:550;white-space:nowrap}
.ax-ubtn svg{width:calc(var(--ax-u-win)*14);height:calc(var(--ax-u-win)*14)}
.ax-ubtn--pri{background:var(--ax-ink-900);color:#fff;box-shadow:none}
/* Summary figure */
.ax-figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--ax-u-win)*12)}
.ax-fig{display:flex;flex-direction:column;gap:calc(var(--ax-u-win)*6);padding:calc(var(--ax-u-win)*14) calc(var(--ax-u-win)*16);border-radius:calc(var(--ax-u-win)*9);box-shadow:inset 0 0 0 1px var(--ax-line)}
.ax-fig__l{font-size:calc(var(--ax-u-win)*11.5);font-weight:500;color:var(--ax-text-2)}
.ax-fig__v{font-family:var(--ax-mono);font-variant-numeric:tabular-nums;font-size:calc(var(--ax-u-win)*23);font-weight:500;letter-spacing:-.035em;line-height:1.05}
.ax-fig__d{font-size:calc(var(--ax-u-win)*11);color:var(--ax-text-3)}
.ax-fig--ok .ax-fig__v{color:var(--ax-green-700)}
.ax-fig__bar{height:calc(var(--ax-u-win)*4);border-radius:calc(var(--ax-u-win)*2);background:var(--ax-fog);overflow:hidden}
.ax-fig__bar b{display:block;height:100%;background:var(--ax-blue-700)}
/* Data table */
.ax-table{width:100%;border-collapse:collapse;font-size:calc(var(--ax-u-win)*12.5)}
.ax-table th{height:calc(var(--ax-u-win)*32);padding:0 calc(var(--ax-u-win)*10);font-family:var(--ax-mono);font-size:calc(var(--ax-u-win)*9.5);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ax-text-3);text-align:left;border-bottom:1px solid var(--ax-line);white-space:nowrap}
.ax-table td{height:calc(var(--ax-u-win)*42);padding:0 calc(var(--ax-u-win)*10);border-bottom:1px solid var(--ax-line);white-space:nowrap}
.ax-table .n{text-align:right;font-family:var(--ax-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.ax-table .w{font-weight:550}
.ax-table .m{color:var(--ax-text-2)}
.ax-table tfoot td{border-bottom:0;border-top:1px solid var(--ax-line-2);font-weight:600}
.ax-table tfoot .n{font-weight:600}
.ax-table .ok{color:var(--ax-green-700)}
.ax-table tr.is-sel td,.ax-table tr.is-new td{background:var(--ax-blue-50)}
.ax-table tr.is-new td:first-child{box-shadow:inset calc(var(--ax-u-win)*2.5) 0 0 var(--ax-blue-700)}
.ax-table tr.is-new .n{font-weight:600;color:var(--ax-blue-800)}
.ax-cellic{display:inline-flex;align-items:center;gap:calc(var(--ax-u-win)*5);color:var(--ax-text-2)}.ax-cellic svg{width:calc(var(--ax-u-win)*13);height:calc(var(--ax-u-win)*13)}
.ax-tbar{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:calc(var(--ax-u-win)*-8)}.ax-tbar b{font-size:calc(var(--ax-u-win)*13.5);font-weight:600;letter-spacing:-.01em}.ax-tbar span{white-space:nowrap;font-family:var(--ax-mono);font-size:calc(var(--ax-u-win)*10.5);color:var(--ax-text-3)}
/* Status chip */
.ax-chip{display:inline-flex;align-items:center;gap:calc(var(--ax-u-win)*6);height:calc(var(--ax-u-win)*22);padding:0 calc(var(--ax-u-win)*8);border-radius:calc(var(--ax-u-win)*5);font-size:calc(var(--ax-u-win)*11.5);font-weight:550;white-space:nowrap;background:var(--ax-fog);color:var(--ax-text-2)}
.ax-chip::before{content:"";width:calc(var(--ax-u-win)*6);height:calc(var(--ax-u-win)*6);border-radius:50%;background:currentColor}
.ax-chip--ok{background:var(--ax-green-50);color:var(--ax-green-700)}
.ax-chip--info{background:var(--ax-blue-50);color:var(--ax-blue-700)}
.ax-chip--warn{background:var(--ax-clay-50);color:var(--ax-clay-700)}
.ax-chip--new{background:var(--ax-paper);color:var(--ax-text-2);box-shadow:inset 0 0 0 1px var(--ax-line-2)}
.ax-chip--new::before{background:none;box-shadow:inset 0 0 0 1.5px currentColor}
/* Real screenshot inside the same frame */
.ax-win__shot{display:block;width:100%;height:auto}
/* Printed document */
.ax-doc__in{background:var(--ax-doc);border-radius:calc(var(--ax-u-doc)*3);box-shadow:var(--ax-sh-doc);padding:calc(var(--ax-u-doc)*22) calc(var(--ax-u-doc)*24) calc(var(--ax-u-doc)*20);font-family:var(--ax-font);color:var(--ax-text);font-size:calc(var(--ax-u-doc)*12);line-height:1.4;text-align:left;position:relative}
.ax-doc__top{display:flex;justify-content:space-between;align-items:flex-start;gap:calc(var(--ax-u-doc)*8)}
.ax-doc__org{min-width:0;padding-top:calc(var(--ax-u-doc)*4);font-family:var(--ax-mono);font-size:calc(var(--ax-u-doc)*9);letter-spacing:.08em;text-transform:uppercase;color:var(--ax-text-3)}
.ax-doc__title{font-size:calc(var(--ax-u-doc)*18);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-top:calc(var(--ax-u-doc)*10)}
.ax-doc__sub{font-size:calc(var(--ax-u-doc)*11);color:var(--ax-text-2);margin-top:calc(var(--ax-u-doc)*3)}
.ax-doc__rows{margin-top:calc(var(--ax-u-doc)*16);border-top:calc(var(--ax-u-doc)*1.5) solid var(--ax-text)}
.ax-doc__row{display:flex;align-items:baseline;gap:calc(var(--ax-u-doc)*8);padding:calc(var(--ax-u-doc)*8) 0;border-bottom:1px solid var(--ax-doc-rule);font-size:calc(var(--ax-u-doc)*11.5)}
.ax-doc__row span:first-child{flex:1;color:var(--ax-text-2)}
.ax-doc__row .n{white-space:nowrap;font-family:var(--ax-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--ax-text)}
.ax-doc__row--total{border-bottom:calc(var(--ax-u-doc)*1.5) solid var(--ax-text);padding:calc(var(--ax-u-doc)*10) 0}
.ax-doc__row--total span:first-child{color:var(--ax-text);font-weight:600;font-size:calc(var(--ax-u-doc)*12.5)}
.ax-doc__row--total .n{font-size:calc(var(--ax-u-doc)*15);font-weight:600;color:var(--ax-green-700)}
.ax-doc__sign{display:flex;justify-content:space-between;align-items:flex-end;gap:calc(var(--ax-u-doc)*16);margin-top:calc(var(--ax-u-doc)*22);font-size:calc(var(--ax-u-doc)*10);color:var(--ax-text-3)}
.ax-doc__sign span{flex:1;border-top:1px solid var(--ax-line-2);padding-top:calc(var(--ax-u-doc)*5)}
.ax-doc__stamp{font-family:var(--ax-mono);font-size:calc(var(--ax-u-doc)*9.5);letter-spacing:.1em;text-transform:uppercase;color:var(--ax-blue-700);padding:calc(var(--ax-u-doc)*5) calc(var(--ax-u-doc)*8);box-shadow:inset 0 0 0 calc(var(--ax-u-doc)*1.5) var(--ax-blue-700);border-radius:calc(var(--ax-u-doc)*3);transform:rotate(-6deg);opacity:.85}
.ax-doc--tilt-l .ax-doc__in{transform:rotate(-2.5deg)}
.ax-doc--tilt-r .ax-doc__in{transform:rotate(2deg)}
/* Phone frame: secondary only */
.ax-phone__in{background:#0B1220;border-radius:calc(var(--ax-u-phone)*44);padding:calc(var(--ax-u-phone)*9);box-shadow:0 0 0 calc(var(--ax-u-phone)*1.5) #2A3446,var(--ax-sh-ink);font-family:var(--ax-font)}
.ax-phone__scr{position:relative;aspect-ratio:262/560;border-radius:calc(var(--ax-u-phone)*35);background:var(--ax-paper);overflow:hidden;display:flex;flex-direction:column;color:var(--ax-text);font-size:calc(var(--ax-u-phone)*12);line-height:1.35}
.ax-phone__isl{position:absolute;top:calc(var(--ax-u-phone)*10);left:50%;transform:translateX(-50%);width:calc(var(--ax-u-phone)*84);height:calc(var(--ax-u-phone)*24);border-radius:calc(var(--ax-u-phone)*12);background:#0B1220;z-index:2}
.ax-phone__sb{display:flex;justify-content:space-between;align-items:center;height:calc(var(--ax-u-phone)*44);padding:0 calc(var(--ax-u-phone)*24);font-family:var(--ax-mono);font-size:calc(var(--ax-u-phone)*11);font-weight:500}
.ax-phone__body{flex:1;display:flex;flex-direction:column;gap:calc(var(--ax-u-phone)*10);padding:calc(var(--ax-u-phone)*6) calc(var(--ax-u-phone)*14) calc(var(--ax-u-phone)*14)}
.ax-phone__h{font-size:calc(var(--ax-u-phone)*17);font-weight:600;letter-spacing:-.02em}
.ax-phone__s{font-size:calc(var(--ax-u-phone)*11);color:var(--ax-text-2);margin-top:calc(var(--ax-u-phone)*-6)}
.ax-cam{position:relative;height:calc(var(--ax-u-phone)*196);border-radius:calc(var(--ax-u-phone)*14);background:var(--ax-ink-800);overflow:hidden;display:grid;place-items:center}
.ax-cam::before,.ax-cam::after{content:"";position:absolute;inset:calc(var(--ax-u-phone)*14);border:calc(var(--ax-u-phone)*2) solid rgb(255 255 255/.85);border-radius:calc(var(--ax-u-phone)*6);-webkit-mask:linear-gradient(#000 0 0) top left/22% 22% no-repeat,linear-gradient(#000 0 0) top right/22% 22% no-repeat,linear-gradient(#000 0 0) bottom left/22% 22% no-repeat,linear-gradient(#000 0 0) bottom right/22% 22% no-repeat;mask:linear-gradient(#000 0 0) top left/22% 22% no-repeat,linear-gradient(#000 0 0) top right/22% 22% no-repeat,linear-gradient(#000 0 0) bottom left/22% 22% no-repeat,linear-gradient(#000 0 0) bottom right/22% 22% no-repeat}
.ax-cam::after{display:none}
.ax-rcpt{width:calc(var(--ax-u-phone)*128);padding:calc(var(--ax-u-phone)*12) calc(var(--ax-u-phone)*12) calc(var(--ax-u-phone)*14);background:#FBFBF8;transform:rotate(-4deg);box-shadow:0 calc(var(--ax-u-phone)*8) calc(var(--ax-u-phone)*18) rgb(0 0 0/.45);font-family:var(--ax-mono);font-size:calc(var(--ax-u-phone)*8.5);color:#3B4250;display:flex;flex-direction:column;gap:calc(var(--ax-u-phone)*5)}
.ax-rcpt b{font-weight:600;color:#111;text-align:center;letter-spacing:.06em;font-size:calc(var(--ax-u-phone)*9)}
.ax-rcpt i{display:block;height:calc(var(--ax-u-phone)*3);border-radius:2px;background:#D6D9DE;font-style:normal}
.ax-rcpt span{display:flex;justify-content:space-between;border-top:1px dashed #B9BEC6;padding-top:calc(var(--ax-u-phone)*5);color:#111;font-weight:600}
.ax-read{border-radius:calc(var(--ax-u-phone)*12);box-shadow:inset 0 0 0 1px var(--ax-line);padding:calc(var(--ax-u-phone)*4) calc(var(--ax-u-phone)*12)}
.ax-read__h{display:flex;align-items:center;gap:calc(var(--ax-u-phone)*6);padding:calc(var(--ax-u-phone)*8) 0 calc(var(--ax-u-phone)*4);font-family:var(--ax-mono);font-size:calc(var(--ax-u-phone)*9);letter-spacing:.08em;text-transform:uppercase;color:var(--ax-text-3)}
.ax-read__r{white-space:nowrap;display:flex;justify-content:space-between;gap:calc(var(--ax-u-phone)*8);padding:calc(var(--ax-u-phone)*7) 0;border-top:1px solid var(--ax-line);font-size:calc(var(--ax-u-phone)*11.5)}
.ax-read__r span:first-child{color:var(--ax-text-2)}
.ax-read__r .n{font-family:var(--ax-mono);font-variant-numeric:tabular-nums;font-weight:500}
.ax-done{display:flex;align-items:center;justify-content:center;gap:calc(var(--ax-u-phone)*7);height:calc(var(--ax-u-phone)*40);border-radius:calc(var(--ax-u-phone)*10);background:var(--ax-ink-900);color:#fff;font-size:calc(var(--ax-u-phone)*12.5);font-weight:600;margin-top:auto}
.ax-done svg{width:calc(var(--ax-u-phone)*15);height:calc(var(--ax-u-phone)*15)}
.ax-phone .ax-tag{order:1;align-self:flex-start;margin:0 0 calc(var(--ax-u-phone)*4) calc(var(--ax-u-phone)*14)}.ax-phone__sb{order:0}.ax-phone__body{order:2}
/* Scene: composition of window, document and phone */
.ax-scene{position:relative}
.ax-scene>*{position:relative}
.ax-scene__doc,.ax-scene__phone{position:absolute}
.ax-caption{font-family:var(--ax-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ax-text-3)}
.ax-on-ink .ax-caption{color:var(--ax-on-ink-3)}
.ax-doc .ax-tag{height:calc(var(--ax-u-doc)*20);padding:0 calc(var(--ax-u-doc)*7);border-radius:calc(var(--ax-u-doc)*4);font-size:calc(var(--ax-u-doc)*9.5)}
.ax-phone .ax-tag{height:calc(var(--ax-u-phone)*20);padding:0 calc(var(--ax-u-phone)*7);border-radius:calc(var(--ax-u-phone)*4);font-size:calc(var(--ax-u-phone)*9.5)}
/* Pair: office admin (main) + field phone (one task), shown as one connected system.
   Desktop: window 84% of the visual, phone overlaps its lower right. Phone (<900): window first, side menu hidden, phone overlapping below.
   The connector is drawn by ax.js between [data-ax-from] (admin) and [data-ax-to] (phone). Without JS the highlighted row still carries the link. */
.ax-pair{position:relative;container-type:inline-size}
.ax-pair__win{position:relative;z-index:1;width:84cqi;margin-bottom:36cqi}
.ax-pair__phone{position:absolute;z-index:3;width:24cqi;left:76cqi;top:33cqi}
.ax-pair__link{position:absolute;inset:0;z-index:2;width:100%;height:100%;overflow:visible;pointer-events:none}
.ax-pair__link path{fill:none;stroke:var(--ax-blue-400);stroke-width:1.5;stroke-dasharray:4 4;stroke-linecap:round}
.ax-pair__link circle{fill:var(--ax-blue-400);stroke:var(--ax-ink-900);stroke-width:2}
@media (min-width:900px){.ax-pair--wide .ax-pair__win{width:80cqi}.ax-pair--wide .ax-pair__phone{width:23cqi;left:77cqi;top:31cqi}}
@media (max-width:899px){.ax-pair{container-type:normal}.ax-pair__win{width:100%;margin-bottom:0}.ax-pair .ax-side,.ax-pair .ax-hide-s{display:none}.ax-pair .ax-app{grid-template-columns:minmax(0,1fr);min-height:0}.ax-pair .ax-main__crumb{display:none}.ax-pair__phone{position:relative;left:auto;top:auto;width:min(46%,184px);margin:-64px 6px 0 auto}}
/* Pair with a printed document instead of the phone (El Diseño, Precios, Pagar) */
.ax-pair__doc{position:absolute;z-index:3;width:31cqi;left:62cqi;top:20cqi}
@media (min-width:900px){.ax-pair--doc .ax-pair__win{margin-bottom:22cqi}}
@media (max-width:899px){.ax-pair__doc{position:relative;left:auto;top:auto;width:min(66%,250px);margin:-36px 4px 0 auto}}
/* Window as a cropped thumbnail (case cards) */
.ax-shot{position:relative;overflow:hidden;border-radius:var(--ax-r-md);background:var(--ax-mist);box-shadow:inset 0 0 0 1px var(--ax-line);aspect-ratio:4/3;padding:24px 0 0 24px}
.ax-shot>.ax-win{width:150%}
.ax-shot--ink{background:var(--ax-ink-850);box-shadow:inset 0 0 0 1px var(--ax-ink-line)}
.ax-doc__gh{margin-top:calc(var(--ax-u-doc)*16);font-family:var(--ax-mono);font-size:calc(var(--ax-u-doc)*9);letter-spacing:.08em;text-transform:uppercase;color:var(--ax-text-3)}
.ax-doc__gh+.ax-doc__rows{margin-top:calc(var(--ax-u-doc)*6)}
.ax-doc__top .ax-tag{flex:none}
/* Phone task card (member, statement, delivery) */
.ax-mcard{display:flex;flex-direction:column;gap:calc(var(--ax-u-phone)*4);padding:calc(var(--ax-u-phone)*14);border-radius:calc(var(--ax-u-phone)*14);background:var(--ax-ink-850);color:#fff}
.ax-mcard__k{font-family:var(--ax-mono);font-size:calc(var(--ax-u-phone)*9);letter-spacing:.08em;text-transform:uppercase;color:var(--ax-on-ink-2)}
.ax-mcard b{font-size:calc(var(--ax-u-phone)*14);font-weight:600;letter-spacing:-.01em}
.ax-mcard__v{font-family:var(--ax-mono);font-variant-numeric:tabular-nums;font-size:calc(var(--ax-u-phone)*26);font-weight:500;letter-spacing:-.03em;line-height:1.1;margin-top:calc(var(--ax-u-phone)*4)}
.ax-mcard__s{display:flex;align-items:center;gap:calc(var(--ax-u-phone)*5);font-size:calc(var(--ax-u-phone)*10.5);color:var(--ax-on-ink-2)}
.ax-mcard__s svg{width:calc(var(--ax-u-phone)*12);height:calc(var(--ax-u-phone)*12)}
/* Realism layer: what a system in daily use shows (search, filters, people, receipts, pages, sync). */
.ax-win__url{display:inline-flex;align-items:center;gap:calc(var(--ax-u-win)*6);height:calc(var(--ax-u-win)*24);padding:0 calc(var(--ax-u-win)*12);border-radius:calc(var(--ax-u-win)*6);background:var(--ax-paper);box-shadow:inset 0 0 0 1px var(--ax-line);font-size:calc(var(--ax-u-win)*11.5);color:var(--ax-text-2);white-space:nowrap}
.ax-win__url svg{width:calc(var(--ax-u-win)*11);height:calc(var(--ax-u-win)*11);color:var(--ax-text-3)}
.ax-side__it{justify-content:flex-start}
.ax-side__n{margin-left:auto;min-width:calc(var(--ax-u-win)*18);height:calc(var(--ax-u-win)*18);padding:0 calc(var(--ax-u-win)*5);border-radius:calc(var(--ax-u-win)*9);display:grid;place-items:center;background:var(--ax-blue-700);color:#fff;font-family:var(--ax-mono);font-size:calc(var(--ax-u-win)*10);font-weight:500}
.ax-side__n--q{background:var(--ax-fog);color:var(--ax-text-2)}
.ax-side__user{display:flex;align-items:center;gap:calc(var(--ax-u-win)*8);font-family:var(--ax-font);font-size:calc(var(--ax-u-win)*11.5);color:var(--ax-text);margin-bottom:calc(var(--ax-u-win)*8)}
.ax-side__user small{display:block;font-size:calc(var(--ax-u-win)*10.5);color:var(--ax-text-3)}
.ax-sync{display:flex;align-items:center;gap:calc(var(--ax-u-win)*6)}
.ax-sync::before{content:"";width:calc(var(--ax-u-win)*7);height:calc(var(--ax-u-win)*7);border-radius:50%;background:var(--ax-blue-400);box-shadow:0 0 0 calc(var(--ax-u-win)*3) var(--ax-blue-50)}
.ax-av{display:inline-grid;place-items:center;flex:none;width:calc(var(--ax-u-win)*24);height:calc(var(--ax-u-win)*24);border-radius:50%;background:var(--ax-blue-100);color:var(--ax-blue-800);font-size:calc(var(--ax-u-win)*9.5);font-weight:600;letter-spacing:.02em}
.ax-av--2{background:var(--ax-fog);color:var(--ax-text-2)}
.ax-av--3{background:var(--ax-ink-700);color:#fff}
.ax-who{display:inline-flex;align-items:center;gap:calc(var(--ax-u-win)*8)}
.ax-who small{display:block;font-weight:400;font-size:calc(var(--ax-u-win)*11);color:var(--ax-text-3)}
.ax-tools{display:flex;align-items:center;gap:calc(var(--ax-u-win)*8);margin-bottom:calc(var(--ax-u-win)*-6)}
.ax-search{flex:1;min-width:0;display:flex;align-items:center;gap:calc(var(--ax-u-win)*8);height:calc(var(--ax-u-win)*32);padding:0 calc(var(--ax-u-win)*11);border-radius:calc(var(--ax-u-win)*7);box-shadow:inset 0 0 0 1px var(--ax-line-2);color:var(--ax-text-3);font-size:calc(var(--ax-u-win)*12);white-space:nowrap;overflow:hidden}
.ax-search svg{width:calc(var(--ax-u-win)*14);height:calc(var(--ax-u-win)*14);flex:none}
.ax-search kbd{margin-left:auto;font-family:var(--ax-mono);font-size:calc(var(--ax-u-win)*10);padding:0 calc(var(--ax-u-win)*5);border-radius:calc(var(--ax-u-win)*4);box-shadow:inset 0 0 0 1px var(--ax-line)}
.ax-filter{display:inline-flex;align-items:center;gap:calc(var(--ax-u-win)*5);height:calc(var(--ax-u-win)*32);padding:0 calc(var(--ax-u-win)*10);border-radius:calc(var(--ax-u-win)*7);background:var(--ax-mist);box-shadow:inset 0 0 0 1px var(--ax-line);font-size:calc(var(--ax-u-win)*12);font-weight:500;color:var(--ax-text-2);white-space:nowrap}
.ax-filter b{font-weight:600;color:var(--ax-text)}
.ax-filter svg{width:calc(var(--ax-u-win)*12);height:calc(var(--ax-u-win)*12);color:var(--ax-text-3)}
.ax-table .ck{width:calc(var(--ax-u-win)*30);padding-right:0}
.ax-ck{display:block;width:calc(var(--ax-u-win)*14);height:calc(var(--ax-u-win)*14);border-radius:calc(var(--ax-u-win)*4);box-shadow:inset 0 0 0 1.5px var(--ax-line-2);background:var(--ax-paper)}
.ax-ck--on{background:var(--ax-blue-700);box-shadow:none;position:relative}
.ax-ck--on::after{content:"";position:absolute;left:32%;top:16%;width:28%;height:48%;border:solid #fff;border-width:0 calc(var(--ax-u-win)*1.8) calc(var(--ax-u-win)*1.8) 0;transform:rotate(45deg)}
.ax-thumb{display:inline-flex;align-items:center;gap:calc(var(--ax-u-win)*6);color:var(--ax-text-2);font-size:calc(var(--ax-u-win)*11.5)}
.ax-thumb i{position:relative;display:block;width:calc(var(--ax-u-win)*18);height:calc(var(--ax-u-win)*24);border-radius:calc(var(--ax-u-win)*2);background:var(--ax-doc);box-shadow:0 0 0 1px var(--ax-line-2),0 1px 2px rgb(9 19 31/.12);transform:rotate(-4deg)}
.ax-thumb i::before{content:"";position:absolute;left:18%;right:18%;top:22%;height:calc(var(--ax-u-win)*1.5);background:var(--ax-line-2);box-shadow:0 calc(var(--ax-u-win)*4) 0 var(--ax-line-2),0 calc(var(--ax-u-win)*8) 0 var(--ax-line-2),0 calc(var(--ax-u-win)*13) 0 var(--ax-line-3)}
.ax-table .sub{display:block;font-size:calc(var(--ax-u-win)*11);font-weight:400;color:var(--ax-text-3)}
.ax-table td{height:calc(var(--ax-u-win)*46)}
.ax-pager{display:flex;align-items:center;justify-content:space-between;margin-top:calc(var(--ax-u-win)*-6);font-size:calc(var(--ax-u-win)*11.5);color:var(--ax-text-3)}
.ax-pager__b{display:flex;gap:calc(var(--ax-u-win)*4)}
.ax-pager__b span{display:grid;place-items:center;min-width:calc(var(--ax-u-win)*26);height:calc(var(--ax-u-win)*26);padding:0 calc(var(--ax-u-win)*6);border-radius:calc(var(--ax-u-win)*6);box-shadow:inset 0 0 0 1px var(--ax-line);font-family:var(--ax-mono);font-size:calc(var(--ax-u-win)*11);color:var(--ax-text-2)}
.ax-pager__b span.is-on{background:var(--ax-ink-900);box-shadow:none;color:#fff}
.ax-fig__d .up{color:var(--ax-blue-700);font-weight:550}
.ax-figs--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ax-live{display:inline-flex;align-items:center;gap:calc(var(--ax-u-win)*6);margin-left:calc(var(--ax-u-win)*10);vertical-align:middle;font-family:var(--ax-mono);font-size:calc(var(--ax-u-win)*10);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ax-blue-700)}
.ax-live::before{content:"";width:calc(var(--ax-u-win)*7);height:calc(var(--ax-u-win)*7);border-radius:50%;background:var(--ax-blue-600);box-shadow:0 0 0 calc(var(--ax-u-win)*3) var(--ax-blue-100)}
/* Phone realism */
.ax-phone__sb .ax-sb__r{display:flex;align-items:center;gap:calc(var(--ax-u-phone)*5)}
.ax-sig{display:flex;align-items:flex-end;gap:calc(var(--ax-u-phone)*1.5);height:calc(var(--ax-u-phone)*9)}
.ax-sig i{display:block;width:calc(var(--ax-u-phone)*2.5);background:currentColor;border-radius:1px}
.ax-sig i:nth-child(1){height:35%}.ax-sig i:nth-child(2){height:55%}.ax-sig i:nth-child(3){height:78%}.ax-sig i:nth-child(4){height:100%;opacity:.35}
.ax-bat{position:relative;width:calc(var(--ax-u-phone)*20);height:calc(var(--ax-u-phone)*10);border-radius:calc(var(--ax-u-phone)*3);box-shadow:inset 0 0 0 1px rgb(9 19 31/.45);padding:calc(var(--ax-u-phone)*1.5)}
.ax-bat b{display:block;height:100%;width:72%;border-radius:calc(var(--ax-u-phone)*1.5);background:var(--ax-text)}
.ax-bat::after{content:"";position:absolute;right:calc(var(--ax-u-phone)*-2.5);top:30%;width:calc(var(--ax-u-phone)*1.5);height:40%;border-radius:0 1px 1px 0;background:rgb(9 19 31/.45)}
.ax-ap{display:flex;align-items:center;gap:calc(var(--ax-u-phone)*8);margin-bottom:calc(var(--ax-u-phone)*-2)}
.ax-ap svg{width:calc(var(--ax-u-phone)*16);height:calc(var(--ax-u-phone)*16);color:var(--ax-blue-700);flex:none}
.ax-ap__t{flex:1;min-width:0}
.ax-ap__t small{display:block;font-family:var(--ax-mono);font-size:calc(var(--ax-u-phone)*8.5);letter-spacing:.06em;text-transform:uppercase;color:var(--ax-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ax-ap .ax-phone__h{font-size:calc(var(--ax-u-phone)*16)}
.ax-rcpt--t{width:calc(var(--ax-u-phone)*150);padding:calc(var(--ax-u-phone)*10) calc(var(--ax-u-phone)*11) calc(var(--ax-u-phone)*12);gap:calc(var(--ax-u-phone)*2.5);font-size:calc(var(--ax-u-phone)*7.2);line-height:1.25;color:#3B4250;-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 4px) no-repeat,conic-gradient(from 135deg at 50% 0,#000 90deg,transparent 0) bottom/6px 4px repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - 4px) no-repeat,conic-gradient(from 135deg at 50% 0,#000 90deg,transparent 0) bottom/6px 4px repeat-x}
.ax-rcpt--t b{font-size:calc(var(--ax-u-phone)*8);letter-spacing:.04em}
.ax-rcpt--t .c{text-align:center;color:#3B4250}
.ax-rcpt--t .l{display:flex;justify-content:space-between;gap:calc(var(--ax-u-phone)*6)}
.ax-rcpt--t .t{display:flex;justify-content:space-between;border-top:1px dashed #B9BEC6;padding-top:calc(var(--ax-u-phone)*3);margin-top:calc(var(--ax-u-phone)*1);color:#111;font-weight:700;font-size:calc(var(--ax-u-phone)*8.5)}
.ax-rcpt--t .bc{height:calc(var(--ax-u-phone)*12);margin-top:calc(var(--ax-u-phone)*3);background:repeating-linear-gradient(90deg,#111 0 1px,transparent 1px 3px,#111 3px 5px,transparent 5px 6px,#111 6px 7px,transparent 7px 9px)}
.ax-cam__hint{position:absolute;left:0;right:0;bottom:calc(var(--ax-u-phone)*8);text-align:center;font-family:var(--ax-mono);font-size:calc(var(--ax-u-phone)*8);letter-spacing:.06em;text-transform:uppercase;color:rgb(255 255 255/.8)}
.ax-ok-ic{display:inline-grid;place-items:center;width:calc(var(--ax-u-phone)*12);height:calc(var(--ax-u-phone)*12);border-radius:50%;background:var(--ax-blue-50);color:var(--ax-blue-700);margin-right:calc(var(--ax-u-phone)*4);vertical-align:-10%}
.ax-ok-ic svg{width:70%;height:70%}
.ax-seg{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--ax-u-phone)*4);padding:calc(var(--ax-u-phone)*3);border-radius:calc(var(--ax-u-phone)*9);background:var(--ax-fog)}
.ax-seg span{display:grid;place-items:center;height:calc(var(--ax-u-phone)*26);border-radius:calc(var(--ax-u-phone)*7);font-size:calc(var(--ax-u-phone)*10);font-weight:550;color:var(--ax-text-2)}
.ax-seg span.is-on{background:var(--ax-paper);color:var(--ax-text);box-shadow:var(--ax-sh-1)}
.ax-mrow{display:flex;align-items:center;gap:calc(var(--ax-u-phone)*9);padding:calc(var(--ax-u-phone)*10) calc(var(--ax-u-phone)*12);border-radius:calc(var(--ax-u-phone)*12);box-shadow:inset 0 0 0 1px var(--ax-line)}
.ax-mrow .ax-av{width:calc(var(--ax-u-phone)*32);height:calc(var(--ax-u-phone)*32);font-size:calc(var(--ax-u-phone)*11)}
.ax-mrow b{display:block;font-size:calc(var(--ax-u-phone)*12.5);font-weight:600}
.ax-mrow small{display:block;font-size:calc(var(--ax-u-phone)*10.5);color:var(--ax-text-3)}
.ax-mrow .ax-chip{margin-left:auto;height:calc(var(--ax-u-phone)*20);padding:0 calc(var(--ax-u-phone)*7);font-size:calc(var(--ax-u-phone)*9.5);gap:calc(var(--ax-u-phone)*4)}
.ax-mrow .ax-chip::before{width:calc(var(--ax-u-phone)*5);height:calc(var(--ax-u-phone)*5)}
.ax-signbox{position:relative;height:calc(var(--ax-u-phone)*62);border-radius:calc(var(--ax-u-phone)*10);background:var(--ax-mist);box-shadow:inset 0 0 0 1px var(--ax-line)}
.ax-signbox svg{position:absolute;inset:12% 10% 22%;width:80%;height:66%;color:var(--ax-ink-700)}
.ax-signbox span{position:absolute;left:calc(var(--ax-u-phone)*10);bottom:calc(var(--ax-u-phone)*6);font-size:calc(var(--ax-u-phone)*9);color:var(--ax-text-3)}
.ax-tabbar{display:grid;grid-template-columns:repeat(4,1fr);margin:0 calc(var(--ax-u-phone)*-14) calc(var(--ax-u-phone)*-14);padding:calc(var(--ax-u-phone)*7) 0 calc(var(--ax-u-phone)*12);border-top:1px solid var(--ax-line);background:var(--ax-mist)}
.ax-tabbar span{display:flex;flex-direction:column;align-items:center;gap:calc(var(--ax-u-phone)*2);font-size:calc(var(--ax-u-phone)*8.5);color:var(--ax-text-3)}
.ax-tabbar span.is-on{color:var(--ax-blue-700);font-weight:600}
.ax-tabbar svg{width:calc(var(--ax-u-phone)*16);height:calc(var(--ax-u-phone)*16)}
.ax-phone .ax-done{margin-top:auto}
.ax-done small{font-family:var(--ax-mono);font-weight:400;opacity:.7;font-size:calc(var(--ax-u-phone)*10)}
.ax-phone .ax-read{padding:calc(var(--ax-u-phone)*2) calc(var(--ax-u-phone)*11)}
.ax-phone .ax-read__r{padding:calc(var(--ax-u-phone)*6) 0;font-size:calc(var(--ax-u-phone)*11)}
.ax-mrow>span:not(.ax-av):not(.ax-chip){flex:1;min-width:0}
.ax-mrow b,.ax-mrow small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ax-mrow .ax-chip{flex:none}
@media (max-width:899px){.ax-pair .ax-fig__v{font-size:calc(var(--ax-u-win)*19)}.ax-pair .ax-fig{padding:calc(var(--ax-u-win)*12) calc(var(--ax-u-win)*12)}}

/* v2 page layouts. Mobile first: base rules are the 390 px phone; min-width queries add desktop. */
/* Hero · 1b Mesa */
.hb{position:relative;background:var(--ax-ink-900);color:var(--ax-on-ink);padding:32px 0 0;overflow:hidden;overflow:clip;--hb-cut:88px}
.hb::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 39px,rgb(255 255 255/.055) 39px 40px);-webkit-mask:linear-gradient(180deg,#000,transparent 70%);mask:linear-gradient(180deg,#000,transparent 70%)}
.hb::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--hb-cut);background:var(--ax-paper);border-top:1px solid var(--ax-line)}
.hb--flat{padding-bottom:56px}.hb--flat::after{display:none}
.hb-copy{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;max-width:1040px;margin:0 auto}
.hb-copy :is(.ax-display,.ax-h1){color:#fff}
.hb-copy .ax-lead{max-width:36em}
.hb-copy--left{align-items:flex-start;text-align:left;margin:0}
.hb-deal{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:6px;width:100%}
.hb-price{display:flex;flex-direction:column;align-items:center;gap:8px}
.hb-price .ax-price__amount{font-size:var(--ax-t-price-xl);color:var(--ax-green-400)}
.hb-price .ax-price__label,.hb-price .ax-price__note,.hb-price .ax-price__unit{color:var(--ax-on-ink-2)}
.hb-cta{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}
.hb-cta .ax-btn{width:100%}
.hb-cta .ax-btn[data-contacto]{display:none}
.hb-stage{position:relative;z-index:1;margin:36px auto 0;padding-bottom:24px}
@media (min-width:900px){.hb{padding-top:96px;--hb-cut:220px}.hb--flat{padding-bottom:112px}.hb-copy{gap:28px}.hb-deal{flex-direction:row;justify-content:center;align-items:center;gap:56px;margin-top:20px;padding:28px 40px;border-block:1px solid var(--ax-ink-line-2);width:auto}.hb-price{align-items:flex-start;text-align:left}.hb-cta{width:auto;align-items:flex-start}.hb-cta .ax-btn{width:auto}.hb-cta .ax-btn[data-contacto]{display:inline-flex}.hb-cta__row{display:flex;gap:12px}.hb-stage{max-width:min(1100px,calc((100vw - 2*var(--ax-margin))/1.1));margin-top:80px;padding-bottom:64px;transform:translateX(5%)}.hb-stage--doc{transform:translateX(3%)}}
.hb-cta__row{display:flex;flex-direction:column;gap:12px;width:100%}
/* Section head */
.sh{display:grid;gap:16px;margin-bottom:36px}
.sh .ax-h2{max-width:18em}
@media (min-width:900px){.sh{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px var(--ax-gap);align-items:end;margin-bottom:64px}.sh>div{grid-column:1/span 7;display:flex;flex-direction:column;gap:20px}.sh>p{grid-column:8/span 5}}
.sh>div{display:flex;flex-direction:column;gap:16px}
.ax-sec--tight{padding-block:56px}
@media (min-width:900px){.ax-sec--tight{padding-block:96px}}
/* Steps: ledger rows on phone, four columns on desktop */
.steps{counter-reset:st;display:grid;border-top:1px solid var(--ax-line)}
.steps li{counter-increment:st;display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 12px;padding:20px 0;border-bottom:1px solid var(--ax-line)}
.steps li::before{content:counter(st,decimal-leading-zero);grid-row:span 2;font-family:var(--ax-mono);font-size:13px;letter-spacing:.04em;color:var(--ax-blue-700);padding-top:3px}
.steps b{font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.3}
.steps span{font-size:16px;color:var(--ax-text-2)}
.steps li.is-on b{color:var(--ax-blue-700)}
@media (min-width:900px){.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ax-gap);border-top:0}.steps li{grid-template-columns:minmax(0,1fr);border-bottom:0;border-top:1px solid var(--ax-line-2);padding:24px 0 0}.steps li::before{grid-row:auto;margin-bottom:28px}.steps li.is-on{border-top:2px solid var(--ax-blue-700);padding-top:23px}}
.note{margin-top:24px;font-family:var(--ax-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ax-text-3)}
/* Cases */
.cases{display:grid;gap:40px}
@media (min-width:760px){.cases{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px var(--ax-gap)}}
@media (min-width:1100px){.cases{grid-template-columns:repeat(3,minmax(0,1fr))}}
.case{display:flex;flex-direction:column;gap:18px;text-decoration:none;color:inherit}
.case h3{font-size:22px;font-weight:600;letter-spacing:-.02em}
.case p{color:var(--ax-text-2);margin-top:-8px}
.case .ax-link{margin-top:-8px}
.case:hover .ax-shot{box-shadow:inset 0 0 0 1px var(--ax-line-2)}
/* Price box */
.pbox{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;padding:28px 20px;border-radius:var(--ax-r-lg);background:var(--ax-paper);box-shadow:var(--ax-sh-2)}
.pbox__main{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.pbox__steps{display:flex;flex-direction:column}
.pbox__steps li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;align-items:baseline;padding:14px 0;border-top:1px solid var(--ax-line)}
.pbox__steps b{font-family:var(--ax-font);font-size:18px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-align:right}
.pbox__steps span{font-size:16px}
.pbox__steps small{grid-column:1/-1;font-size:14px;color:var(--ax-text-2)}
.pbox__steps li.is-sum{border-top:1.5px solid var(--ax-text)}
.pbox__steps li.is-sum b{color:var(--ax-green-700)}
@media (min-width:900px){.pbox{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--ax-gap);padding:56px}.pbox__main{grid-column:1/span 6}.pbox__steps{grid-column:8/span 5}}
/* Splits, lists, facts */
.split{display:grid;gap:40px}
@media (min-width:900px){.split{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ax-gap) 96px}}
.split>div{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.split>.notice{display:grid;align-items:start}
.checks{display:flex;flex-direction:column;border-top:1px solid var(--ax-line);align-self:stretch}
.checks li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;padding:16px 0;border-bottom:1px solid var(--ax-line);font-size:17px}
.checks svg{width:20px;height:20px;margin-top:2px;color:var(--ax-blue-700)}
.checks--before li{color:var(--ax-text-2)}
.checks--before svg{color:var(--ax-text-3)}
.facts{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--ax-line);align-self:stretch}
.facts>div{display:grid;gap:2px;padding:16px 0;border-bottom:1px solid var(--ax-line)}
.facts dt{font-family:var(--ax-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ax-text-3)}
.facts dd{font-size:17px;font-weight:500}
@media (min-width:640px){.facts>div{grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:baseline}}
.ax-on-ink .facts{border-color:var(--ax-ink-line)}.ax-on-ink .facts>div{border-color:var(--ax-ink-line)}.ax-on-ink .facts dt{color:var(--ax-on-ink-3)}.ax-on-ink .facts dd{color:#fff}
.box{display:flex;flex-direction:column;gap:14px;align-items:flex-start;padding:24px 20px;border-radius:var(--ax-r-md);background:var(--ax-paper);box-shadow:var(--ax-sh-1)}
@media (min-width:900px){.box{padding:36px}}
.box--mist{background:var(--ax-mist);box-shadow:inset 0 0 0 1px var(--ax-line)}
.notice{display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;padding:18px 20px;border-radius:var(--ax-r-md);background:var(--ax-mist);box-shadow:inset 0 0 0 1px var(--ax-line);font-size:16px}
.notice svg{width:20px;height:20px;margin-top:2px;color:var(--ax-blue-700)}
.notice--warn{background:var(--ax-clay-50);box-shadow:inset 0 0 0 1px var(--ax-clay-100)}.notice--warn svg{color:var(--ax-clay-700)}
.addons{display:grid;gap:12px}
@media (min-width:900px){.addons{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ax-gap)}}
.addons li{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:var(--ax-r-md);box-shadow:inset 0 0 0 1px var(--ax-line);font-size:17px;font-weight:550}
.addons svg{width:22px;height:22px;color:var(--ax-blue-700)}
/* Two-column page body: content + sticky aside */
.cols{display:grid;gap:48px}
@media (min-width:1000px){.cols{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--ax-gap)}.cols>:first-child{grid-column:1/span 6}.cols>:last-child{grid-column:8/span 5}.cols--wide>:first-child{grid-column:1/span 5}.cols--wide>:last-child{grid-column:7/span 6}}
/* Invoice-data form */
.ax-form{display:flex;flex-direction:column;gap:22px}
.ax-form__sum{padding:14px 16px;border-radius:var(--ax-r-sm);background:var(--ax-clay-50);box-shadow:inset 0 0 0 1.5px var(--ax-clay-700);color:var(--ax-clay-700);font-weight:600}
.ax-field{display:flex;flex-direction:column;gap:8px}
.ax-field label{font-size:16px;font-weight:600}
.ax-field__hint{font-size:15px;color:var(--ax-text-2);margin-top:-4px}
.ax-input{height:var(--ax-input-h);padding:0 14px;border-radius:var(--ax-r-sm);border:1px solid var(--ax-line-3);background:var(--ax-paper);font:inherit;font-size:17px;color:var(--ax-text);transition:border-color var(--ax-dur-1) var(--ax-ease),box-shadow var(--ax-dur-1) var(--ax-ease)}
.ax-input:hover{border-color:var(--ax-text-2)}
.ax-input:focus{outline:none;border-color:var(--ax-blue-700);box-shadow:0 0 0 3px var(--ax-blue-100)}
.ax-field__err,.ax-check__err{display:none;font-size:15px;font-weight:550;color:var(--ax-clay-700)}
.is-err .ax-input{border-color:var(--ax-clay-700);background:var(--ax-clay-50)}
.is-err .ax-field__err,.is-err .ax-check__err{display:block}
.ax-check{display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px 12px;align-items:start;font-size:16px;cursor:pointer}
.ax-check input{appearance:none;-webkit-appearance:none;width:24px;height:24px;margin:1px 0 0;border:1px solid var(--ax-line-3);border-radius:6px;background:var(--ax-paper) center/16px no-repeat;cursor:pointer}
.ax-check input:checked{background-color:var(--ax-ink-900);border-color:var(--ax-ink-900);background-image: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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.ax-check input:focus-visible{box-shadow:var(--ax-focus)}
.ax-check__err{grid-column:2}
.is-err.ax-check input{border-color:var(--ax-clay-700)}
.ax-privacy{font-size:15px;color:var(--ax-text-2);padding:16px;border-radius:var(--ax-r-sm);background:var(--ax-mist)}
.ax-sent{padding:20px;border-radius:var(--ax-r-md);box-shadow:inset 0 0 0 1.5px var(--ax-blue-700);background:var(--ax-blue-50);display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px}
.ax-sent svg{width:22px;height:22px;color:var(--ax-blue-700)}
.ax-sent:focus{outline:none}
.pay{display:flex;flex-direction:column;gap:12px}
.pay__m{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:baseline;padding:20px;border-radius:var(--ax-r-md);box-shadow:inset 0 0 0 1px var(--ax-line-2)}
.pay__m b{font-size:18px;font-weight:600}
.pay__m small{grid-column:1/-1;font-size:15px;color:var(--ax-text-2)}
.pay__m--soon{background:var(--ax-mist);box-shadow:inset 0 0 0 1px var(--ax-line)}
.pay__tag{font-family:var(--ax-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ax-text-3)}
.steps--3 li:nth-child(n){}
@media (min-width:900px){.steps--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ax-sec--first{padding-top:48px}
@media (min-width:900px){.ax-sec--first{padding-top:96px}}
.tr-doc{display:flex;flex-direction:column}.tr-doc>div{width:100%}
@media (min-width:1000px){.tr-doc{align-items:flex-end;padding-top:8px}.tr-doc .note{align-self:flex-end;width:100%;max-width:380px}}
.steps.steps--list{grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid var(--ax-line)}
.steps.steps--list li{grid-template-columns:44px minmax(0,1fr);align-items:baseline;border-top:0;border-bottom:1px solid var(--ax-line);padding:20px 0}
.steps.steps--list li::before{grid-row:auto;margin:0}
.hb-copy .ax-lead{text-wrap:balance}
.box p,.split p,.cols p{max-width:62ch}
.pbox__main .ax-price__note{max-width:34em}
/* Simple hero for support pages */
.hs__g{display:grid;gap:28px}
.hs__lead{display:flex;flex-direction:column;gap:12px;color:var(--ax-on-ink-2);font-size:var(--ax-t-lead);line-height:1.5;max-width:36em}
.hs__lead p{max-width:36em}
.hs .hb-copy{gap:18px}
@media (min-width:1000px){.hs__g{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--ax-gap);align-items:end}.hs__g>:first-child{grid-column:1/span 7}.hs__aside{grid-column:9/span 4}}
/* Long-form legal text */
.ax-prose{max-width:68ch;font-size:17px;line-height:1.65;color:var(--ax-text)}
.ax-prose>*+*{margin-top:14px}
.ax-prose h2{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.25;margin-top:48px;padding-top:24px;border-top:1px solid var(--ax-line)}
.ax-prose h2:first-child{margin-top:0;padding-top:0;border-top:0}
.ax-prose h3{font-size:19px;font-weight:600;letter-spacing:-.01em;margin-top:28px}
.ax-prose :is(ul,ol){padding-left:1.2em;list-style:disc}
.ax-prose ol{list-style:decimal}
.ax-prose li+li{margin-top:6px}
.ax-prose li::marker{color:var(--ax-text-3)}
.ax-prose strong{font-weight:600}
.legal{display:grid;gap:40px}
@media (min-width:1000px){.legal{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--ax-gap)}.legal__aside{grid-column:1/span 3;position:sticky;top:calc(var(--ax-header-h) + 32px);align-self:start}.legal .ax-prose{grid-column:5/span 8}}
.legal__aside{display:flex;flex-direction:column;gap:6px;font-size:15px;color:var(--ax-text-2)}
.legal__aside b{font-family:var(--ax-mono);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ax-text-3);margin-bottom:6px}
.legal__aside a{display:flex;align-items:center;min-height:44px;color:var(--ax-text);text-decoration:none;border-bottom:1px solid var(--ax-line)}
.legal__aside a[aria-current="page"]{color:var(--ax-blue-700);font-weight:600}
/* Case header crumb */
.crumb{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-family:var(--ax-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ax-on-ink-2);text-decoration:none}
.crumb:hover{color:#fff}
/* Install */
.ax-install[hidden]{display:none}
.ax-install__ok{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:#fff}
.os{display:grid;gap:24px}
@media (min-width:900px){.os{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Status pages */
.st{min-height:70vh;display:flex;align-items:center}
.sh.sh--stack{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:32px}
.sh--stack>div{display:flex;flex-direction:column;gap:16px}
@media (min-width:760px){.cases--2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:900px){.steps--2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hb-cta__row--light{flex-direction:row;flex-wrap:wrap;gap:12px 20px;align-items:center}
.hb-cta__row--light .ax-btn{width:100%}
@media (min-width:600px){.hb-cta__row--light .ax-btn{width:auto}}
.hb-cta__row--inline{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;width:auto;margin-top:8px}
.ax-eyebrow--crumb{display:inline-flex;align-items:center;gap:8px}
.ax-eyebrow--crumb .crumb{min-height:44px;font-size:inherit;letter-spacing:inherit}
/* Pago: Bre-B card and steps on the ink hero */
.paynow{display:flex;flex-direction:column;gap:0;width:100%;max-width:520px;margin-top:8px;padding:20px;border-radius:var(--ax-r-md);background:rgb(255 255 255/.05);box-shadow:inset 0 0 0 1px var(--ax-ink-line-2);text-align:left;scroll-margin-top:96px}
.paynow__head{display:flex;flex-direction:column;gap:2px;padding-bottom:14px}
.paynow__head b{font-size:20px;font-weight:600;letter-spacing:-.015em;color:#fff}
.paynow__head span{font-size:15px;color:var(--ax-on-ink-2)}
.paynow__key,.paynow__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:14px 0;border-top:1px solid var(--ax-ink-line)}
.paynow__key{grid-template-columns:minmax(0,1fr)}
.paynow__l{font-family:var(--ax-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ax-on-ink-3)}
.paynow__v{font-family:var(--ax-mono);font-size:20px;font-weight:500;color:#fff;word-break:break-all}
.paynow__row b{font-size:17px;font-weight:600;color:#fff;text-align:right;font-variant-numeric:tabular-nums}
.paynow__copy{width:100%}
.paynow__copy.is-done{background:var(--ax-green-100)}
.paynow__note{padding-top:14px;border-top:1px solid var(--ax-ink-line);font-size:15px;color:var(--ax-on-ink-2)}
.paysteps{counter-reset:ps;display:flex;flex-direction:column;gap:10px;width:100%;max-width:520px;text-align:left}
.paysteps li{counter-increment:ps;display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;font-size:16px;color:var(--ax-on-ink-2)}
.paysteps li::before{content:counter(ps);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-family:var(--ax-mono);font-size:13px;color:#fff;box-shadow:inset 0 0 0 1px var(--ax-ink-line-2)}
.paysteps b{color:#fff;font-weight:550}
.ax-prow--sum{border-top:1.5px solid var(--ax-text)}
.ax-prow--sum .ax-prow__amt{color:var(--ax-green-700)}
@media (min-width:900px){.paynow,.paysteps{margin-inline:auto}.paynow__key{grid-template-columns:minmax(0,1fr) auto}.paynow__copy{width:auto}}
.hb-cta--show .ax-btn[data-contacto]{display:inline-flex}
.paysteps li>span{display:block}
.paynow__key .paynow__l{grid-column:1/-1}
.hb-cta--show .ax-btn{white-space:normal;text-align:center}
.ax-btn--wrap{white-space:normal;text-align:center}
.hb-inst{color:var(--ax-on-ink-2)}.hb-inst a{color:#fff}
.paynow__order{margin:0 0 12px;padding:8px 12px;border-radius:var(--ax-r-sm);background:rgb(91 200 145/.12);font-family:var(--ax-mono);font-size:13px;letter-spacing:.02em;color:var(--ax-green-400)}
.ladder{border-top:1px solid var(--ax-line)}
.ladder summary{display:flex;align-items:center;justify-content:space-between;min-height:56px;cursor:pointer;font-size:17px;font-weight:550;list-style:none}
.ladder summary::-webkit-details-marker{display:none}
.ladder summary::after{content:"+";font-size:22px;color:var(--ax-text-2)}
.ladder[open] summary::after{content:"–"}
.paynow__pdf{display:block;padding-top:12px;color:#fff;font-size:15px;text-decoration:underline;text-underline-offset:3px}
.paynow__alt{display:flex;flex-direction:column;gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid var(--ax-ink-line);font-size:15px;color:var(--ax-on-ink-2)}
.paynow__alt b{color:#fff;font-weight:600}
.hb-total{margin-top:10px;color:var(--ax-on-ink-2)}
.hb-total a{color:#fff;text-decoration:underline;text-underline-offset:3px}
div.ladder{padding-top:4px}
#cuotas .split{margin-top:24px}
.choose{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:8px}
.choose__it{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:4px 16px;align-items:center;padding:20px;border:1px solid var(--ax-line-2);border-radius:var(--ax-r-md);background:var(--ax-paper);color:var(--ax-text);text-decoration:none;min-height:44px}
.choose__it b{font-size:18px;font-weight:600;letter-spacing:-.01em}
.choose__it span{grid-column:1;font-size:15px;color:var(--ax-text-2)}
.choose__it svg{grid-column:2;grid-row:1/span 2;color:var(--ax-blue-700)}
.choose__it:hover,.choose__it:focus-visible{border-color:var(--ax-text)}
.choose__note{margin-top:20px;font-size:16px;color:var(--ax-text-2)}
.choose__note a{color:var(--ax-text);text-decoration:underline;text-underline-offset:3px}
@media (min-width:900px){.choose{grid-template-columns:repeat(4,minmax(0,1fr))}.choose__it{grid-template-columns:minmax(0,1fr);align-content:start;min-height:170px}.choose__it svg{grid-column:1;grid-row:auto;margin-top:auto}}
.faq{max-width:52em}
.faq details{border-top:1px solid var(--ax-line)}
.faq details:last-child{border-bottom:1px solid var(--ax-line)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 0;cursor:pointer;font-size:18px;font-weight:600;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:22px;color:var(--ax-text-2);flex:none}
.faq details[open] summary::after{content:"–"}
.faq details>div{padding:0 0 20px;font-size:17px;color:var(--ax-text-2);display:grid;gap:8px}
.faq h2{margin-top:40px}
.faq h2:first-child{margin-top:0}