:root{--color-primary-900:#001a4d;--color-primary-800:#00246b;--color-primary-700:#002f87;--color-primary-600:#1a46a0;--color-primary-500:#3a62b4;--color-primary-400:#6b8aca;--color-primary-300:#9bb1dc;--color-primary-200:#c7d3ea;--color-primary-100:#e3eaf4;--color-primary-50:#f2f5fb;--color-secondary-900:#8c3000;--color-secondary-800:#b84300;--color-secondary-700:#e05400;--color-secondary-600:#ff671d;--color-secondary-500:#ff8344;--color-secondary-400:#ffa06e;--color-secondary-300:#ffbe98;--color-secondary-200:#ffd6bb;--color-secondary-100:#ffe8d7;--color-secondary-50:#fff5ee;--color-ink:#0c1220;--color-gray-900:#161c2c;--color-gray-800:#23293a;--color-gray-700:#3a4052;--color-gray-600:#5b6173;--color-gray-500:#7e8495;--color-gray-400:#a6acbb;--color-gray-300:#c9cdd7;--color-gray-200:#e3e6ec;--color-gray-150:#eceef3;--color-gray-100:#f4f5f8;--color-gray-50:#fafbfc;--bg-canvas:#dde3ed;--bg-subtle:#f1f4f9;--bg-muted:#e7ebf2;--color-primary:var(--color-primary-700);--color-secondary:var(--color-secondary-600);--fg-on-secondary:var(--color-white);--fg-muted:var(--color-gray-600);--fg-subtle:#5e6373;--btn-primary-bg:var(--color-secondary);--btn-primary-fg:var(--color-white);--btn-primary-bg-hover:var(--color-secondary-500);--btn-secondary-bg:var(--color-primary);--btn-secondary-fg:var(--color-white);--btn-secondary-bg-hover:var(--color-primary-900);--cat-1:#0891b2;--cat-1-bg:#e0f7fa;--cat-1-fg:#155e75;--cat-4:#65a30d;--cat-4-bg:#ecfccb;--cat-4-fg:#3f6212}
*,:before,:after{box-sizing:border-box}html,body{background:var(--bg-canvas,#eaeef5);color:var(--fg-default,#161c2c);margin:0;padding:0}.appshell--no-nav .appshell__content{flex-direction:column;align-items:center;display:flex}.appshell--no-nav .appshell__content>*{margin-block:auto}.app-stack{gap:var(--space-4);flex-direction:column;display:flex}.app-cluster{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.app-between{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.app-section-title{font-family:var(--font-display), sans-serif;font-size:var(--text-lg);margin:0;font-weight:600}.app-muted{color:var(--fg-muted,#5b6173);font-size:var(--text-sm)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.caja-form-wrap{width:100%;max-width:460px}.appshell:not(.appshell--no-nav) .caja-form-wrap{min-height:100%;padding-block:var(--space-6);flex-direction:column;justify-content:safe center;margin-inline:auto;display:flex}.historial-page{width:100%;padding:var(--space-4)}.historial-toolbar{align-items:center;gap:var(--space-3);flex-wrap:wrap;width:100%;display:flex}.historial-toolbar__search{flex:220px;min-width:180px}.historial-toolbar__estado{min-width:200px}.turno-summary{gap:var(--space-3);--cat-1:var(--color-success,#15a34a);--cat-2:var(--color-primary,#00246b);--cat-3:var(--color-secondary,#ff671d);--cat-4:var(--color-success,#15a34a);flex-direction:column;display:flex}.turno-summary--skeleton{border-radius:var(--radius-lg,14px);background:var(--color-gray-100,#f4f5f8);min-height:220px}.turno-summary__cards{gap:var(--space-3);grid-template-columns:1.5fr 1fr 1fr 1fr;display:grid}.turno-summary__panels{gap:var(--space-3);grid-template-columns:1.35fr 1fr;display:grid}.turno-summary__panel{background:var(--surface,#fff);border:1px solid var(--color-gray-150,#eceef3);border-radius:var(--radius-lg,14px);padding:var(--space-4);flex-direction:column;display:flex}.turno-summary__panel-body{flex-direction:column;flex:1;justify-content:center;display:flex}.turno-summary__empty{text-align:center;color:var(--fg-muted,#5b6173);font-size:var(--text-sm);padding-block:var(--space-4);margin:0}.turno-summary__panel-title{margin:0 0 var(--space-3);font-size:var(--text-xs,12px);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted,#5b6173);font-weight:700}.turno-summary__hours-axis{margin-top:var(--space-2);gap:6px;display:flex}.turno-summary__hours-axis>span{text-align:center;color:var(--fg-muted,#5b6173);font-variant-numeric:tabular-nums;flex:1;font-size:10.5px}@media (max-width:900px){.turno-summary__cards{grid-template-columns:repeat(2,1fr)}.turno-summary__panels{grid-template-columns:1fr}}@media (max-width:520px){.turno-summary__cards{grid-template-columns:1fr}}.app-link-button{color:var(--color-primary,#2f6df6);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.caja-pay{text-align:center;justify-content:center;align-items:center;gap:clamp(var(--space-2), 1.6vh, var(--space-4));flex-direction:column;width:100%;max-width:460px;min-height:100%;margin-inline:auto;display:flex}@media (min-width:768px){.caja-pay{align-content:center;place-items:center;column-gap:clamp(var(--space-6), 6vw, var(--space-20));row-gap:clamp(var(--space-2), 2vh, var(--space-5));grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head qr""status qr""ops qr";max-width:min(940px,92vw);display:grid}.caja-qr{width:min(400px,46vh,34vw)}}.caja-pay__label,.caja-pay__amount,.caja-pay__subject,.caja-instr{margin:0}.caja-pay__head{align-items:center;gap:var(--space-2);flex-direction:column;grid-area:head;display:flex}.caja-pay__label{font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted,#5b6173);font-weight:600}.caja-pay__amount{font-family:var(--font-display), sans-serif;font-size:clamp(var(--text-4xl), 6vw, var(--text-6xl));letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--color-primary-800,#00246b);font-weight:800;line-height:1}.caja-pay__subject{font-size:var(--text-md);color:var(--fg-muted,#5b6173);text-overflow:ellipsis;white-space:nowrap;max-width:32ch;overflow:hidden}.caja-pay__qr{align-items:center;gap:var(--space-3);flex-direction:column;grid-area:qr;display:flex}.caja-qr{aspect-ratio:1;width:min(288px,70vw,40vh);padding:var(--space-2);border-radius:var(--radius-lg,12px);border:1px solid var(--border-default,#e3e6ec);box-shadow:var(--shadow-sm,0 2px 8px #00000014);background:#fff;display:flex}.caja-qr svg{width:100%;height:100%;display:block}.caja-instr{font-size:var(--text-md);color:var(--fg-default);font-weight:600}.caja-instr b{color:var(--color-secondary-700,#e05400)}.caja-pay__status{justify-content:center;align-items:center;gap:var(--space-3);grid-area:status;display:flex}.caja-ring{place-items:center;display:inline-grid;position:relative}.caja-ring__time{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--color-primary-800,#00246b);place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.caja-ops{align-items:center;gap:var(--space-2);flex-direction:column;grid-area:ops;width:100%;display:flex}.caja-ops__flow{justify-content:center;display:flex}.caja-ops__actions{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.caja-terminal{justify-content:center;align-items:center;gap:var(--space-4);text-align:center;min-height:100%;padding:var(--space-6) var(--space-4);flex-direction:column;margin-inline:auto;display:flex}.caja-terminal__icon{border-radius:var(--radius-pill,999px);justify-content:center;align-items:center;width:88px;height:88px;display:inline-flex}.caja-terminal__icon--neutral{background:var(--bg-muted,#e7ebf2);color:var(--fg-muted,#5b6173)}.caja-terminal__title{font-family:var(--font-display), sans-serif;font-size:var(--text-2xl);letter-spacing:-.01em;margin:0;font-weight:700}.caja-terminal__amount{font-family:var(--font-display), sans-serif;font-size:var(--text-xl);color:var(--fg-default);font-variant-numeric:tabular-nums;font-weight:700}.caja-paid{text-align:center;justify-content:center;align-items:center;gap:var(--space-2);min-height:100%;padding:var(--space-6) var(--space-4);background:radial-gradient(420px 320px at 50% 38%, var(--color-green-100,#e0f1e3) 0%, transparent 70%);flex-direction:column;margin-inline:auto;display:flex}.caja-check{width:120px;height:120px;margin-bottom:var(--space-2);place-items:center;display:grid;position:relative}.caja-check:before{content:"";border-radius:var(--radius-pill,999px);box-shadow:0 0 0 0 color-mix(in srgb, var(--color-success) 28%, transparent);animation:1.1s ease-out .15s both caja-burst;position:absolute;inset:-6px}.caja-check__svg{width:120px;height:120px}.caja-check__circle{fill:var(--color-green-100,#e0f1e3);stroke:var(--color-success,#15a34a);stroke-width:6px;stroke-dasharray:371;stroke-dashoffset:371px;animation:.6s ease-out forwards caja-draw}.caja-check__tick{stroke:var(--color-success,#15a34a);stroke-width:8px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:64;stroke-dashoffset:64px;animation:.35s ease-out .5s forwards caja-draw}.caja-paid__title{font-family:var(--font-display), sans-serif;font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--color-green-700,#138a3f);margin:0;font-weight:800}.caja-paid__amount{font-family:var(--font-display), sans-serif;font-size:clamp(var(--text-3xl), 6vh, var(--text-5xl));letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--color-primary-800,#00246b);font-weight:800;line-height:1}.caja-paid__payer{font-size:var(--text-md);color:var(--fg-muted,#5b6173)}.caja-paid__payer b{color:var(--fg-default);font-weight:600}.caja-paid__bank{margin-left:var(--space-2);padding-left:var(--space-2);border-left:1px solid var(--border-default,#c9cdd7);font-size:var(--text-sm)}.caja-paid__actions{justify-content:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.caja-reveal{opacity:0;animation:.5s ease-out forwards caja-reveal;transform:translateY(8px)}.caja-reveal--1{animation-delay:.65s}.caja-reveal--2{animation-delay:.78s}.caja-reveal--3{animation-delay:.9s}.caja-reveal--4{animation-delay:1.05s}.caja-reveal--5{animation-delay:1.2s}.caja-facts{width:100%;max-width:360px;margin:var(--space-3) auto 0;gap:var(--space-1);text-align:left;background:var(--surface-raised,#fff);border:1px solid var(--border-subtle,#e6e8ee);border-radius:var(--radius-lg,12px);padding:var(--space-3) var(--space-4);flex-direction:column;display:flex}.caja-facts__row{justify-content:space-between;align-items:baseline;gap:var(--space-4);font-size:var(--text-sm);padding-block:3px;display:flex}.caja-facts__label{color:var(--fg-muted,#5b6173);white-space:nowrap}.caja-facts__value{color:var(--fg-default);text-align:right;overflow-wrap:anywhere;font-weight:600}@keyframes caja-draw{to{stroke-dashoffset:0}}@keyframes caja-reveal{to{opacity:1;transform:none}}@keyframes caja-burst{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-success) 28%, transparent)}to{box-shadow:0 0 0 34px color-mix(in srgb, var(--color-success) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.caja-check:before{animation:none}.caja-check__circle,.caja-check__tick{stroke-dashoffset:0;animation:none}.caja-reveal{opacity:1;animation:none;transform:none}}.email-opt-in{gap:var(--space-3);flex-direction:column;display:flex}.email-opt-in__label{align-items:center;gap:var(--space-2);display:inline-flex}.email-opt-in__hint{color:var(--fg-muted,#5b6173);cursor:help;align-items:center;display:inline-flex}.share-link{gap:var(--space-4);flex-direction:column;display:flex}.share-link__url{font-family:var(--font-mono), ui-monospace, monospace;font-size:var(--text-sm);word-break:break-all;padding:var(--space-3);border:1px solid var(--border-default,#e3e6ec);border-radius:var(--radius-md,8px);background:var(--bg-subtle,#f6f7f9);margin:0}.share-link__actions{gap:var(--space-3);flex-direction:column;display:flex}.login-split{min-height:100vh;display:flex}.login-aside{text-align:center;color:#fff;background:radial-gradient(900px 500px at 30% 20%, var(--color-primary-700), transparent 60%), linear-gradient(160deg, var(--color-primary-900), var(--color-primary-800));flex-direction:column;flex:50%;justify-content:center;align-items:center;gap:24px;padding:48px;display:flex}.login-main{background:#fff;flex:50%;justify-content:center;align-items:center;padding:48px 24px;display:flex}.login-form-wrap{width:100%;max-width:380px}@media (max-width:880px){.login-aside{display:none}.login-main{flex-basis:100%}}