:root{--ink-100:#1e4034;--ink-200:#16332b;--coral-100:#ffe7df;--coral-200:#ff7a5e;--coral-300:#ff5a3c;--coral-400:#e5431f;--teal-100:#e2f0ec;--teal-300:#7fc9bc;--teal-500:#0e8c7f;--teal-600:#0a5f57;--teal-800:#063b36;--paper:#fffff3;--paper-2:#fbfbf3;--paper-3:#f0f0e2;--line:#deded0;--muted:#8a9089;--text-2:#4c5a52;--off-white:#fffbf5;--font:"Plus Jakarta Sans", "Hanken Grotesk", system-ui, -apple-system, sans-serif;--ease:cubic-bezier(.25, 1, .5, 1);--ease-overshoot:cubic-bezier(.34, 1.26, .64, 1);--r-xs:5px;--r-sm:12px;--r-md:18px;--r-lg:24px;--r-xl:32px;--r-pill:999px;--shadow-card:0 24px 64px #16332b33, 0 4px 16px #16332b1a;--shadow-cta:0 4px 16px #16332b38;--gutter:16px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);color:var(--ink-200);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;font-weight:500;line-height:1.45}h1,h2,h3,h4{letter-spacing:-.05em;margin:0;font-weight:800;line-height:1.05}h1{font-size:clamp(34px,7vw,56px)}h2{font-size:clamp(24px,4.5vw,32px)}h3{letter-spacing:-.03em;font-size:20px}p{margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--coral-300);outline-offset:3px}::selection{background:var(--coral-100)}@keyframes grow-in{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:none}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.5)}}.reveal{animation:grow-in .8s var(--ease) both}.reveal-2{animation:grow-in .8s .12s var(--ease) both}.slide-up{animation:slide-up .6s var(--ease) both}@media (prefers-reduced-motion:reduce){.reveal,.reveal-2,.slide-up{animation:none}}.page{max-width:1180px;padding:0 var(--gutter) 140px;margin:0 auto;overflow-x:clip}.main{min-width:0}.row,.picker,table.ladder{max-width:100%}table.ladder{display:block;overflow-x:auto}@media (width>=640px){table.ladder{display:table}}@media (width>=960px){.page{grid-template-columns:minmax(0,1fr) 380px;column-gap:40px;padding-bottom:80px;display:grid}.page>.top,.page>.hero,.page>.footer{grid-column:1/-1}.main{grid-column:1;min-width:0}.aside{grid-column:2}}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;padding:18px 0;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand .x{color:var(--muted);font-weight:500}.mark{width:26px;height:18px;display:inline-flex;position:relative}.mark i{border-radius:50%;width:18px;height:18px;position:absolute;top:0}.mark i:first-child{background:var(--coral-300);left:0}.mark i:last-child{background:var(--teal-500);opacity:.85;mix-blend-mode:multiply;left:8px}.status{border-radius:var(--r-pill);background:var(--teal-100);color:var(--teal-800);align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.status .dot{background:var(--teal-500);width:8px;height:8px;animation:pulse 2s var(--ease) infinite;border-radius:50%}.hero{padding:12px 0 28px}.eyebrow{color:var(--coral-400);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:12px;font-weight:700;display:block}.lede{color:var(--text-2);max-width:640px;margin-top:14px;font-size:17px}.disclaimer{border-radius:var(--r-sm);background:var(--coral-100);color:var(--coral-400);align-items:flex-start;gap:8px;max-width:640px;margin-top:16px;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.35;display:inline-flex}.card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:18px;padding:20px}@media (width>=640px){.card{border-radius:var(--r-xl);padding:24px}}.card-ink{background:var(--ink-200);color:var(--off-white);border-color:var(--ink-200)}.card-ink .eyebrow{color:var(--coral-200)}.card-ink .muted{color:var(--teal-300)}.step{align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.step .n{letter-spacing:.08em;color:var(--teal-600);text-transform:uppercase;font-size:12px;font-weight:700}.muted{color:var(--muted);font-size:13px}.small{font-size:13px}.m2{gap:14px;display:grid}.m2-input{align-items:baseline;gap:8px;display:flex}.m2-input input[type=number]{letter-spacing:-.05em;border:0;border-bottom:2px solid var(--ink-200);appearance:textfield;background:0 0;border-radius:0;width:150px;padding:4px 0;font-size:48px;font-weight:800;line-height:1}.m2-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.m2-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.m2-input .unit{letter-spacing:-.03em;color:var(--text-2);font-size:22px;font-weight:700}input[type=range]{width:100%;accent-color:var(--coral-300);height:32px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip-btn{border:1px solid var(--line);background:var(--paper);border-radius:var(--r-pill);transition:transform .3s var(--ease), background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);padding:9px 14px;font-size:14px;font-weight:600}.chip-btn:hover{border-color:var(--ink-200);transform:translateY(-1px)}.chip-btn.on{background:var(--ink-200);color:var(--off-white);border-color:var(--ink-200)}.chip-btn small{opacity:.7;font-size:11px;font-weight:500;display:block}.preset-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{border-radius:var(--r-pill);background:var(--coral-300);color:var(--off-white);transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .3s var(--ease);border:0;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:var(--shadow-cta);background:var(--coral-400);transform:translateY(-2px)}.btn:disabled{opacity:.5;box-shadow:none;cursor:not-allowed;transform:none}.btn span.arrow{transition:transform .3s var(--ease);display:inline-block}.btn:hover span.arrow{transform:translate(3px,-3px)}.btn-ink{background:var(--ink-200)}.btn-ink:hover{background:var(--ink-100)}.btn-ghost{color:var(--ink-200);border:1px solid var(--line);background:0 0}.btn-ghost:hover{background:var(--paper-3);box-shadow:none}.btn-sm{padding:9px 14px;font-size:14px}.btn-block{width:100%}.link{color:var(--teal-600);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.cat-group{margin-bottom:18px}.cat-title{text-transform:uppercase;letter-spacing:.08em;color:var(--teal-600);justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 8px 4px;font-size:12px;font-weight:700;display:flex}.cat-title b{color:var(--ink-200);letter-spacing:-.01em;text-transform:none;font-size:13px;font-weight:700}.row{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);animation:grow-in .5s var(--ease) both;gap:10px;margin-bottom:8px;padding:14px;display:grid}.row-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.row-name{letter-spacing:-.02em;font-size:16px;font-weight:700;line-height:1.2}.row-specs{color:var(--muted);margin-top:3px;font-size:12.5px}.row-ctrl{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.row-price{text-align:right;letter-spacing:-.02em;white-space:nowrap;font-size:16px;font-weight:700}.row-price small{color:var(--muted);letter-spacing:0;font-size:12px;font-weight:500;display:block}.remove{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:0 2px;font-size:20px;line-height:1}.remove:hover{color:var(--coral-400)}select.sel{border:1px solid var(--line);background:var(--paper-2);border-radius:var(--r-sm);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2316332B' stroke-width='2'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;max-width:100%;padding:9px 32px 9px 12px;font-size:14px;font-weight:600}.stepper{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper-2);align-items:center;display:inline-flex;overflow:hidden}.stepper button{width:40px;height:40px;color:var(--ink-200);transition:background .2s var(--ease);background:0 0;border:0;font-size:20px;font-weight:600}.stepper button:hover{background:var(--paper-3)}.stepper button:disabled{color:var(--line)}.stepper input{text-align:center;appearance:textfield;background:0 0;border:0;width:44px;font-size:16px;font-weight:700}.stepper input::-webkit-outer-spin-button{-webkit-appearance:none}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none}.stepper.sm button{width:32px;height:32px;font-size:16px}.stepper.sm input{width:36px;font-size:14px}.chip{border-radius:var(--r-pill);background:var(--teal-100);color:var(--teal-800);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip.warn{background:var(--coral-100);color:var(--coral-400)}.chip.dark{background:var(--ink-200);color:var(--off-white)}.chip.soft{background:var(--paper-3);color:var(--text-2)}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.range-ctrl{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.range-ctrl .to{color:var(--muted);font-size:13px}details.ladder summary{cursor:pointer;color:var(--teal-600);font-size:13px;font-weight:600;list-style:none}details.ladder summary::-webkit-details-marker{display:none}details.ladder summary:before{content:"▸ "}details.ladder[open] summary:before{content:"▾ "}table.ladder{border-collapse:collapse;width:100%;margin-top:8px;font-size:13px}table.ladder th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--line);padding:6px 4px;font-size:11px;font-weight:700}table.ladder td{border-bottom:1px solid var(--paper-3);vertical-align:middle;padding:6px 4px}table.ladder td.num,table.ladder th.num{text-align:right;font-variant-numeric:tabular-nums}table.ladder tr.bad td{color:var(--coral-400);font-weight:600}table.ladder tr.out td{opacity:.45}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--r-md);padding:24px 12px}.picker{border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper);animation:grow-in .4s var(--ease) both;margin-top:10px;overflow:hidden}.picker-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:6px;padding:10px;display:flex;overflow-x:auto}.picker-tabs::-webkit-scrollbar{display:none}.picker-tabs .chip-btn{white-space:nowrap;padding:7px 12px;font-size:13px}.picker-list{max-height:360px;overflow-y:auto}.pick{text-align:left;border:0;border-bottom:1px solid var(--paper-3);width:100%;transition:background .2s var(--ease);background:0 0;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 14px;display:grid}.pick:hover{background:var(--teal-100)}.pick .name{letter-spacing:-.01em;font-size:14px;font-weight:700}.pick .price{white-space:nowrap;font-size:14px;font-weight:700}.pick .specs{color:var(--muted);grid-column:1/-1;font-size:12px}.pick.out{opacity:.5}.summary{background:var(--ink-200);color:var(--off-white);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--shadow-card)}.summary-bar{width:100%;color:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.summary-bar .total{letter-spacing:-.04em;font-size:22px;font-weight:800;line-height:1}.summary-bar .total small{letter-spacing:.06em;text-transform:uppercase;color:var(--teal-300);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.summary-bar .toggle{color:var(--teal-300);font-size:13px;font-weight:600}.summary-body{gap:14px;padding:0 20px 20px;display:grid}.kpis{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kpi{border-radius:var(--r-md);background:#fffbf50f;border:1px solid #fffbf51a;padding:12px 14px}.kpi .l{text-transform:uppercase;letter-spacing:.08em;color:var(--teal-300);font-size:11px;font-weight:700}.kpi .v{letter-spacing:-.04em;margin-top:4px;font-size:22px;font-weight:800;line-height:1.05}.kpi .v small{letter-spacing:0;color:#fffbf5b3;font-size:13px;font-weight:600}.kpi .s{color:#fffbf5b3;margin-top:4px;font-size:12px}.kpi.warn{border-color:var(--coral-300)}.kpi.warn .l{color:var(--coral-200)}.lines{gap:6px;font-size:14px;display:grid}.lines div{justify-content:space-between;gap:12px;display:flex}.lines .tot{letter-spacing:-.04em;border-top:1px solid #fffbf526;margin-top:4px;padding-top:8px;font-size:20px;font-weight:800}.meter{border-radius:var(--r-pill);background:#fffbf51f;height:8px;overflow:hidden}.meter i{background:var(--teal-300);border-radius:var(--r-pill);height:100%;transition:width .8s var(--ease), background .4s var(--ease);display:block}.meter i.over{background:var(--coral-300)}.meter-l{color:#fffbf5bf;justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.b2b-mark{align-items:center;gap:10px;font-size:13px;display:flex}.b2b-mark .pill{border-radius:var(--r-pill);background:var(--coral-300);color:var(--off-white);padding:4px 10px;font-size:12px;font-weight:700}.b2b-mark .pill.off{color:#fffbf5b3;background:#fffbf51f}.aside{z-index:20;position:fixed;bottom:0;left:0;right:0}.aside .summary-body{max-height:0;transition:max-height .6s var(--ease), padding .4s var(--ease);padding-bottom:0;overflow:hidden}.aside.open .summary-body{max-height:80vh;padding-bottom:calc(20px + env(safe-area-inset-bottom));overflow-y:auto}.aside .summary-bar{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.aside.open .summary-bar{padding-bottom:8px}@media (width>=960px){.aside{align-self:start;position:sticky;top:16px}.aside .summary{border-radius:var(--r-xl)}.aside .summary-body{max-height:none;padding-bottom:24px;overflow:visible}.aside .summary-bar{cursor:default;padding:22px 24px 8px}.aside .summary-bar .toggle{display:none}}.form{gap:12px;display:grid}@media (width>=640px){.form.two{grid-template-columns:1fr 1fr}.form.two .full{grid-column:1/-1}}.field{gap:5px;display:grid}.field label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);font-size:12px;font-weight:700}.card-ink .field label{color:var(--teal-300)}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);width:100%;padding:12px 14px;font-size:16px}.card-ink .field input,.card-ink .field select,.card-ink .field textarea{color:var(--off-white);background:#fffbf50f;border-color:#fffbf533}.card-ink .field select option{color:var(--ink-200)}.field textarea{resize:vertical;min-height:84px}.case{gap:10px;margin:18px 0;display:grid}.case .item{grid-template-columns:28px 1fr;align-items:start;gap:10px;font-size:15px;display:grid}.case .item b{letter-spacing:-.02em;font-weight:700;display:block}.case .item span.i{background:var(--teal-500);width:28px;height:28px;color:var(--off-white);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.compare{gap:10px;margin:16px 0;display:grid}@media (width>=640px){.compare{grid-template-columns:1fr 1fr}}.compare .box{border-radius:var(--r-md);padding:14px;font-size:14px}.compare .box.hoy{background:#fffbf50f;border:1px dashed #fffbf540}.compare .box.ahora{background:var(--teal-800)}.compare .box b{text-transform:uppercase;letter-spacing:.08em;color:var(--teal-300);margin-bottom:8px;font-size:11px;display:block}.compare ul{gap:3px;margin:0;padding-left:18px;display:grid}.confirm{border-radius:var(--r-md);background:var(--teal-100);color:var(--teal-800);gap:10px;padding:16px;display:grid}.card-ink .confirm{background:var(--teal-800);color:var(--off-white)}pre.resumen{white-space:pre-wrap;border-radius:var(--r-sm);background:#16332b0f;max-height:260px;margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;overflow:auto}.card-ink pre.resumen{background:#00000040}.footer{border-top:1px solid var(--line);color:var(--text-2);gap:10px;margin-top:32px;padding-top:20px;font-size:13px;display:grid}.footer details summary{cursor:pointer;color:var(--ink-200);font-weight:700}.footer ul{gap:4px;margin:8px 0 0;padding-left:18px;display:grid}.footer .sig{color:var(--ink-200);align-items:center;gap:8px;font-weight:700;display:flex}
