.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell__header{position:sticky;top:0;z-index:20;background:linear-gradient(155deg,var(--color-pitch-900),var(--color-pitch-950));box-shadow:var(--shadow-md)}.app-shell__header-inner{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.app-shell__brand{display:flex;align-items:center;gap:var(--space-3)}.crest{width:34px;height:40px;flex-shrink:0}.crest__number{font-family:var(--font-display);font-size:15px;fill:var(--color-gold-300);text-transform:uppercase}.app-shell__wordmark{display:flex;flex-direction:column;line-height:1.1}.app-shell__title{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.03em;text-transform:uppercase;color:var(--color-cream-100)}.app-shell__subtitle{font-size:var(--text-xs);color:var(--color-gold-300);font-weight:600;letter-spacing:.03em}.app-shell__nav{display:flex;align-items:center;gap:var(--space-5);font-size:var(--text-sm);font-weight:600;color:var(--color-cream-200)}.app-shell__nav-link{color:var(--color-cream-200);text-decoration:none;padding-block:var(--space-1);border-bottom:2px solid transparent;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.app-shell__nav-link:hover{color:var(--color-gold-300)}.app-shell__nav-link--active{color:var(--color-gold-300);border-color:var(--color-gold-400)}.app-shell__nav-dropdown{position:relative}.app-shell__nav-dropdown summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:4px;color:var(--color-cream-200);padding-block:var(--space-1);border-bottom:2px solid transparent;transition:color var(--duration-fast) var(--ease-out)}.app-shell__nav-dropdown summary::-webkit-details-marker{display:none}.app-shell__nav-dropdown summary:hover,.app-shell__nav-dropdown[open] summary{color:var(--color-gold-300)}.app-shell__nav-dropdown--active summary{color:var(--color-gold-300);border-color:var(--color-gold-400)}.app-shell__nav-dropdown__caret{font-size:10px;transition:transform var(--duration-fast) var(--ease-out)}.app-shell__nav-dropdown[open] .app-shell__nav-dropdown__caret{transform:rotate(180deg)}.app-shell__nav-dropdown__menu{position:absolute;top:calc(100% + var(--space-3));left:0;min-width:12rem;background:var(--color-pitch-950);border:var(--border-width) solid var(--color-pitch-700);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2);display:flex;flex-direction:column;z-index:30}.app-shell__nav-dropdown__menu a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-cream-200);text-decoration:none;font-weight:600;font-size:var(--text-sm)}.app-shell__nav-dropdown__menu a:hover{background:var(--color-pitch-800);color:var(--color-gold-300)}.app-shell__nav-dropdown__divider{height:1px;margin:var(--space-2) var(--space-1);background:var(--color-pitch-700)}.app-shell__nav-icon-link{display:flex;align-items:center;padding:var(--space-1) var(--space-2);color:var(--color-cream-200);border-bottom:2px solid transparent;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.app-shell__nav-icon-link svg{width:1.15rem;height:1.15rem}.app-shell__nav-icon-link:hover{color:var(--color-gold-300)}.app-shell__nav-icon-link--active{color:var(--color-gold-300);border-color:var(--color-gold-400)}.app-shell__nav-user{color:var(--color-gold-200);font-weight:700}.app-shell__nav-logout.btn--ghost{border-color:var(--color-pitch-700);color:var(--color-cream-200);padding:var(--space-2) var(--space-4)}.app-shell__nav-logout.btn--ghost:hover:not(:disabled){border-color:var(--color-gold-400);background:var(--color-pitch-800);color:var(--color-gold-200)}.app-shell__stripe{height:4px;background:repeating-linear-gradient(-45deg,var(--color-gold-400) 0,var(--color-gold-400) 14px,var(--color-gold-600) 14px,var(--color-gold-600) 28px)}.app-shell__main{flex:1;padding-block:var(--space-8)}.app-shell__footer{border-top:var(--border-width) solid var(--color-border);padding-block:var(--space-5)}.app-shell__footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.app-shell__hamburguesa{display:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:var(--border-width) solid var(--color-pitch-700);border-radius:var(--radius-sm);background:transparent;color:var(--color-cream-100);font-size:1.1rem;cursor:pointer}.app-shell__hamburguesa:hover{border-color:var(--color-gold-400);color:var(--color-gold-300)}@media (max-width: 640px){.app-shell__header-inner{height:auto;flex-wrap:wrap;padding-block:var(--space-3);gap:var(--space-3);position:relative}.app-shell__hamburguesa{display:flex;margin-left:auto}.app-shell__nav{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--color-pitch-700)}.app-shell__nav--abierto{display:flex}.app-shell__nav-dropdown,.notification-bell{width:100%}.app-shell__nav-dropdown__menu{position:static;width:100%;box-shadow:none;margin-top:var(--space-2)}.app-shell__nav-user{order:1}.app-shell__nav-logout.btn--ghost{width:100%}}.notification-bell{position:relative}.notification-bell__summary{list-style:none;cursor:pointer;position:relative;display:flex;align-items:center;padding:var(--space-1) var(--space-2);color:var(--color-cream-200)}.notification-bell__summary:hover{color:var(--color-gold-300)}.notification-bell__summary::-webkit-details-marker{display:none}.notification-bell__icono{width:1.15rem;height:1.15rem}.notification-bell__badge{position:absolute;top:-2px;right:-4px;min-width:1.1rem;height:1.1rem;padding:0 3px;border-radius:var(--radius-full, 999px);background:var(--color-gold-400);color:var(--color-on-accent);font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center}.notification-bell__panel{right:0;left:auto;width:22rem;max-width:90vw;max-height:28rem;overflow-y:auto}@media (max-width: 640px){.notification-bell__panel{position:static;right:auto;left:auto;width:100%;max-width:none;margin-top:var(--space-2);box-shadow:none}}.notification-bell__marcar-todas{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-pitch-700);border-radius:var(--radius-sm);background:transparent;color:var(--color-cream-200);cursor:pointer}.notification-bell__marcar-todas:hover{background:var(--color-pitch-800);border-color:var(--color-gold-400);color:var(--color-gold-300)}.notification-bell__tabs{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-top:var(--space-2)}.notification-bell__tab{border:none;background:var(--color-pitch-800);color:var(--color-cream-200);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);cursor:pointer}.notification-bell__tab--activa{background:var(--color-gold-400);color:var(--color-on-accent);font-weight:700}.notification-bell__lista{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.notification-bell__vacio{color:var(--color-cream-200);font-size:var(--text-sm)}.notification-bell__item{display:flex;flex-direction:column;gap:2px;text-align:left;border:none;background:transparent;padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-cream-200)}.notification-bell__item:hover{background:var(--color-pitch-800)}.notification-bell__item--clickeable{cursor:pointer}.notification-bell__item--clickeable:hover{border-color:var(--color-gold-400)}.notification-bell__item--no-leida{background:#d99a2b1f}.notification-bell__item--no-leida:hover{background:#d99a2b33}.notification-bell__item-titulo{font-weight:700;font-size:var(--text-sm);color:var(--color-cream-100)}.notification-bell__item-mensaje{font-size:var(--text-xs)}.notification-bell__item-fecha{font-size:.65rem;color:var(--color-cream-300, var(--color-cream-200))}.auth-layout{max-width:var(--container-narrow);margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-5)}.auth-layout__card{padding:var(--space-7) var(--space-6)}.auth-layout__title{margin-top:var(--space-3)}.auth-layout__subtitle{margin-top:var(--space-2);color:var(--color-cream-200);font-size:var(--text-sm)}.auth-layout__footer{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.auth-layout__footer a{color:var(--color-brand);font-weight:700;text-decoration:underline;text-underline-offset:2px}.confirm-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14201b8c;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:100}.confirm-modal{max-width:26rem;width:100%;box-shadow:var(--shadow-lg)}.countdown{display:inline-flex;align-items:baseline;gap:var(--space-3);font-family:var(--font-mono);color:var(--color-gold-300)}.countdown__segmento{display:inline-flex;align-items:baseline;gap:2px;font-size:var(--text-sm);text-transform:lowercase;color:var(--color-cream-200)}.countdown__segmento strong{font-size:var(--text-xl);color:var(--color-gold-300)}.countdown--vencido .countdown__segmento strong{color:var(--color-danger)}.numero-picker__header{display:flex;align-items:baseline;justify-content:space-between;font-size:var(--text-sm);font-weight:700;color:var(--color-text-muted);margin-bottom:var(--space-4)}.numero-picker__contador{font-size:var(--text-md);color:var(--color-brand)}.numero-picker__grid{display:grid;grid-template-columns:repeat(10,1fr);gap:var(--space-2)}.numero-picker__cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-border);background:var(--color-surface-sunken);color:var(--color-text);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.numero-picker__cell:hover:not(:disabled){border-color:var(--color-brand);transform:translateY(-1px)}.numero-picker__cell:disabled{cursor:not-allowed;opacity:.4}.numero-picker__cell--activo{background:var(--color-pitch-900);border-color:var(--color-gold-400);color:var(--color-gold-300);box-shadow:var(--shadow-sm)}.numero-picker__cell--activo:disabled{opacity:1}@media (max-width: 560px){.numero-picker__grid{grid-template-columns:repeat(5,1fr)}}.numeros-ticket{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}.numeros-ticket__cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-border);background:var(--color-surface-sunken);font-weight:700;font-size:var(--text-sm);color:var(--color-text)}.numeros-ticket__cell--tachado{background:radial-gradient(circle at 35% 30%,var(--color-gold-300),var(--color-gold-500) 75%);border-color:var(--color-gold-600);color:var(--color-on-accent);position:relative;border-radius:50%;box-shadow:0 2px 4px #14201b59,inset 0 1px 1px #ffffff80}.numeros-ticket__cell--tachado:after{content:"";position:absolute;inset:47% 12% auto 12%;height:3px;border-radius:var(--radius-full, 999px);background:var(--color-on-accent);transform:rotate(-18deg)}@media (max-width: 420px){.numeros-ticket{grid-template-columns:repeat(4,1fr)}}.editor-texto{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);overflow:hidden}.editor-texto__barra{display:flex;flex-wrap:wrap;gap:2px;padding:var(--space-2);border-bottom:var(--border-width) solid var(--color-border);background:var(--color-surface-sunken)}.editor-texto__boton{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);cursor:pointer;font-size:var(--text-sm)}.editor-texto__boton:hover{background:var(--color-pitch-100, rgba(15, 61, 46, .08))}.editor-texto__boton--activo{background:var(--color-brand);color:var(--color-on-accent)}.editor-texto__contenido{min-height:8rem;padding:var(--space-3) var(--space-4);outline:none;color:var(--color-text);line-height:1.5}.editor-texto__contenido:empty:before{content:attr(data-placeholder);color:var(--color-text-muted)}.editor-texto__contenido a{color:var(--color-brand);text-decoration:underline}.editor-texto__contenido ul,.editor-texto__contenido ol{padding-left:1.5em}.contenido-html a{color:var(--color-brand);text-decoration:underline}.contenido-html ul,.contenido-html ol{padding-left:1.5em}.contenido-html p{margin:0 0 .5em}.contenido-html p:last-child{margin-bottom:0}.cargando{display:inline-flex;align-items:center;gap:var(--space-3)}.cargando__bolillas{display:inline-flex;gap:6px}.cargando__bolilla{width:10px;height:10px;border-radius:50%;background:var(--color-gold-400);animation:cargando-rebote .9s ease-in-out infinite}.cargando__bolilla:nth-child(2){animation-delay:.12s}.cargando__bolilla:nth-child(3){animation-delay:.24s}.cargando__texto{font-size:var(--text-sm);color:var(--color-text-muted)}.cargando--sobre-brand .cargando__texto{color:var(--color-cream-200)}@keyframes cargando-rebote{0%,80%,to{transform:translateY(0);opacity:.6}40%{transform:translateY(-7px);opacity:1}}.cargando--grande{flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-4);text-align:center}.cargando--grande .cargando__bolillas{gap:10px}.cargando--grande .cargando__bolilla{width:16px;height:16px}.cargando--grande .cargando__texto{font-size:var(--text-md);font-weight:600}@media (prefers-reduced-motion: reduce){.cargando__bolilla{animation:none;opacity:1}}.como-funciona-hero{text-align:center;padding-block:var(--space-6) var(--space-4)}.como-funciona-hero__subtitulo{margin-top:var(--space-3);color:var(--color-text-muted);max-width:32rem;margin-inline:auto}.pasos{display:flex;flex-direction:column;gap:var(--space-4)}.paso{display:flex;gap:var(--space-5);align-items:flex-start}.paso__numero{flex-shrink:0;width:3rem;height:3rem;border-radius:50%;background:linear-gradient(155deg,var(--color-pitch-700),var(--color-pitch-950));border:2px solid var(--color-gold-400);color:var(--color-gold-300);font-family:var(--font-display);font-size:var(--text-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.paso__contenido h3{text-transform:none;font-family:var(--font-body);font-weight:800;font-size:var(--text-md);color:var(--color-brand-strong)}.paso__contenido p{margin-top:var(--space-1);color:var(--color-text-muted)}@media (max-width: 560px){.paso{gap:var(--space-3)}.paso__numero{width:2.5rem;height:2.5rem;font-size:var(--text-md)}}:root{color-scheme:light;--color-pitch-950: #2b0000;--color-pitch-900: #530000;--color-pitch-800: #7a0000;--color-pitch-700: #a30000;--color-pitch-600: #d20001;--color-gold-600: #b9791f;--color-gold-500: #d99a2b;--color-gold-400: #e3a335;--color-gold-300: #edbc63;--color-gold-200: #f4d59a;--color-cream-100: #fbf4e4;--color-cream-200: #f3e7cd;--color-cream-300: #e9d8b3;--color-ink-900: #14201b;--color-ink-700: #354a3f;--color-ink-500: #5c7568;--color-white: #ffffff;--color-success: #2f8f4e;--color-success-bg: #e3f3e6;--color-warning: #d99a2b;--color-warning-bg: #fbf0da;--color-danger: #c1462f;--color-danger-bg: #fbe6e0;--color-info: #35708f;--color-info-bg: #e3edf3;--color-neutral: #6b6155;--color-neutral-bg: #ece7de;--color-bg: var(--color-cream-100);--color-surface: var(--color-white);--color-surface-sunken: var(--color-cream-200);--color-border: var(--color-cream-300);--color-text: var(--color-ink-900);--color-text-muted: var(--color-ink-500);--color-brand: var(--color-pitch-900);--color-brand-strong: var(--color-pitch-950);--color-accent: var(--color-gold-400);--color-accent-strong: var(--color-gold-600);--color-on-brand: var(--color-cream-100);--color-on-accent: var(--color-pitch-950);--font-display: "Anton", "Arial Narrow", sans-serif;--font-body: "Manrope", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: 2.25rem;--text-3xl: 3rem;--text-4xl: 4rem;--leading-tight: 1.05;--leading-snug: 1.3;--leading-normal: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--space-9: 4rem;--space-10: 5rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 999px;--border-width: 1.5px;--shadow-sm: 0 1px 2px rgba(8, 31, 24, .08);--shadow-md: 0 8px 24px -8px rgba(8, 31, 24, .28);--shadow-lg: 0 20px 45px -12px rgba(8, 31, 24, .35);--shadow-gold: 0 6px 18px -6px rgba(185, 121, 31, .55);--container-max: 72rem;--container-narrow: 40rem;--header-height: 4.5rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .14s;--duration-base: .22s}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(circle at 1px 1px,rgba(20,32,27,.07) 1px,transparent 0);background-size:22px 22px}img,picture,svg{display:block;max-width:100%}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:400;letter-spacing:.01em;text-transform:uppercase;line-height:var(--leading-tight);color:var(--color-brand-strong)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}p{margin:0}a{color:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}ul,ol{margin:0;padding:0;list-style:none}::selection{background:var(--color-accent);color:var(--color-on-accent)}.tabular-nums{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-5)}.container--narrow{max-width:var(--container-narrow)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.cluster{display:flex;align-items:center;gap:var(--space-3)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.route-loading{padding-block:var(--space-9);text-align:center;color:var(--color-text-muted);font-weight:600}.card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6)}.card__perforation{position:relative;height:0;margin-inline:calc(var(--space-6) * -1);margin-block:var(--space-5);border-top:2.5px dashed var(--color-border)}.card__perforation:before,.card__perforation:after{content:"";position:absolute;top:50%;width:20px;height:20px;background:var(--color-bg);border-radius:50%;transform:translateY(-50%)}.card__perforation:before{left:-10px}.card__perforation:after{right:-10px}.card--brand{background:linear-gradient(155deg,var(--color-pitch-900),var(--color-pitch-950));border-color:var(--color-pitch-800);color:var(--color-on-brand);box-shadow:var(--shadow-lg)}.card--brand h1,.card--brand h2,.card--brand h3,.card--brand h4{color:var(--color-on-brand)}.card--brand .field__label{color:var(--color-cream-200)}.card--brand .field__error{color:var(--color-gold-300)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:var(--border-width) solid transparent;font-family:var(--font-body);font-weight:700;font-size:var(--text-sm);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn--primary{background:var(--color-pitch-900);color:var(--color-on-brand)}.btn--primary:hover:not(:disabled){background:var(--color-pitch-800);box-shadow:var(--shadow-md)}.btn--accent{background:var(--color-accent);color:var(--color-on-accent)}.btn--accent:hover:not(:disabled){background:var(--color-gold-300);box-shadow:var(--shadow-gold)}.btn--ghost{background:transparent;border-color:var(--color-border);color:var(--color-text)}.btn--ghost:hover:not(:disabled){border-color:var(--color-brand);background:var(--color-surface-sunken)}.btn--danger{background:var(--color-danger-bg);color:var(--color-danger)}.btn--danger:hover:not(:disabled){background:var(--color-danger);color:var(--color-white)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge--success{background:var(--color-success-bg);color:var(--color-success)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge--danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge--info{background:var(--color-info-bg);color:var(--color-info)}.badge--neutral{background:var(--color-neutral-bg);color:var(--color-neutral)}.badge--sistema{background:#d99a2b29;color:var(--color-gold-600)}.badge--sistema:before{display:none}.field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.field__label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted)}.input{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-border);background:var(--color-surface);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.input:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px #0f3d2e26}.input::placeholder{color:var(--color-text-muted)}.field__error{font-size:var(--text-xs);font-weight:600;color:var(--color-danger)}.form-banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600}.form-banner--error{background:var(--color-danger-bg);color:var(--color-ink-900);border:var(--border-width) solid var(--color-danger)}.form-banner--success{background:var(--color-success-bg);color:var(--color-ink-900);border:var(--border-width) solid var(--color-success)}