:root{--negro:#0a0a0a;--panel:#141414;--panel-2:#1c1c1c;--borde:#2a2a2a;--texto:#f2f2f2;--texto-2:#9a9a9a;--amarillo:#ffeb00;--amarillo-oscuro:#b8aa00;--verde:#22c55e;--rojo:#ef4444;--naranja:#f59e0b}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--negro);color:var(--texto);margin:0;font-family:Inter,system-ui,sans-serif;font-size:14px}h1,h2,h3,.titulo{text-transform:uppercase;letter-spacing:.04em;margin:0;font-family:Oswald,sans-serif}.app{height:100%;display:flex}.sidebar{border-right:1px solid var(--borde);background:#0d0d0d;flex-direction:column;flex-shrink:0;gap:6px;width:220px;padding:20px 12px;display:flex}.sidebar .logo{width:150px;margin:4px auto 18px;display:block}.sidebar button{width:100%;color:var(--texto-2);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:11px 14px;font-weight:600;display:flex}.sidebar button:hover{background:var(--panel);color:var(--texto)}.sidebar button.activo{background:var(--amarillo);color:#000}.ver-como{border-top:1px solid var(--borde);flex-direction:column;gap:5px;margin-top:auto;padding:10px 8px;display:flex}.ver-como>span.texto{color:var(--texto-2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:11px}.chip-rol{border:1px solid var(--borde);background:var(--panel);width:100%;color:var(--texto-2);font:inherit;cursor:pointer;text-align:left;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:600}.chip-rol:hover{color:var(--texto);border-color:var(--amarillo)}.chip-rol.activo{background:var(--amarillo);color:#000;border-color:var(--amarillo)}.banner-vista{color:#ffe97a;background:#ffeb001a;border:1px solid #ffeb0066;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.banner-vista b{color:#fff}.banner-vista button{background:var(--amarillo);color:#000;font:inherit;cursor:pointer;border:none;border-radius:8px;margin-left:auto;padding:6px 12px;font-size:12px;font-weight:700}.sidebar .abajo{color:var(--texto-2);text-align:center;margin-top:auto;padding-top:10px;font-size:11px}.ver-como+.abajo{margin-top:10px}.contenido{flex:1;padding:24px 28px;overflow:auto}.encabezado{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.encabezado h1{font-size:26px}.encabezado h1 span{color:var(--amarillo)}.boton{font:inherit;cursor:pointer;background:var(--panel-2);color:var(--texto);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-weight:700;display:inline-flex}.boton:hover{filter:brightness(1.15)}.boton:disabled{opacity:.5;cursor:default}.boton.primario{background:var(--amarillo);color:#000}.boton.peligro{color:#ff8a8a;background:#3a1214}.boton.chico{border-radius:8px;padding:6px 10px;font-size:12px}input,select,textarea{border:1px solid var(--borde);background:var(--panel);width:100%;color:var(--texto);font:inherit;border-radius:10px;padding:10px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--amarillo);outline-offset:-1px}label.campo{color:var(--texto-2);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.tel-input{border:1px solid var(--borde);background:var(--panel);border-radius:10px;align-items:stretch;display:flex;overflow:hidden}.tel-input:focus-within{outline:2px solid var(--amarillo);outline-offset:-1px}.tel-input span{background:var(--panel-2);color:var(--texto);border-right:1px solid var(--borde);white-space:nowrap;align-items:center;padding:0 12px;font-size:14px;font-weight:700;display:flex}.tel-input input{letter-spacing:1px;background:0 0;border:none;border-radius:0}.tel-input input:focus{outline:none}.buscador{min-width:280px;position:relative}.buscador input{padding-left:36px}.buscador:before{content:"🔍";opacity:.6;font-size:13px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{background:var(--panel);border:1px solid var(--borde);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;display:flex}.chip.activo{border-color:var(--amarillo)}.chip .punto{border-radius:50%;width:10px;height:10px}.chip b{font-size:17px}.chip span{color:var(--texto-2);font-size:12px}.tarjeta{background:var(--panel);border:1px solid var(--borde);border-radius:14px;overflow:hidden}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--texto-2);border-bottom:1px solid var(--borde);background:var(--panel-2);padding:12px 14px;font-size:11px;position:sticky;top:0}td{border-bottom:1px solid #1f1f1f;padding:11px 14px}tr:last-child td{border-bottom:none}tbody tr{cursor:pointer}tbody tr:hover{background:#ffffff08}tr.vigente td:first-child{box-shadow:inset 4px 0 0 var(--verde)}tr.por_vencer td:first-child{box-shadow:inset 4px 0 0 var(--naranja)}tr.vencida td:first-child{box-shadow:inset 4px 0 0 var(--rojo)}.badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.badge.vigente{color:var(--verde);background:#22c55e26}.badge.por_vencer{color:var(--naranja);background:#f59e0b26}.badge.vencida{color:var(--rojo);background:#ef444426}.badge.neutro{background:var(--panel-2);color:var(--texto-2)}.badge.congelado{color:#38bdf8;background:#38bdf826}.vacio{text-align:center;color:var(--texto-2);padding:48px}.modal-fondo{z-index:50;background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--borde);border-radius:16px;width:100%;max-width:560px;max-height:90vh;padding:24px;overflow:auto}.modal h2{margin-bottom:16px;font-size:20px}.modal h2 span{color:var(--amarillo)}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid .ancho{grid-column:1/-1}.modal .acciones{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.error{color:#ff9b9b;background:#ef44441f;border:1px solid #ef444466;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:13px}.aviso{color:#ffe97a;background:#ffeb0014;border:1px solid #ffeb0059;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:13px}.exito{color:#7ce7a5;background:#22c55e1a;border:1px solid #22c55e66;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:13px}.zona-huella{border:2px dashed var(--borde);border-radius:14px;flex-direction:column;align-items:center;gap:12px;margin-top:14px;padding:20px;display:flex}.zona-huella.esperando{border-color:var(--amarillo)}.zona-huella img{background:#fff;border-radius:8px;height:130px;padding:6px}.pulso{border:3px solid var(--amarillo);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;animation:1.2s ease-in-out infinite pulso;display:flex}@keyframes pulso{0%,to{box-shadow:0 0 #ffeb0080}50%{box-shadow:0 0 0 14px #ffeb0000}}.ficha-grid{grid-template-columns:340px 1fr;align-items:start;gap:18px;display:grid}.ficha-acciones{flex-wrap:wrap;gap:10px;display:flex}@media (width<=900px){.ficha-grid{grid-template-columns:1fr}.sidebar{width:64px}.sidebar .logo{width:40px}.sidebar button span.texto{display:none}}.dato{border-bottom:1px solid #1f1f1f;flex-direction:column;gap:2px;padding:8px 0;display:flex}.dato:last-child{border-bottom:none}.dato .etiqueta{text-transform:uppercase;letter-spacing:.05em;color:var(--texto-2);font-size:11px}.seccion-titulo{border-bottom:1px solid var(--borde);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.pad{padding:16px}.kiosco{background:radial-gradient(ellipse 80% 60% at 50% -10%, #ffeb0014, transparent), var(--negro);text-align:center;flex-direction:column;height:100vh;display:flex;overflow:hidden}.kiosco header{justify-content:space-between;align-items:center;padding:28px 40px 0;display:flex}.kiosco header img{width:180px}.kiosco .hora{color:var(--texto-2);font-family:Oswald,sans-serif;font-size:34px}.kiosco main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex}.kiosco h1{font-size:clamp(40px,6vw,84px);line-height:1.05}.kiosco h1 span{color:var(--amarillo)}.kiosco-sub{color:var(--texto-2);margin:0;font-size:clamp(18px,2.2vw,30px)}.kiosco-dedo{border:6px solid var(--amarillo);border-radius:50%;justify-content:center;align-items:center;width:1.6em;height:1.6em;font-size:clamp(64px,9vw,130px);animation:1.4s ease-in-out infinite pulso;display:flex}.kiosco-dias{font-family:Oswald,sans-serif;font-size:clamp(30px,4vw,54px)}.kiosco-dias b{color:var(--amarillo);margin:0 12px;font-size:clamp(70px,11vw,160px)}.kiosco-aviso{color:var(--rojo);max-width:900px;font-family:Oswald,sans-serif;font-size:clamp(24px,3.4vw,44px);line-height:1.15}.kiosco-resultado.bueno .kiosco-dias b{color:var(--verde)}.kiosco-resultado.malo .kiosco-dias b{color:var(--rojo)}.kiosco-resultado.malo h1 span,.kiosco-resultado.alerta h1 span{color:var(--amarillo)}.cumple-emoji{margin-bottom:8px;font-size:clamp(70px,11vw,150px);line-height:1;animation:1s ease-in-out infinite cumple-bota}@keyframes cumple-bota{0%,to{transform:translateY(0)scale(1)rotate(-4deg)}50%{transform:translateY(-18px)scale(1.08)rotate(4deg)}}.cumple-titulo span{color:var(--amarillo)}.kiosco-resultado.cumple h1{animation:1.6s ease-in-out infinite cumple-brillo}@keyframes cumple-brillo{0%,to{text-shadow:0 0 #ffeb0000}50%{text-shadow:0 0 26px #ffeb008c}}.confeti{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.confeti-pieza{opacity:.95;border-radius:2px;width:11px;height:18px;animation-name:confeti-cae;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-24px}@keyframes confeti-cae{0%{opacity:1;transform:translateY(-24px)rotate(0)}to{transform:translate(var(--drift,0), 104vh) rotate(720deg);opacity:.9}}@media (prefers-reduced-motion:reduce){.confeti-pieza,.cumple-emoji,.kiosco-resultado.cumple h1{animation:none}}.cumple-alerta{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;background:#0a0a0ad1;justify-content:center;align-items:center;animation:.25s ease-out cumple-alerta-in;display:flex;position:fixed;inset:0}@keyframes cumple-alerta-in{0%{opacity:0}to{opacity:1}}.cumple-alerta-card{cursor:default;text-align:center;border:2px solid var(--amarillo);background:linear-gradient(160deg,#151515,#0a0a0a);border-radius:22px;max-width:90vw;padding:44px 56px;animation:.35s cubic-bezier(.2,1.3,.5,1) cumple-alerta-pop;box-shadow:0 0 60px #ffeb0059}@keyframes cumple-alerta-pop{0%{transform:scale(.8)}to{transform:scale(1)}}.cumple-alerta-emoji{font-size:clamp(56px,8vw,96px);line-height:1;animation:1s ease-in-out infinite cumple-bota}.cumple-alerta-card h1{letter-spacing:.04em;color:var(--amarillo);margin:10px 0 4px;font-family:Oswald,sans-serif;font-size:clamp(34px,5vw,64px);animation:1.6s ease-in-out infinite cumple-brillo}.cumple-alerta-nombre{color:var(--texto);text-transform:uppercase;margin:0 0 6px;font-family:Oswald,sans-serif;font-size:clamp(26px,3.6vw,44px)}.cumple-alerta-sub{color:var(--texto-2);margin:0 0 22px;font-size:16px}.kiosco footer{color:var(--texto-2);letter-spacing:.08em;text-transform:uppercase;padding:18px;font-size:14px}.kiosco-demo{border:1px dashed var(--borde);border-radius:14px;max-width:720px;margin-top:28px;padding:16px 20px}.kiosco-demo p{color:var(--texto-2);margin:0 0 10px;font-size:13px}.kiosco-demo div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.kiosco-demo button{border:1px solid var(--borde);background:var(--panel);color:var(--texto);font:inherit;cursor:pointer;border-radius:10px;padding:8px 14px}.kiosco-demo button:hover{border-color:var(--amarillo)}.volver{color:var(--amarillo);font:inherit;cursor:pointer;background:0 0;border:none;margin-bottom:12px;padding:0;font-weight:700}@media (width<=760px){.app{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--borde);flex-direction:row;align-items:center;gap:2px;width:100%;padding:8px 10px;overflow-x:auto}.sidebar .logo{flex-shrink:0;width:72px;margin:0 8px 0 0}.sidebar button{flex-shrink:0;width:auto;padding:8px 9px;font-size:17px}.sidebar button .texto,.ver-como{display:none}.sidebar .abajo{flex-shrink:0;margin:0 0 0 auto;padding:0;font-size:0}.contenido{padding:14px}.encabezado{gap:12px}.encabezado h1{flex:100%;font-size:21px}.buscador{flex:100%;min-width:0}.buscador input{width:100%}.encabezado>.boton{flex:100%;justify-content:center}.ficha-acciones{width:100%}.ficha-acciones .boton{flex:calc(50% - 5px);justify-content:center;padding:11px 10px}.boton{padding:10px 14px}.tarjeta{-webkit-overflow-scrolling:touch;overflow-x:auto}.tarjeta table{min-width:680px}.form-grid{grid-template-columns:1fr}.modal{padding:18px}.modal-fondo{padding:12px}.modal .acciones .boton{flex:auto;justify-content:center}}.ojo-privacidad{background:var(--panel);border:1px solid var(--borde);width:100%;color:var(--texto-2);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:8px;margin-bottom:8px;padding:9px 12px;font-size:13px;font-weight:600;display:flex}.ojo-privacidad:hover{color:var(--texto);border-color:var(--amarillo)}.ojo-privacidad.activo{color:#38bdf8;background:#38bdf81f;border-color:#38bdf8}.sensible-oculto{filter:blur(6px);-webkit-user-select:none;user-select:none;transition:filter .12s}@media (width<=760px){.ojo-privacidad .texto{display:none}.ojo-privacidad{flex-shrink:0;width:auto;margin:0 8px 0 0}}.sede-sel{border-top:1px solid var(--borde);flex-direction:column;gap:5px;padding:8px;display:flex}.sede-sel>span.texto{color:var(--texto-2);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.sede-sel select{padding:8px 10px;font-size:13px}.sede-fija{background:var(--panel);border:1px solid var(--borde);color:var(--amarillo);border-radius:8px;padding:8px 10px;font-size:13px;font-weight:700}.sede-badge{color:var(--amarillo);background:#ffeb001f;border:1px solid #ffeb0040;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}.multisede-opcion{border:1px solid var(--borde);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;line-height:1.45;display:flex}.multisede-opcion input[type=checkbox]{flex:none;width:auto;margin-top:3px}.total-cobrar{background:#ffeb0014;border:1px solid #ffeb0033;border-radius:10px;margin-top:10px;padding:10px 14px;font-size:15px}.total-cobrar b{color:var(--amarillo)}.total-cobrar span{color:var(--texto-2);font-size:12px}@media (width<=760px){.sede-sel{border-top:none;padding:0}.sede-sel>span.texto{display:none}}