*{box-sizing:border-box}html,body{color:#000;background:#fff;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,input{font-family:inherit}:root{--red:#d60032}.container{max-width:1100px;padding:16px;padding-top:max(16px, env(safe-area-inset-top));margin:0 auto}.card{background:#fff;border:2px solid #e5e5e5;border-radius:32px;padding:20px;box-shadow:0 1px 4px #0000000f}.logo{object-fit:contain;width:min(390px,100%);height:auto}.logo-small{object-fit:contain;width:min(190px,55vw);height:auto}.header-hero{color:#fff;background:#000;border-radius:28px;margin-top:20px;padding:20px}.label-red{color:#ff315d;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900}.h1{letter-spacing:-.03em;margin:8px 0;font-size:clamp(30px,5.5vw,48px);font-weight:900;line-height:1}.tabs{z-index:10;background:#fff;border:1px solid #e5e5e5;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid;position:sticky;top:8px;box-shadow:0 4px 20px #0000000f}.tab{color:#000;cursor:pointer;background:#fff;border:0;border-radius:14px;padding:12px;font-weight:900}.tab.active{color:#fff;background:#000}.grid{gap:12px;display:grid}.grid>*{min-width:0}@media (min-width:760px){.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr)}}.service-btn{color:#000;text-align:left;cursor:pointer;background:#fff;border:2px solid #e5e5e5;border-radius:28px;width:100%;min-height:92px;padding:20px;transition:all .15s}.service-btn:hover{background:#fafafa;border-color:#000}.service-title{font-size:18px;font-weight:900;line-height:1.1}.service-helper{color:#666;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden}.badge{color:#fff;white-space:nowrap;background:#000;border-radius:999px;flex-shrink:0;align-self:center;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:900;display:inline-flex}.badge-red{background:var(--red)}.btn{color:#000;cursor:pointer;background:#fff;border:2px solid #000;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:900;display:inline-flex}.btn-red{background:var(--red);border-color:var(--red);color:#fff}.btn-black{color:#fff;background:#000;border-color:#000}.btn:disabled{color:#777;cursor:not-allowed;background:#ddd;border-color:#ddd}.ticket-page{background:#fff;min-height:100vh;padding:16px}.ticket-card{border:2px solid #e5e5e5;border-radius:34px;flex-direction:column;justify-content:space-between;max-width:440px;min-height:calc(100vh - 32px);margin:0 auto;padding:20px;display:flex}.ticket-card.called{background:var(--red);border-color:var(--red);color:#fff}.ticket-top{justify-content:space-between;align-items:flex-start;gap:12px;padding-top:8px;display:flex}.ticket-main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.ticket-code{letter-spacing:-.08em;margin:18px 0 8px;font-size:clamp(82px,24vw,132px);font-weight:900;line-height:.86}.ticket-chip{color:#fff;background:#000;border-radius:24px;margin-top:28px;padding:16px 22px;font-weight:900}.called .ticket-chip{color:#000;background:#fff}.ticket-footer{text-align:center;letter-spacing:.16em;text-transform:uppercase;color:#999;padding-bottom:8px;font-size:11px;font-weight:900}.called .ticket-footer{color:#ffffffb8}.current-box{border:2px solid var(--red);border-radius:30px;margin-top:16px;padding:20px}.queue-item{background:#fff;border:2px solid #e5e5e5;border-radius:28px;padding:16px}.queue-item.top{border-color:var(--red)}.queue-number{color:#fff;background:#000;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-weight:900;display:flex}.queue-item.top .queue-number{background:var(--red)}.kpi-page{background:#f7f7f5;max-width:1180px;min-height:100vh}.kpi-header,.kpi-live,.kpi-section,.kpi-plano{background:#fff;border:1px solid #e9e9e6;border-radius:24px;box-shadow:0 8px 28px #0000000b}.kpi-header{grid-template-columns:minmax(280px,1fr) auto;align-items:center;gap:14px 24px;padding:20px 22px;display:grid}.kpi-brand{align-items:center;gap:18px;min-width:0;display:flex}.kpi-brand .logo{flex:none;width:150px}.kpi-brand h1{letter-spacing:-.035em;margin:4px 0 0;font-size:clamp(25px,4vw,38px);line-height:1}.kpi-periodos{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.kpi-periodos button,.kpi-selector button{color:#111;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:12px;height:42px;padding:0 14px;font-weight:800}.kpi-periodos button.active,.kpi-selector button.active{color:#fff;background:#111;border-color:#111}.kpi-periodos button.actualizar{background:var(--red);color:#fff;border-color:var(--red)}.kpi-periodos button:disabled{opacity:.55;cursor:wait}.kpi-fechas{border-top:1px solid #eee;grid-column:1/-1;justify-content:flex-end;gap:10px;padding-top:12px;display:flex}.kpi-fechas label{color:#777;align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.kpi-fechas input{color:#222;background:#fff;border:1px solid #ddd;border-radius:10px;height:36px;padding:0 9px;font-weight:700}.kpi-error{color:#a50027;background:#fff1f4;border-radius:16px;margin-top:14px;padding:14px 18px;font-weight:900}.kpi-live{align-items:center;gap:24px;margin-top:14px;padding:16px 20px;display:flex}.kpi-live-title{min-width:115px}.kpi-live-title h2,.kpi-section h2{letter-spacing:-.015em;margin:0;font-size:19px}.kpi-live-title span{color:#0a8f3c;margin-top:4px;font-size:12px;font-weight:800;display:block}.kpi-live-data{flex:1;grid-template-columns:repeat(3,1fr);display:grid}.kpi-compacto{border-left:1px solid #eee;min-width:0;padding:4px 18px}.kpi-compacto span{color:#777;font-size:12px;font-weight:700;display:block}.kpi-compacto strong{margin-top:4px;font-size:20px;line-height:1.15;display:block}.kpi-link,.kpi-method-toggle{color:#b8002b;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:10px 4px;font-weight:900}.kpi-plano{margin-top:10px;padding:14px}.kpi-plano-imagen{border-radius:18px;position:relative;overflow:hidden}.kpi-plano-imagen>img{width:100%;height:auto;display:block}.kpi-puesto{text-align:center;white-space:nowrap;font-size:11px;font-weight:900;position:absolute;transform:translate(-50%,-50%)}.kpi-puesto i{background:#999;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin:0 auto 4px;display:block;box-shadow:0 1px 4px #00000059}.kpi-puesto>div{background:#fffffff5;border:1px solid #eee;border-radius:10px;padding:4px 8px;box-shadow:0 1px 5px #0000001f}.kpi-puesto span{color:#777}.kpi-puesto.libre i{background:#0a8f3c}.kpi-puesto.libre span{color:#0a8f3c}.kpi-puesto.atendiendo i{background:#111}.kpi-puesto.atendiendo span{color:#111}.kpi-section{margin-top:14px;padding:20px}.kpi-section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.kpi-section-head p{color:#777;margin:4px 0 0;font-size:13px}.kpi-principales{border:1px solid #ececea;border-radius:18px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.kpi-principal{border-left:1px solid #ececea;min-height:116px;padding:19px}.kpi-principal:first-child{border-left:0}.kpi-principal>span{color:#777;font-size:13px;font-weight:800}.kpi-principal>strong{letter-spacing:-.04em;margin-top:8px;font-size:clamp(29px,4.5vw,44px);line-height:1;display:block}.kpi-principal>small{color:#888;margin-top:7px;font-weight:700;display:block}.kpi-principal.destacado{background:#fff5f7}.kpi-principal.destacado>strong{color:#b8002b}.kpi-secundarios{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px;display:grid}.kpi-secundarios .kpi-compacto{background:#f7f7f5;border:0;border-radius:14px;padding:14px}.kpi-secundarios .kpi-compacto strong{font-size:18px}.kpi-selector{background:#f3f3f1;border-radius:14px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.kpi-selector button{background:0 0;border-color:#0000;height:36px;font-size:13px}.kpi-selector button.active{color:#111;background:#fff;border-color:#e5e5e5;box-shadow:0 2px 8px #00000012}.kpi-grafica{padding-top:2px}.kpi-grafica-nota{color:#888;margin:12px 0 0;font-size:12px}.kpi-filter-toggle{color:#555;cursor:pointer;background:0 0;border:0;padding:6px 0 12px;font-size:12px;font-weight:800}.kpi-chart-filters{background:#f7f7f5;border-radius:14px;margin-bottom:10px;padding:12px}.kpi-section .kpi-grafica .btn{border-width:1px;border-radius:12px}.kpi-section table th{color:#777;font-size:12px}.kpi-method-toggle{margin-top:12px;font-size:13px;display:block}.kpi-metodologia{color:#555;background:#f7f7f5;border-radius:16px;padding:16px;font-size:13px;line-height:1.55}.kpi-metodologia p{margin:0 0 8px}.kpi-metodologia p:last-of-type{margin-bottom:14px}.kpi-metodo-comparacion{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kpi-metodo-comparacion .kpi-compacto{background:#fff;border:0;border-radius:12px;padding:12px}.kpi-metodo-comparacion .kpi-compacto strong{font-size:15px}@media (max-width:780px){.kpi-header{grid-template-columns:1fr}.kpi-periodos,.kpi-fechas{justify-content:flex-start}.kpi-brand .logo{width:110px}.kpi-live{flex-wrap:wrap;align-items:flex-start}.kpi-live-data{flex-basis:100%;order:3}.kpi-principales{grid-template-columns:1fr 1fr}.kpi-principal:nth-child(3){border-top:1px solid #ececea;border-left:0}.kpi-principal:nth-child(4){border-top:1px solid #ececea}.kpi-secundarios{grid-template-columns:1fr 1fr}.kpi-section-tabs{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.kpi-page{padding:10px}.kpi-brand{flex-direction:column;align-items:flex-start;gap:10px}.kpi-periodos button{flex:1}.kpi-periodos button.actualizar{flex-basis:100%}.kpi-fechas{grid-template-columns:1fr 1fr;display:grid}.kpi-fechas label{display:block}.kpi-fechas input{width:100%;margin-top:4px;display:block}.kpi-live-title{flex:1}.kpi-live-data{grid-template-columns:1fr}.kpi-live-data .kpi-compacto{border-top:1px solid #eee;border-left:0;padding:10px 0}.kpi-principales,.kpi-secundarios,.kpi-metodo-comparacion{grid-template-columns:1fr}.kpi-principal{border-top:1px solid #ececea;border-left:0}.kpi-principal:first-child{border-top:0}.kpi-section-head{flex-direction:column;align-items:flex-start}.kpi-selector{width:100%}.kpi-selector button{flex:1}}.end-done{background:#f2fbf5;border-color:#b7e4c7}.end-missed{background:#fff5f6;border-color:#f3c2cb}.end-icon{border:4px solid;border-radius:50%;justify-content:center;align-items:center;width:104px;height:104px;margin-bottom:18px;font-size:72px;font-weight:900;line-height:1;display:flex}.end-title{letter-spacing:-.03em;max-width:340px;font-size:clamp(26px,6vw,34px);font-weight:900;line-height:1.05}.end-sub{color:#555;max-width:320px;margin-top:14px;font-size:16px;font-weight:700;line-height:1.35}