/* Instancia HRD. Paleta del sitio: cosmos #070711, noche #101426,
   ciruela #4c315f, perla #efe4d0, lino #fbf7ee y dorado #c7a35b.
   Acento claro oscurecido para lectura. Layout y componentes HXN conservados. */
:root{
 color-scheme:only dark;
 --accent:#e7d6a3;--accent-strong:#c7a35b;--glow:#4c315f;
 --bg:#070711;--paper:#10121d;--raised:#171a29;
 --ink:#fbf3e3;--sub:#d2cbbf;--muted:#aaa59c;--line:#3b3b49;
 --selection:#65532c;--image-bg:#0b0d18;--button-ink:#21190b;
 --sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
 --mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;
 --sheet-width:940px;--sheet-min-height:1120px;--title-size:42px;
 --logo-filter:invert(1);--client-logo-filter:none;--hxn-control-accent:var(--accent);
 --paper-shadow:0 20px 70px #00000024;
}
[data-theme=light]{
 color-scheme:only light;
 --accent:#78551b;--accent-strong:#846028;--glow:#e7d6a3;
 --bg:#efe4d0;--paper:#fbf7ee;--raised:#f2eada;
 --ink:#17120d;--sub:#514a40;--muted:#726653;--line:#d8ccb6;
 --selection:#dec596;--image-bg:#f0e5d0;--button-ink:#fffaf0;
 --logo-filter:none;--paper-shadow:0 20px 70px #5a41220f;
}
body{background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--glow) 13%,transparent),transparent 45%),var(--bg)}
::selection{color:var(--ink)}
.sheet,.sheet:nth-child(1),.sheet:nth-child(2),.sheet:nth-child(3){background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--glow) 16%,transparent),transparent 47%),var(--paper);box-shadow:var(--paper-shadow);border-radius:9px}
.sheet::after{content:'';position:absolute;inset:10px;border:1px solid color-mix(in srgb,var(--accent) 8%,transparent);border-radius:4px;pointer-events:none;z-index:-1}
.sheet-head,.sheet-content,.sheet-foot{position:relative}
.cover-kicker{margin-top:42px;max-width:80%}
.page-heading .eyebrow{font-size:9px}
.lede{max-width:700px;font-size:15px;line-height:1.75}
.meta{margin-top:26px}
.wordmark{width:112px;max-width:112px;height:24px}
.client-identity{display:block}.client-logo{width:178px;height:45px;object-fit:contain}.client-light{display:none}
[data-theme=light] .client-dark{display:none}[data-theme=light] .client-light{display:block}
.doc-kind{border-color:color-mix(in srgb,var(--accent) 24%,var(--line));color:var(--accent);background:color-mix(in srgb,var(--accent) 4%,transparent);border-radius:999px}
.brand-pair{gap:19px}
.order-block{position:relative;padding:25px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 4%,var(--raised)),var(--raised));border-radius:8px}
.order-routes{gap:28px}.order-routes>div+div{padding-left:28px}
.option-letter{display:grid;place-items:center;width:28px;height:28px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:50%;color:var(--accent);font:12px var(--mono);margin-bottom:11px;background:color-mix(in srgb,var(--accent) 5%,transparent)}
.order-routes h3{font-size:15px;margin-bottom:9px}.order-routes p{font-size:12px;line-height:1.75}
.route-link{display:inline-flex;gap:8px;align-items:center;margin-top:15px;color:var(--accent);font-size:11px;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,transparent);padding-bottom:3px}
.comparison-wrap{margin-top:24px}.comparison-table{table-layout:fixed;margin-top:12px;font-size:11px}.comparison-table caption{text-align:left;margin-bottom:3px}
.comparison-wrap .comparison-table th:first-child{width:26%}.comparison-wrap .comparison-table th:not(:first-child),.comparison-wrap .comparison-table td:not(:first-child){text-align:left;padding-left:16px;width:37%}
.comparison-wrap .comparison-table td{vertical-align:top;padding-block:10px;color:var(--sub)}.comparison-wrap .comparison-table td:first-child{color:var(--ink);font-weight:550}.comparison-wrap .comparison-table th{color:var(--accent);font-size:10px;line-height:1.6}
.reference-grid{gap:20px}.reference-card{border-radius:8px;transition:border-color 180ms ease}.reference-card:hover{border-color:var(--accent-strong)}
.reference-image{height:auto;aspect-ratio:16/9;border-bottom:1px solid var(--line);overflow:hidden}.reference-image svg{width:100%;height:100%}.site-reference{width:100%;height:100%;object-fit:cover;object-position:top}
.reference-title{align-items:flex-start}.reference-title>span:first-child{font-size:14px;font-weight:550}.reference-title .small-label{flex:none;margin-top:4px;font-size:7px;font-weight:400;letter-spacing:.07em}
.reference-caption p{line-height:1.75}.reference-url{font:9px/1.6 var(--sans);overflow-wrap:anywhere}
.steps{margin-top:29px}.deliverable{border-radius:0 7px 7px 0}
.schedule{gap:30px}.week{padding-top:20px}.week .dates{font-size:12px;letter-spacing:.04em}
.roadline{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;list-style:none;margin:20px 0 15px;padding:0}.roadline li{font-size:9px;color:var(--muted);border-top:3px solid color-mix(in srgb,var(--accent) 40%,var(--line));padding-top:9px}.roadline li:last-child{border-top-color:var(--accent-strong);color:var(--accent)}
.launch-date{margin-top:30px;background:radial-gradient(ellipse at 0 50%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 70%),var(--raised)}.launch-date .day{display:flex;flex-direction:column;gap:9px;align-items:center;font-size:32px;flex:none}.launch-date .day small{margin:0;font-size:8px}
.price-card{position:relative;background:var(--raised);scroll-margin-top:110px}.price-card+.price-card{background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 7%,var(--paper)),var(--paper))}.price-card .option-letter{margin-bottom:15px}
.price{font-size:47px;letter-spacing:-.055em;font-weight:500;font-variant-numeric:tabular-nums}.price-detail{max-width:none;line-height:1.8}.price-tax{color:var(--muted);letter-spacing:.025em}.total-note{line-height:1.7}
.terms{gap:24px 32px}.term p{font-size:12px;line-height:1.8}.term h3{color:var(--ink);font-size:13px}.terms-note{font-size:11px;line-height:1.8}.closing .signature{flex:none}
.proposal-theme.search-row{position:fixed;right:20px;top:20px;z-index:8;padding:0;border:0;background:transparent;--search-surface:var(--raised);--search-line:var(--line);--search-muted:var(--muted);--search-accent:var(--accent)}
[data-theme=light] .proposal-theme.search-row{--search-surface:var(--raised);--search-line:var(--line);--search-muted:var(--muted);--search-accent:var(--accent-strong)}
[data-theme=light] .theme-switch[aria-checked=true] .sun{color:var(--button-ink)}
@media(min-width:801px){.reader-nav{padding-inline:110px}}
@media(max-width:800px){.proposal-theme.search-row{top:10px;right:12px}body{padding-top:60px}.price-card{scroll-margin-top:20px}}
@media(max-width:560px){
 .cover-kicker{margin-top:30px;max-width:100%;font-size:8px;letter-spacing:.09em}
 .sheet{border-radius:7px;padding-inline:23px}.sheet::after{inset:7px}.wordmark{width:89px;max-width:89px;height:20px}.client-logo{width:140px;height:38px}.brand-pair{gap:12px}.sheet-head{gap:12px}.doc-kind{font-size:7px;padding:4px 7px;margin-left:auto}
 .lede{font-size:13px}.order-block{padding:21px 18px}.order-routes{gap:21px}.order-routes>div+div{padding:21px 0 0}
 .comparison-table{font-size:10px;line-height:1.6}.comparison-wrap .comparison-table th:first-child{width:25%}.comparison-wrap .comparison-table th:not(:first-child),.comparison-wrap .comparison-table td:not(:first-child){padding-left:9px;width:37.5%}.comparison-wrap .comparison-table td:first-child{max-width:none;padding-right:4px}.comparison-wrap .comparison-table th{font-size:9px}
 .inline-note,.calendar-note{font-size:11px;line-height:1.75}.reference-title>span:first-child{font-size:14px}.reference-image{height:auto;aspect-ratio:16/9}.price{font-size:43px}.price-card{padding:24px}
 .week p{font-size:12px}.roadline li{font-size:9px}.launch-date .day{font-size:27px}.launch-date p{font-size:12px}.term p{font-size:12px}.closing .signature{display:block}.terms-note{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.reference-card{transition:none}}
@media print{.proposal-theme{display:none!important}body{padding-top:0}.sheet{box-shadow:none}}
/* r1.2 · opciones de saldo y anexo de Soporte TI */
.saldo-wrap{margin-top:18px}.saldo-wrap .total-note{margin-top:8px}
.comparison-wrap .severity-table th:first-child{width:14%}.comparison-wrap .severity-table th:nth-child(2){width:40%}
.comparison-wrap .severity-table th:nth-child(3),.comparison-wrap .severity-table th:nth-child(4){width:23%}
.comparison-wrap .severity-table td:not(:first-child){padding-left:12px}
.annex-terms{margin:26px 0 6px}
@media(max-width:560px){.comparison-wrap .severity-table th:first-child{width:18%}.comparison-wrap .severity-table th:nth-child(2){width:34%}}
