:root{--primary:#1769e0;--primary-dark:#0b3f94;--navy:#07162b;--navy-2:#0d2749;--success:#138a55;--warning:#d98313;--danger:#c73f45;--surface:#fff;--bg:#f3f6fb;--text:#172033;--muted:#69778a;--border:#dfe6ef;--shadow:0 16px 45px rgba(18,42,74,.12)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.topbar{min-height:72px;background:linear-gradient(115deg,var(--navy),#123664);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 32px;box-shadow:0 8px 28px rgba(4,19,40,.2);position:sticky;top:0;z-index:30}.topbar a{color:#fff;text-decoration:none;margin-left:8px;padding:10px 12px;border-radius:10px;transition:.2s}.topbar a:hover{background:rgba(255,255,255,.12)}.brand{font-size:22px;font-weight:900;letter-spacing:-.3px}.container{max-width:1380px;margin:32px auto;padding:0 22px}.grid{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{background:rgba(255,255,255,.98);border:1px solid rgba(220,229,240,.85);border-radius:20px;box-shadow:var(--shadow);padding:25px}.card h1,.card h2,.card h3{margin-top:0}.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 18px;background:linear-gradient(135deg,var(--primary),#3384ef);color:#fff;text-decoration:none;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 8px 20px rgba(23,105,224,.23);transition:transform .18s,box-shadow .18s,filter .18s}.btn:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 12px 25px rgba(23,105,224,.3)}.btn:active{transform:scale(.985)}.btn.secondary{background:linear-gradient(135deg,#526278,#6d7d91)}.btn.success{background:linear-gradient(135deg,#0f7d4b,#1ba86a)}.btn.danger{background:linear-gradient(135deg,#b92f38,#dc535b)}.btn.warn{background:linear-gradient(135deg,#c66e07,#ee9a25)}.btn.block{width:100%}.input,select,textarea,input[type=text],input[type=password],input[type=number],input[type=file]{width:100%;min-height:46px;padding:11px 13px;border:1px solid #cfd9e6;border-radius:11px;background:#fff;margin-top:7px;font:inherit;outline:none;transition:.2s}.input:focus,select:focus,textarea:focus,input:focus{border-color:#5d9cf0;box-shadow:0 0 0 4px rgba(23,105,224,.11)}.form-row{margin-bottom:16px}table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden}th,td{padding:14px 12px;border-bottom:1px solid #e7ecf2;text-align:left}th{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:#64748a;background:#f7f9fc}.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:99px;background:#e8eef6;font-size:12px;font-weight:800}.hero{padding:38px}.ticket{font-size:60px;font-weight:950;letter-spacing:3px}.muted{color:var(--muted)}.alert{padding:14px 16px;border-radius:12px;background:#e8f3ff;border-left:4px solid var(--primary);margin-bottom:17px}.logo{max-height:92px;max-width:min(320px,55vw);object-fit:contain}.qr canvas{max-width:230px;width:100%;height:auto}.operator-ticket{text-align:center;padding:38px}.operator-ticket .ticket{font-size:clamp(72px,9vw,126px);line-height:1}.operator-ticket p{font-size:18px}.operator-ticket h2{font-size:28px}.operator-actions{display:grid;gap:15px}.operator-actions .btn{min-height:64px;font-size:18px}
/* Kiosco táctil */
.kiosk{min-height:100vh;background:radial-gradient(circle at 15% 10%,#e4f0ff 0,transparent 36%),linear-gradient(145deg,#f8fbff,#e8f1fc);padding:clamp(18px,3vw,46px);display:flex;flex-direction:column;overflow-x:hidden;touch-action:manipulation}.kiosk-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:clamp(22px,3vh,42px);padding:clamp(16px,2vw,26px);border-radius:22px;background:rgba(255,255,255,.78);backdrop-filter:blur(12px);box-shadow:0 14px 40px rgba(35,73,115,.1)}.kiosk-head h1{margin:0;font-size:clamp(25px,3vw,44px)}.kiosk-head h2{margin:7px 0 0;color:#63748b;font-size:clamp(16px,1.5vw,24px)}.kiosk>h1{text-align:center;font-size:clamp(30px,4vw,58px);margin:0 0 clamp(24px,4vh,52px);letter-spacing:-1.5px}.clock{font-size:clamp(24px,3vw,46px);font-weight:900;white-space:nowrap;color:var(--navy)}.big-actions{width:min(1500px,100%);margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));gap:clamp(16px,2vw,28px);align-content:center}.big-actions form{height:100%}.service-btn{height:100%;min-height:clamp(118px,17vh,205px);font-size:clamp(22px,2.4vw,38px);border-radius:24px;line-height:1.12;padding:24px;box-shadow:0 18px 34px rgba(18,45,80,.18);border:2px solid rgba(255,255,255,.35);text-shadow:0 1px 2px rgba(0,0,0,.18);user-select:none;-webkit-tap-highlight-color:transparent}.service-btn:active{transform:scale(.975);box-shadow:0 8px 20px rgba(18,45,80,.2)}
/* Pantalla pública Full HD */
.public-body{background:#050d19;color:#fff;width:100vw;height:100vh;overflow:hidden}.public-layout{display:grid;grid-template-columns:minmax(0,1.82fr) minmax(440px,.9fr);height:calc(100vh - clamp(54px,6.2vh,78px))}.video-zone{position:relative;background:#02060d;overflow:hidden}.video-zone:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset -35px 0 55px rgba(3,12,25,.28)}.video-zone video{width:100%;height:100%;object-fit:cover;display:block}.video-placeholder{display:flex;height:100%;align-items:center;justify-content:center;font-size:clamp(32px,3vw,58px);font-weight:800;background:radial-gradient(circle at center,#17355d,#050d19)}.call-zone{padding:clamp(22px,2.3vw,46px);background:linear-gradient(155deg,#123967 0,#07162b 55%,#040c18 100%);overflow:hidden}.call-zone h2{font-size:clamp(18px,1.55vw,30px);letter-spacing:2px;margin:0 0 15px;color:#bcd5f5}.now-card{position:relative;overflow:hidden;background:linear-gradient(155deg,#fff,#edf4fc);color:#071b35;border-radius:28px;padding:clamp(24px,3vh,42px) 20px;text-align:center;margin-bottom:clamp(24px,3vh,40px);box-shadow:0 22px 55px rgba(0,0,0,.27);border:1px solid rgba(255,255,255,.6)}.now-card:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:linear-gradient(90deg,#1a70e8,#30b4ff)}.now-number{font-size:clamp(86px,8.4vw,162px);font-weight:950;line-height:.92;letter-spacing:4px}.now-desk{font-size:clamp(25px,2.3vw,43px);font-weight:900;margin-top:20px;color:#174b89}.last-list{display:grid;gap:10px}.last-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:clamp(11px,1.2vh,18px) 16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.07);font-size:clamp(17px,1.35vw,26px)}.last-row strong{font-size:1.2em}.last-row span{text-align:right;color:#d7e7fb}.ticker{height:clamp(54px,6.2vh,78px);position:fixed;left:0;right:0;bottom:0;background:linear-gradient(90deg,#f0ad16,#ffd45c,#f0ad16);color:#14233a;padding:0;display:flex;align-items:center;font-size:clamp(20px,1.5vw,30px);font-weight:900;white-space:nowrap;overflow:hidden;box-shadow:0 -8px 25px rgba(0,0,0,.22)}.ticker span{display:inline-block;animation:ticker 28s linear infinite;padding-left:100vw}@keyframes ticker{to{transform:translateX(-100%)}}
/* Aviso de llamado a pantalla completa */
.call-overlay{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:4vw;background:radial-gradient(circle at center,rgba(28,112,225,.95),rgba(3,14,31,.985) 68%);opacity:0;visibility:hidden;transform:scale(1.03);transition:opacity .24s,transform .24s,visibility .24s}.call-overlay.show{opacity:1;visibility:visible;transform:scale(1)}.overlay-card{text-align:center;width:min(1450px,96vw);padding:clamp(35px,5vh,80px);border-radius:42px;background:rgba(255,255,255,.98);color:#07162b;box-shadow:0 35px 100px rgba(0,0,0,.48);border:3px solid rgba(255,255,255,.75);animation:pulseCard 1s ease-in-out infinite alternate}.overlay-label{font-size:clamp(30px,3vw,58px);font-weight:900;letter-spacing:5px;color:#245d9d}.overlay-number{font-size:clamp(150px,22vw,390px);font-weight:950;line-height:.86;letter-spacing:8px;margin:clamp(18px,3vh,38px) 0;color:#0b3f94}.overlay-desk{font-size:clamp(44px,5vw,90px);font-weight:950;color:#102a4a}.overlay-service{font-size:clamp(24px,2.2vw,42px);font-weight:700;color:#65758a;margin-top:16px}@keyframes pulseCard{from{box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 0 0 rgba(76,169,255,.45)}to{box-shadow:0 35px 100px rgba(0,0,0,.5),0 0 0 18px rgba(76,169,255,0)}}
@media(max-width:1050px){.public-layout{grid-template-columns:1.55fr minmax(350px,.95fr)}.call-zone{padding:22px}.last-row:nth-child(n+5){display:none}}
@media(max-width:900px){.topbar{padding:0 16px;flex-wrap:wrap}.container{margin:20px auto;padding:0 14px}.public-layout{grid-template-columns:1fr;grid-template-rows:39% 61%;height:calc(100vh - 56px)}.video-zone:after{box-shadow:inset 0 -20px 35px rgba(3,12,25,.3)}.call-zone{padding:18px}.now-card{padding:18px;margin-bottom:16px}.now-number{font-size:clamp(66px,17vw,112px)}.now-desk{font-size:clamp(21px,5vw,34px);margin-top:10px}.call-zone h2{margin-bottom:9px}.last-list{grid-template-columns:1fr 1fr}.last-row{padding:9px 11px}.last-row:nth-child(n+5){display:none}.ticker{height:56px;font-size:18px}.kiosk-head{align-items:flex-start}.clock{font-size:24px}.big-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.service-btn{min-height:130px}}
@media(max-width:620px){.kiosk{padding:13px}.kiosk-head{padding:14px;flex-direction:column}.kiosk>h1{font-size:30px}.big-actions{grid-template-columns:1fr;gap:13px}.service-btn{min-height:100px;font-size:24px;border-radius:18px}.last-list{grid-template-columns:1fr}.last-row:nth-child(n+4){display:none}.overlay-card{border-radius:24px;padding:30px 15px}.overlay-number{letter-spacing:1px}}

/* v3 corporate display, kiosk ticket and selectable operator queue */
.public-brand{position:fixed;top:0;left:0;right:0;height:104px;z-index:20;display:flex;align-items:center;gap:22px;padding:14px 34px;background:linear-gradient(90deg,rgba(4,15,31,.97),rgba(9,36,65,.94));border-bottom:1px solid rgba(255,255,255,.14);box-shadow:0 8px 28px rgba(0,0,0,.28)}
.public-brand img{width:76px;height:76px;object-fit:contain;background:#fff;border-radius:16px;padding:7px}.public-brand-name{font-size:clamp(28px,2.2vw,48px);font-weight:900;letter-spacing:.02em}.public-brand-branch{font-size:clamp(15px,1.05vw,23px);opacity:.75;margin-top:3px}.public-body .public-layout{padding-top:104px;height:calc(100vh - 54px)}
.ticket-company{font-size:clamp(22px,4vw,34px);font-weight:900;margin-bottom:8px}.queue-ahead{margin:18px auto;padding:14px 18px;border-radius:16px;background:rgba(19,103,209,.1);border:1px solid rgba(19,103,209,.25);max-width:360px;font-size:18px}.queue-ahead strong{font-size:30px;display:block}.return-note{margin-top:14px;font-size:14px;opacity:.72}
.waiting-panel{margin-top:18px}.waiting-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.waiting-ticket{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px;border:1px solid rgba(100,130,170,.28);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(235,243,252,.98));color:#10243d;cursor:pointer;text-align:left;box-shadow:0 6px 18px rgba(20,45,75,.08);transition:.18s transform,.18s box-shadow}.waiting-ticket:hover,.waiting-ticket:focus-visible{transform:translateY(-2px);box-shadow:0 12px 25px rgba(20,45,75,.16);outline:3px solid rgba(19,103,209,.22)}.waiting-ticket .queue-code{font-size:30px;font-weight:900}.waiting-ticket .queue-service{font-size:14px;opacity:.7;display:block}.waiting-ticket .queue-time{font-size:13px;opacity:.65}.empty-queue{text-align:center;padding:22px;opacity:.65}
@media(max-width:800px){.public-brand{height:82px;padding:10px 18px;gap:14px}.public-brand img{width:60px;height:60px}.public-body .public-layout{padding-top:82px}.waiting-grid{grid-template-columns:1fr 1fr}}

/* v5: ajustes profesionales de kiosco, ticket y pantalla pública */
.kiosk-company{display:flex;align-items:center;gap:18px;min-width:0}.kiosk-company .logo{max-height:68px;max-width:150px}.kiosk-clock{font-size:clamp(14px,1.15vw,19px);font-weight:750;line-height:1.35;text-align:right;max-width:340px;white-space:normal;color:#334d6b;margin-left:auto}.customer-overlay{z-index:1200}.customer-card{max-width:720px!important;padding:clamp(26px,4vw,46px)!important}.customer-card h2{font-size:clamp(28px,4vw,44px);margin-bottom:8px}.customer-card .modal-help{font-size:17px;margin:0 0 22px}.customer-card .form-row{display:grid;gap:16px;text-align:left}.customer-card .form-row[hidden]{display:none!important}.touch-input{min-height:58px!important;font-size:20px!important}.modal-actions{display:grid;grid-template-columns:1fr auto;gap:14px;margin-top:22px}.modal-actions .btn{min-height:58px;font-size:18px}.qr-instruction{font-size:16px;font-weight:800;margin:12px auto 4px;max-width:310px}.fullscreen-button{margin-left:auto;display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:9px 14px;border:1px solid rgba(255,255,255,.22);border-radius:13px;background:rgba(255,255,255,.09);color:#fff;font:inherit;font-weight:800;cursor:pointer;transition:.18s}.fullscreen-button:hover,.fullscreen-button:focus-visible{background:rgba(255,255,255,.17);outline:3px solid rgba(76,169,255,.35)}.fullscreen-button svg{width:25px;height:25px;flex:0 0 auto}.fullscreen-button.active{background:rgba(34,151,94,.25);border-color:rgba(83,220,143,.42)}
@media(max-width:900px){.kiosk-head{align-items:center}.kiosk-clock{font-size:13px;max-width:240px}.fullscreen-button span{display:none}.fullscreen-button{padding:9px}.public-brand-copy{min-width:0}}
@media(max-width:620px){.kiosk-head{flex-direction:row;align-items:center}.kiosk-company{gap:10px}.kiosk-company .logo{max-height:48px;max-width:84px}.kiosk-head h1{font-size:20px}.kiosk-head h2{font-size:13px;margin-top:3px}.kiosk-clock{font-size:11px;max-width:145px}.modal-actions{grid-template-columns:1fr}.customer-card{padding:22px 16px!important}.touch-input{font-size:18px!important}}
/* v6 - interfaz empresarial y controles de pantalla completa */
.fullscreen-button{width:46px;height:46px;padding:0;justify-content:center;position:relative}.fullscreen-button .icon-exit{display:none}.fullscreen-button.active .icon-enter{display:none}.fullscreen-button.active .icon-exit{display:block}.fullscreen-button.auto-hidden{opacity:0;pointer-events:none;transform:translateY(-10px)}.fullscreen-button{transition:opacity .3s,transform .3s,background .18s}.fullscreen-button svg{width:26px;height:26px}
.module-launcher{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 26px;background:#fff;border-bottom:1px solid #e5eaf1;box-shadow:0 5px 20px rgba(16,39,72,.05)}.module-launcher a{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border:1px solid #dce4ef;border-radius:10px;background:#f8fafc;color:#18314f;text-decoration:none;font-size:13px;font-weight:800;transition:.18s}.module-launcher a:hover{background:#eaf3ff;border-color:#a8c9f3;color:#0c5bc6}.public-launcher{position:sticky;top:72px;z-index:20}
.admin-body{background:#eef2f7}.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.admin-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#07182e,#0a274a 60%,#07182e);color:#fff;padding:24px 17px;box-shadow:14px 0 40px rgba(8,28,53,.14);z-index:50}.admin-logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:3px 8px 24px;border-bottom:1px solid rgba(255,255,255,.11)}.admin-logo-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#2a7ef0,#51b4ff);font-size:24px;font-weight:950;box-shadow:0 10px 25px rgba(37,126,240,.32)}.admin-logo strong{display:block;font-size:19px}.admin-logo small{display:block;margin-top:2px;color:#9eb6d2;font-size:11px;letter-spacing:.4px}.admin-menu{display:grid;gap:6px;margin-top:23px}.admin-menu a{color:#bed0e4;text-decoration:none;padding:13px 14px;border-radius:11px;font-weight:750;font-size:14px;transition:.18s}.admin-menu a:hover{color:#fff;background:rgba(255,255,255,.09);transform:translateX(2px)}.admin-sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.11);padding:18px 8px 0;display:grid;gap:4px}.admin-sidebar-foot span{font-weight:850}.admin-sidebar-foot small{color:#94abc5}.admin-sidebar-foot a{color:#8fc1ff;text-decoration:none;margin-top:9px;font-size:13px;font-weight:800}.admin-workspace{min-width:0}.admin-topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #e3e9f1;position:sticky;top:0;z-index:35}.admin-topbar>div:first-child{display:grid;gap:2px}.admin-topbar strong{font-size:18px}.admin-eyebrow,.section-kicker{font-size:10px;font-weight:900;letter-spacing:1.6px;color:#4b77ad}.system-status{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#3c5d80}.system-status span,.hero-chip span{width:9px;height:9px;border-radius:50%;background:#22a866;box-shadow:0 0 0 5px rgba(34,168,102,.12)}.admin-container{max-width:1540px;margin:28px auto;padding:0 28px 40px}.admin-hero{border-radius:24px;padding:30px 32px;background:linear-gradient(120deg,#0b2a50,#155ba6);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 22px 55px rgba(18,65,116,.2);overflow:hidden;position:relative}.admin-hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-120px;top:-190px;border:65px solid rgba(255,255,255,.06)}.admin-hero h1{margin:7px 0 8px;font-size:clamp(28px,3vw,42px);letter-spacing:-1.2px}.admin-hero p{margin:0;max-width:750px;color:#d8e8fa;font-size:15px}.admin-hero .section-kicker{color:#8bc5ff}.hero-chip{z-index:1;display:flex;align-items:center;gap:10px;white-space:nowrap;padding:11px 15px;border:1px solid rgba(255,255,255,.2);border-radius:99px;background:rgba(255,255,255,.1);font-size:12px;font-weight:850}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:21px;box-shadow:0 12px 30px rgba(21,47,78,.07);display:grid;gap:5px}.metric-card strong{font-size:42px;letter-spacing:-1.8px;color:#0d3159}.metric-label{font-size:12px;font-weight:900;color:#5d718a;text-transform:uppercase;letter-spacing:.7px}.metric-card small{color:#7a8b9e}.admin-section{margin-top:25px;background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:24px;box-shadow:0 12px 30px rgba(21,47,78,.06)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2{margin:5px 0 0;font-size:23px}.section-heading p{margin:0;color:#75879a;font-size:13px}.enterprise-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.enterprise-module{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:18px;border:1px solid #e2e9f2;border-radius:16px;text-decoration:none;color:#172c45;background:#fbfcfe;transition:.18s}.enterprise-module:hover{transform:translateY(-2px);border-color:#a9c9ef;background:#f5f9ff;box-shadow:0 12px 25px rgba(31,84,145,.09)}.module-icon{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;background:#e8f2ff;color:#1562bb;font-weight:950}.enterprise-module h3{margin:0 0 4px;font-size:16px}.enterprise-module p{margin:0;color:#75869a;font-size:13px;line-height:1.45}.enterprise-module b{font-size:22px;color:#6a87a8}.operation-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.operation-links a{display:grid;gap:5px;padding:20px;border-radius:16px;background:linear-gradient(145deg,#f7faff,#edf4fc);border:1px solid #dce7f4;text-decoration:none;color:#173456;transition:.18s}.operation-links a:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(22,76,138,.09)}.operation-links span{font-size:13px;color:#71849a}
@media(max-width:1100px){.admin-shell{grid-template-columns:215px minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.admin-shell{display:block}.admin-sidebar{position:relative;height:auto}.admin-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-sidebar-foot{display:none}.admin-topbar{position:relative}.metric-grid,.enterprise-modules,.operation-links{grid-template-columns:1fr}.admin-hero{align-items:flex-start;flex-direction:column}.module-launcher{padding:10px 14px}.admin-container{padding:0 14px 30px}.section-heading{align-items:flex-start;flex-direction:column}}

/* v7 - experiencia empresarial para kiosco, pantalla pública y operador */
.kiosk{background:linear-gradient(135deg,#eef4fb 0%,#f8fbff 48%,#e7f0fa 100%);position:relative}.kiosk:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 4%,rgba(36,116,214,.12),transparent 31%),radial-gradient(circle at 94% 92%,rgba(24,167,137,.09),transparent 30%)}.kiosk-head{position:relative;z-index:1;border-radius:18px;background:rgba(255,255,255,.92);border:1px solid rgba(210,223,239,.95);box-shadow:0 16px 40px rgba(20,52,88,.09)}.kiosk-company .logo{border-radius:13px;background:#fff;padding:5px;border:1px solid #e1e8f1}.kiosk-intro{position:relative;z-index:1;text-align:center;margin:clamp(4px,1vh,12px) auto clamp(22px,4vh,48px);max-width:880px}.kiosk-eyebrow,.operator-eyebrow{display:inline-block;font-size:11px;font-weight:950;letter-spacing:2px;color:#1767bc}.kiosk-intro h1{margin:9px 0 8px;font-size:clamp(32px,4vw,60px);letter-spacing:-2px;color:#0a2749}.kiosk-intro p{margin:0;color:#65788e;font-size:clamp(16px,1.4vw,21px)}.enterprise-service-grid{position:relative;z-index:1;grid-template-columns:repeat(auto-fit,minmax(min(310px,100%),1fr));gap:clamp(15px,1.8vw,24px);align-content:start}.enterprise-service-grid .service-btn{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;text-align:left;min-height:clamp(112px,14vh,164px);border-radius:20px;padding:24px 25px;background:linear-gradient(135deg,#0c4f93,#1674cf)!important;border:1px solid rgba(255,255,255,.3);box-shadow:0 16px 35px rgba(20,69,121,.17);overflow:hidden}.enterprise-service-grid .service-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.11),transparent 55%);pointer-events:none}.enterprise-service-grid .service-btn:nth-child(4n+2){background:linear-gradient(135deg,#0b6975,#11959f)!important}.enterprise-service-grid .service-btn:nth-child(4n+3){background:linear-gradient(135deg,#40549c,#5d70c4)!important}.enterprise-service-grid .service-btn:nth-child(4n+4){background:linear-gradient(135deg,#7b4f1c,#b47a2a)!important}.service-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);z-index:1}.service-icon svg{width:31px;height:31px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.service-name{font-size:clamp(21px,2vw,31px);font-weight:900;z-index:1}.service-arrow{font-size:31px;opacity:.8;z-index:1}.enterprise-service-grid .service-btn:hover{transform:translateY(-3px);box-shadow:0 23px 43px rgba(20,69,121,.23)}
.public-body{background:#06101d}.public-brand{height:96px;background:linear-gradient(90deg,#07182e 0%,#0b3159 63%,#0c3d6d 100%);border-bottom:1px solid rgba(255,255,255,.13)}.public-brand-name{font-size:clamp(24px,2.2vw,40px);font-weight:950;letter-spacing:-.7px}.public-brand-branch{color:#a9c7e8}.public-body .public-layout{padding-top:96px}.public-layout{grid-template-columns:minmax(0,1.72fr) minmax(430px,.88fr)}.video-zone{border-right:1px solid rgba(255,255,255,.08)}.call-zone{background:linear-gradient(160deg,#0a315b 0%,#071d38 48%,#04101f 100%);position:relative}.call-zone:after{content:"";position:absolute;right:-130px;bottom:-170px;width:390px;height:390px;border-radius:50%;border:70px solid rgba(54,139,229,.055);pointer-events:none}.display-status{position:relative;z-index:1;display:inline-flex;align-items:center;gap:9px;margin-bottom:15px;padding:7px 11px;border:1px solid rgba(118,193,255,.22);border-radius:99px;background:rgba(49,132,215,.11);font-size:11px;font-weight:900;letter-spacing:1.2px;color:#bfe0ff}.display-status span{width:8px;height:8px;border-radius:50%;background:#42d38c;box-shadow:0 0 0 5px rgba(66,211,140,.13)}.now-card{border-radius:22px;background:linear-gradient(150deg,#fff 0%,#edf5ff 100%);box-shadow:0 28px 65px rgba(0,0,0,.32)}.now-card:before{height:6px;background:linear-gradient(90deg,#1e72d7,#39b7dc)}.recent-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.recent-heading span{font-size:11px;color:#87a9cb}.last-row{border-radius:12px;background:linear-gradient(90deg,rgba(255,255,255,.09),rgba(255,255,255,.045));border-left:4px solid rgba(62,159,244,.8)}.ticker{box-shadow:0 -8px 30px rgba(0,0,0,.28)}.call-overlay{background:radial-gradient(circle at center,#155da9 0%,#071d38 55%,#020811 100%)}.call-overlay .overlay-card{border-radius:30px;background:linear-gradient(145deg,#fff,#edf5ff);border:1px solid rgba(255,255,255,.8)}
.operator-body{background:#eef3f8}.operator-body>.topbar{background:linear-gradient(110deg,#07182e,#0c3968)}.operator-body>.container{max-width:1540px;margin:24px auto;padding:0 26px 42px}.operator-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:27px 30px;border-radius:22px;background:linear-gradient(120deg,#0a2d54,#1265b1);color:#fff;box-shadow:0 20px 45px rgba(14,61,109,.18)}.operator-hero h1{margin:7px 0 7px;font-size:clamp(28px,3vw,42px);letter-spacing:-1px}.operator-hero p{margin:0;color:#d2e5f8}.operator-hero .operator-eyebrow{color:#8bc7ff}.operator-live{display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:99px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.17);font-size:12px;font-weight:900}.operator-live span{width:9px;height:9px;border-radius:50%;background:#45d58d;box-shadow:0 0 0 5px rgba(69,213,141,.14)}.desk-selector-card{margin-top:16px;padding:17px 20px;border-radius:16px}.desk-selector-card form{max-width:560px}.desk-selector-card label>span{display:block;font-size:11px;font-weight:900;letter-spacing:1px;color:#5f7690}.operator-console{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:18px;margin-top:18px}.operator-ticket{min-height:330px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(150deg,#fff,#edf5fd)}.operator-ticket:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:linear-gradient(#1b76d5,#32b2d7)}.current-label{font-size:11px;font-weight:950;letter-spacing:2px;color:#53718f}.operator-ticket .ticket{margin:18px 0 7px;color:#0d4f96}.current-meta{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:19px;color:#677b90}.current-meta strong{display:grid;place-items:center;min-width:42px;height:42px;padding:0 11px;border-radius:13px;background:#e3effc;color:#145da8;font-size:21px}.action-console{padding:0;overflow:hidden;border-radius:22px}.action-console-head{padding:20px 22px;border-bottom:1px solid #e3eaf2;background:#f8fbfe}.action-console-head span{display:block;font-weight:900;color:#183552}.action-console-head small{color:#788da2}.action-console .operator-actions{padding:20px}.action-console .btn{min-height:62px;border-radius:14px}.waiting-panel{border-radius:22px;padding:24px}.waiting-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.waiting-head h2{margin:5px 0 0}.waiting-count{display:grid;place-items:center;min-width:54px;height:54px;padding:0 12px;border-radius:17px;background:#e7f1fd;color:#125ba6;font-size:25px;font-weight:950}.waiting-grid{grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:14px}.waiting-ticket{min-height:92px;border-radius:15px;border:1px solid #dce6f1;background:#fff;box-shadow:0 8px 22px rgba(20,55,92,.07)}.waiting-ticket:hover{border-color:#8db9e8;background:#f7fbff}.waiting-ticket .queue-code{color:#0e579f}.waiting-ticket .queue-service{margin-top:5px}
@media(max-width:980px){.operator-console{grid-template-columns:1fr}.public-layout{grid-template-columns:1.35fr minmax(350px,.9fr)}}
@media(max-width:700px){.operator-body>.container{padding:0 13px 30px}.operator-hero{align-items:flex-start;flex-direction:column;padding:22px}.enterprise-service-grid{grid-template-columns:1fr}.enterprise-service-grid .service-btn{min-height:100px}.service-icon{width:49px;height:49px}.public-brand{height:82px}.public-body .public-layout{padding-top:82px}.recent-heading span{display:none}}


/* v8 - sincronización automática, formularios empresariales y video 16:9 */
.service-data-box{margin-top:20px;padding:18px;border:1px solid #dce7f3;border-radius:16px;background:#f7faff}.service-data-box h3{margin:0 0 14px;color:#173a60}.check-row{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:750}.check-row input{width:20px;height:20px;margin:0}.video-admin-card{overflow:hidden}.video-preview-shell{position:relative;width:100%;max-width:1280px;aspect-ratio:16/9;margin:15px 0 22px;border-radius:16px;background:linear-gradient(145deg,#07182e,#154b7c);border:1px solid #d6e2ef;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.video-preview-shell:before{content:"▶";display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.13);color:#fff;font-size:28px}.video-preview-label{position:absolute;left:14px;bottom:12px;padding:6px 10px;border-radius:8px;background:rgba(0,0,0,.5);color:#fff;font-size:12px;font-weight:800}.video-zone{display:flex;align-items:center;justify-content:center;background:#02060d}.video-frame{width:100%;max-width:1280px;aspect-ratio:16/9;max-height:100%;position:relative;overflow:hidden;background:#000}.video-frame video,.video-frame .video-placeholder{width:100%;height:100%;object-fit:contain}.public-layout{grid-template-columns:minmax(0,2fr) minmax(430px,1fr)}
@media(max-width:980px){.public-layout{grid-template-columns:1.35fr minmax(350px,.9fr)}.video-frame{max-width:100%}}

.form-error{margin:14px 0;padding:12px 14px;border-radius:12px;background:#fff1f2;border:1px solid #fecdd3;color:#9f1239;font-weight:700;text-align:left}.form-error[hidden]{display:none!important}

/* Turnos en espera: identificación por servicio y datos del cliente */
.waiting-ticket{position:relative;overflow:hidden;border-left:7px solid var(--service-color,#1367d1)!important;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--service-color,#1367d1) 7%,#fff))!important}
.waiting-ticket:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:var(--service-color,#1367d1)}
.waiting-ticket .queue-main{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:3px}
.waiting-ticket .queue-code{color:var(--service-color,#1367d1)!important}
.waiting-ticket .queue-customer,.waiting-ticket .queue-document{display:block;max-width:100%;font-size:13px;line-height:1.35;color:#314861;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.waiting-ticket .queue-customer{margin-top:7px}
.waiting-ticket .queue-side{align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:12px;margin-left:12px}
.waiting-ticket .queue-color-dot{width:13px;height:13px;border-radius:50%;background:var(--service-color,#1367d1);box-shadow:0 0 0 5px color-mix(in srgb,var(--service-color,#1367d1) 18%,transparent)}
@supports not (background:color-mix(in srgb,#000 10%,#fff)){.waiting-ticket{background:#fff!important}.waiting-ticket .queue-color-dot{box-shadow:none}}

/* v11: puesto de atención con acciones bajo el turno y cola lateral */
.operator-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:18px;margin-top:18px;align-items:start}
.operator-main-column{display:grid;gap:18px;min-width:0}
.operator-workspace .operator-ticket{min-height:320px}
.operator-workspace .action-console{margin:0}
.operator-workspace .operator-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.operator-workspace .operator-actions .btn{margin:0}
.waiting-sidebar{margin-top:0;position:sticky;top:18px;max-height:calc(100vh - 155px);display:flex;flex-direction:column;overflow:hidden}
.waiting-sidebar .waiting-grid{display:grid;grid-template-columns:1fr;gap:11px;overflow-y:auto;padding:3px 5px 8px 2px;scrollbar-width:thin}
.waiting-sidebar .waiting-ticket{min-height:100px;border-left:6px solid var(--service-color);background:linear-gradient(110deg,color-mix(in srgb,var(--service-color) 8%,#fff),#fff 42%)}
.waiting-sidebar .queue-code{color:var(--service-color)}
.waiting-sidebar .queue-color-dot{display:block;width:12px;height:12px;border-radius:50%;background:var(--service-color);box-shadow:0 0 0 5px color-mix(in srgb,var(--service-color) 14%,transparent)}
.waiting-sidebar .queue-customer,.waiting-sidebar .queue-document{display:block;margin-top:4px;font-size:12px;color:#536b82}
@media(max-width:1050px){.operator-workspace{grid-template-columns:1fr}.waiting-sidebar{position:static;max-height:none}.waiting-sidebar .waiting-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));overflow:visible}.operator-workspace .operator-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.operator-workspace .operator-actions{grid-template-columns:1fr}.waiting-sidebar .waiting-grid{grid-template-columns:1fr}}

/* Ajustes v12: consola de atención más compacta y ubicación opcional de servicio */
.operator-workspace .operator-ticket{min-height:225px;padding:24px 26px}
.operator-workspace .operator-ticket .ticket{font-size:clamp(52px,6vw,82px);margin:12px 0 5px}
.operator-workspace .operator-ticket h2{font-size:22px;margin:5px 0}
.operator-workspace .operator-ticket .current-meta{margin-top:12px}
.operator-workspace .operator-ticket .current-meta strong{min-width:36px;height:36px;font-size:18px;border-radius:11px}
.operator-workspace .action-console-head{padding:15px 18px}
.operator-workspace .action-console .operator-actions{padding:15px;gap:9px}
.operator-workspace .action-console .btn{min-height:46px;padding:9px 12px;font-size:14px;border-radius:11px}
.service-content{display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1}
.service-location{display:block;margin-top:4px;font-size:clamp(12px,1.25vw,15px);font-weight:700;opacity:.84;line-height:1.2}
@media(max-width:620px){.operator-workspace .operator-ticket{min-height:205px;padding:21px}.operator-workspace .operator-ticket .ticket{font-size:54px}.operator-workspace .action-console .btn{min-height:44px;font-size:13px}}

/* v13: configuración de kiosco y turno móvil mediante QR */
.compact-hero{margin-bottom:18px}.form-success{margin:0 0 18px;padding:14px 16px;border:1px solid #b8e5cb;border-radius:13px;background:#edfff4;color:#16663a;font-weight:800}.kiosk-mode-options{display:grid;gap:12px;margin:15px 0 22px}.kiosk-mode-card{position:relative;display:grid;grid-template-columns:54px 1fr;gap:3px 14px;align-items:center;padding:16px;border:1px solid #dbe5ef;border-radius:15px;background:#fff;cursor:pointer;transition:.18s}.kiosk-mode-card:hover{border-color:#82b5e8;box-shadow:0 8px 20px rgba(20,70,120,.08)}.kiosk-mode-card:has(input:checked){border-color:#2574c9;background:#f2f8ff;box-shadow:0 0 0 3px rgba(37,116,201,.1)}.kiosk-mode-card input{position:absolute;right:15px;top:15px;width:19px;height:19px}.kiosk-mode-card .mode-icon{grid-row:1/3;display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#e8f2fd;color:#1261aa;font-size:26px}.kiosk-mode-card strong{font-size:16px;color:#153553}.kiosk-mode-card small{padding-right:28px;color:#61788e;line-height:1.35}.kiosk-config-preview{text-align:center}.admin-qr canvas{max-width:260px;width:100%;height:auto;border:12px solid #fff;border-radius:17px;box-shadow:0 12px 30px rgba(21,55,88,.13)}
.kiosk-mobile-access{width:min(1180px,calc(100% - 40px));margin:10px auto 24px;display:flex;align-items:center;justify-content:center;gap:48px;padding:30px 40px;border-radius:24px;background:linear-gradient(120deg,#082f59,#126cb5);color:#fff;box-shadow:0 22px 55px rgba(4,35,67,.22)}.kiosk-mobile-access>div:first-child{max-width:620px}.kiosk-mobile-access h2{margin:8px 0;font-size:clamp(26px,3vw,44px)}.kiosk-mobile-access p{margin:0;color:#d6eaff;font-size:clamp(15px,1.5vw,20px)}.kiosk-mobile-qr{flex:0 0 auto;padding:12px;border-radius:18px;background:#fff}.kiosk-mobile-qr canvas{display:block;width:220px;max-width:22vw;height:auto}.kiosk-mobile-access.qr-only{min-height:calc(100vh - 230px);width:min(1040px,calc(100% - 40px))}.kiosk-mobile-access.qr-only .kiosk-mobile-qr canvas{width:min(340px,35vw);max-width:none}
.mobile-queue-body{margin:0;min-height:100vh;background:#eef4f9;color:#17324d;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.mobile-queue-head{display:flex;align-items:center;gap:12px;padding:15px 18px;background:#fff;border-bottom:1px solid #dce6ef;position:sticky;top:0;z-index:5}.mobile-queue-head img{width:46px;height:46px;object-fit:contain}.mobile-queue-head div{display:flex;flex-direction:column}.mobile-queue-head strong{font-size:17px}.mobile-queue-head small{color:#6b8094}.mobile-queue-wrap{max-width:680px;margin:auto;padding:28px 17px 45px}.mobile-queue-intro span{font-size:11px;font-weight:900;letter-spacing:1.5px;color:#176bb4}.mobile-queue-intro h1{font-size:34px;margin:7px 0}.mobile-queue-intro p{color:#667d92;line-height:1.5}.mobile-services{display:grid;gap:12px;margin-top:24px}.mobile-service{--service-color:#1367d1;width:100%;display:grid;grid-template-columns:7px 1fr 24px;align-items:center;gap:14px;padding:18px;border:1px solid #d9e4ed;border-radius:16px;background:#fff;text-align:left;box-shadow:0 7px 20px rgba(21,55,88,.06)}.mobile-service-mark{width:7px;height:50px;border-radius:8px;background:var(--service-color)}.mobile-service span:nth-child(2){display:flex;flex-direction:column}.mobile-service strong{font-size:17px;color:#183955}.mobile-service small{margin-top:4px;color:#70859a}.mobile-service b{font-size:30px;color:var(--service-color)}.mobile-customer-card{width:min(560px,calc(100% - 24px))}.mobile-status-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.mobile-status-card{--service-color:#1367d1;width:min(520px,100%);padding:30px 24px;border-radius:25px;background:#fff;border-top:8px solid var(--service-color);box-shadow:0 20px 55px rgba(17,51,82,.15);text-align:center}.mobile-status-company{font-size:13px;font-weight:900;letter-spacing:1px;color:#5d748a}.mobile-ticket-code{font-size:clamp(62px,20vw,104px);font-weight:950;line-height:1;color:var(--service-color);letter-spacing:-4px}.mobile-status-card h1{font-size:22px}.mobile-status-badge{display:inline-flex;padding:9px 15px;border-radius:99px;background:#e8f2fd;color:#125fa8;font-weight:900}.status-serving,.status-called{background:#fff2ce;color:#885b00}.status-finished{background:#dff8e9;color:#167142}.mobile-desk-call{margin:20px 0;padding:18px;border-radius:17px;background:#0d3964;color:#fff;display:flex;flex-direction:column}.mobile-desk-call small{opacity:.8}.mobile-desk-call strong{font-size:28px;margin-top:4px}.mobile-position{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding:17px 19px;border-radius:16px;background:#f0f5fa}.mobile-position strong{font-size:34px;color:var(--service-color)}.mobile-refresh-note{font-size:12px;color:#71869a;margin-top:20px}
@media(max-width:760px){.kiosk-mobile-access{flex-direction:column;text-align:center;gap:22px;padding:25px}.kiosk-mobile-qr canvas{max-width:none;width:210px}.kiosk-mobile-access.qr-only .kiosk-mobile-qr canvas{width:240px}.kiosk-config-grid{grid-template-columns:1fr}}

/* v14: modo QR realmente centrado en kiosco */
.kiosk:has(.kiosk-mobile-access.qr-only){min-height:100vh}
.kiosk-mobile-access.qr-only{
  flex:1;
  min-height:0;
  width:min(1100px,calc(100% - 32px));
  margin:auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  gap:24px;
  padding:clamp(28px,4vw,54px);
}
.kiosk-mobile-access.qr-only>div:first-child{max-width:780px;display:flex;flex-direction:column;align-items:center}
.kiosk-mobile-access.qr-only h2{margin:10px 0 12px}
.kiosk-mobile-access.qr-only p{max-width:720px;margin-inline:auto}
.kiosk-mobile-access.qr-only .kiosk-mobile-qr{order:2;margin-inline:auto}
.kiosk-mobile-access.qr-only .kiosk-mobile-qr canvas{width:min(360px,42vw);max-width:100%;height:auto}
@media(max-width:760px){
  .kiosk-mobile-access.qr-only{width:100%;padding:26px 18px;gap:18px}
  .kiosk-mobile-access.qr-only .kiosk-mobile-qr canvas{width:min(280px,74vw)}
}

/* v16: multimedia publicitaria y cinco últimos llamados siempre visibles */
.video-frame .ad-media{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:none;background:#000}
.video-frame .ad-media.show{display:block}
.public-body .public-layout{position:fixed;top:96px;right:0;bottom:clamp(54px,6.2vh,78px);left:0;height:auto;padding-top:0;min-height:0}
.call-zone{display:flex;flex-direction:column;min-height:0;padding-top:clamp(15px,1.7vw,28px);padding-bottom:clamp(12px,1.4vw,22px)}
.call-zone .now-card{flex:0 0 auto;margin-bottom:clamp(12px,1.7vh,24px);padding-top:clamp(18px,2.2vh,32px);padding-bottom:clamp(18px,2.2vh,32px)}
.recent-heading{flex:0 0 auto}
.last-list{flex:1 1 auto;min-height:0;display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:clamp(5px,.7vh,10px)}
.last-row{min-height:0;padding:clamp(6px,.75vh,11px) 14px;font-size:clamp(15px,1.15vw,23px)}
@media(max-width:1050px){.last-row:nth-child(n+5){display:flex}}
@media(max-width:900px){.public-body .public-layout{top:96px;bottom:56px;height:auto;padding-top:0}.last-list{grid-template-columns:1fr;grid-template-rows:repeat(5,minmax(0,1fr))}.last-row:nth-child(n+5){display:flex}}
@media(max-width:700px){.public-body .public-layout{top:82px;padding-top:0}}
@media(max-width:620px){.last-row:nth-child(n+4),.last-row:nth-child(n+5){display:flex}}