/* CR – Gestión de Turnos */

/*
  Responsive:
  - Evita overflow horizontal en móviles.
  - Hace que los shortcodes se ajusten al ancho/alto de la pantalla.
*/
.cr-turnos-panel,
.cr-tomar-turno,
.cr-turno-actual-big,
.cr-tomar-movil,
.cr-movil-ticket{box-sizing:border-box}
.cr-turnos-panel *,.cr-tomar-turno *,.cr-turno-actual-big *,.cr-tomar-movil *{box-sizing:border-box}

.cr-turnos-panel{border:1px solid #05346A !important;border-radius:14px;padding:16px;max-width:520px;width:calc(100% - 24px);margin:10px auto;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.04);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
.cr-turnos-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
.cr-turnos-title{font-weight:700;font-size:18px;color:#05346A}
.cr-turnos-stats{display:flex;gap:18px}
.cr-turnos-stats .label{display:block;font-size:12px;color:#6b7280}
.cr-turnos-stats .num{display:block;font-size:28px;font-weight:800;color:#111827;min-width:48px;text-align:center}
.cr-turnos-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;flex-wrap:wrap}
.cr-btn{border:1px solid #05346A;background:#f9fafb;padding:10px 14px;border-radius:10px;font-weight:600;cursor:pointer;transition:transform .05s ease, background .2s ease, box-shadow .2s ease;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.cr-btn:hover{background:#eef2ff}
.cr-btn:active{transform:scale(.98)}
.cr-btn.tomar{border-color:#05346A;background:#05346A;color:#fff}
.cr-turnos-result{margin-top:8px;font-size:14px;color:#111827;min-height:20px}

/* Display grande configurable */
.cr-turno-actual-big{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;position:relative}
.cr-turno-actual-big .label{font-size:var(--cr-label-px,36px);font-weight:800;color:#05346A;text-align:center}
/* Numero principal: fondo azul + numero blanco (manteniendo porte/diseño) */
.cr-turno-actual-big .box180{width:var(--cr-box-px,180px);height:var(--cr-box-px,180px);border-radius:16px;border:3px solid #05346A;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.06);background:#05346A !important}
.cr-turno-actual-big .box180 .num{font-size:var(--cr-number-px,120px);font-weight:900;line-height:1;color:#fff !important}

/* Botón [cr_tomar_turno]: grande, pero sin romper en pantallas chicas */
.cr-tomar-turno .cr-btn.tomar{
  width:min(400px, 92vw);
  height:min(200px, 46vw);
  max-width:100%;
  font-size:clamp(28px, 8vw, 56px);
  line-height:1.05;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:normal;
  text-align:center;
}

/* Mobile spacing tweak (2026-01-06) */
@media (max-width:768px){
  .cr-turnos-panel{padding:20px;margin:14px auto}
  .cr-turnos-header{gap:14px;margin-bottom:14px;flex-wrap:wrap}
  .cr-turnos-stats{gap:22px;flex-wrap:wrap}
  .cr-turnos-actions{gap:12px;margin-top:14px}
  .cr-btn{padding:12px 16px;border-radius:12px;font-size:16px}
  .cr-turnos-result{margin-top:12px;font-size:15px}
  .cr-turno-actual-big{gap:14px;padding:18px}
}

/* Display grande: escala en móvil (sin tocar los valores del admin, solo los limita) */
@media (max-width:480px){
  .cr-turno-actual-big{padding:10px;gap:10px}
  .cr-turno-actual-big .label{font-size:clamp(18px, 6vw, var(--cr-label-px,36px))}
  .cr-turno-actual-big .box180{width:min(var(--cr-box-px,180px), 86vw);height:min(var(--cr-box-px,180px), 86vw)}
  .cr-turno-actual-big .box180 .num{font-size:clamp(56px, 22vw, var(--cr-number-px,120px))}
  .cr-turnos-stats .num{font-size:24px}
}

/* Seguridad: ocultar cualquier botón de sonido/bocina que haya quedado de versiones anteriores (por caché o JS externo) */
.cr-turnos-panel .cr-bell-btn,
.cr-turno-actual-big .cr-bell-btn,
.cr-turnos-panel .cr-sound-only,
.cr-turno-actual-big .cr-sound-only,
.cr-turnos-panel .cr-sound-btn,
.cr-turno-actual-big .cr-sound-btn,
.cr-turnos-panel .cr-audio-unlock,
.cr-turno-actual-big .cr-audio-unlock{
  display:none !important;
}

/* === Panel móvil con porte configurable: [cr_turnos_panel_movil] === */
.cr-turnos-panel-movil{
  padding:var(--cr-m-pad,16px);
}
.cr-turnos-panel-movil .cr-turnos-title{
  font-size:var(--cr-m-title,18px);
}
.cr-turnos-panel-movil .cr-turnos-stats .num{
  font-size:var(--cr-m-num,28px);
}
.cr-turnos-panel-movil .cr-btn{
  font-size:var(--cr-m-btn,16px);
  padding:var(--cr-m-btn-py,12px) var(--cr-m-btn-px,16px);
}

/* En pantallas muy chicas, evita que el header se "apriete" */
@media (max-width:420px){
  .cr-turnos-panel-movil .cr-turnos-header{flex-wrap:wrap}
  .cr-turnos-panel-movil .cr-turnos-stats{flex-wrap:wrap}
}

/* === Punto de atención (abajo) + Historial últimos 3 === */
.cr-turno-actual-pointline{margin-top:10px;text-align:center}
.cr-turno-actual-point{display:inline-block;font-weight:900;color:#05346A;letter-spacing:.2px}

.cr-turno-actual-history-title{margin-top:10px;text-align:center;font-weight:900;color:#05346A;font-size:var(--cr-hist-title-px,16px)}
.cr-turno-actual-history{display:flex;gap:10px;justify-content:center;align-items:stretch;margin-top:10px;flex-wrap:nowrap}
.cr-turno-actual-history-box{width:min(var(--cr-hist-box-w,140px),28vw);border:1px solid #05346A !important;border-radius:14px;padding:10px 10px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.04);text-align:center}
.cr-turno-actual-history-box .cr-h-num{font-size:var(--cr-hist-num-px,34px);font-weight:900;line-height:1;color:#111827}
.cr-turno-actual-history-box .cr-h-point{margin-top:6px;font-size:var(--cr-hist-point-px,12px);font-weight:800;color:#05346A;line-height:1.1}

@media (max-width:480px){
  .cr-turno-actual-history-title{margin-top:8px;font-size:clamp(12px, 4vw, var(--cr-hist-title-px,14px))}
  .cr-turno-actual-history{gap:8px;margin-top:8px}
  .cr-turno-actual-history-box{width:min(var(--cr-hist-box-w,120px),30vw);padding:8px 8px;border-radius:12px}
  .cr-turno-actual-history-box .cr-h-num{font-size:clamp(18px, 7vw, var(--cr-hist-num-px,28px))}
  .cr-turno-actual-history-box .cr-h-point{font-size:clamp(10px, 3.2vw, var(--cr-hist-point-px,11px))}
}

/* === Ajuste: Historial a la derecha del numero (vertical) ===
   Nota: usamos !important para ganar a estilos globales de themes/builders (Elementor, etc.)
*/
.cr-turno-actual-row{display:flex !important;align-items:flex-start !important;justify-content:center !important;gap:14px;width:100%}
.cr-turno-actual-left{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.cr-turno-actual-right{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.cr-turno-actual-right .cr-turno-actual-history-title{margin-top:0}
.cr-turno-actual-right .cr-turno-actual-history{display:flex !important;flex-direction:column !important;gap:10px;justify-content:flex-start;align-items:stretch;margin-top:8px}

/* Evitar que builders centren/estiren el bloque derecho como si fuera una fila */
.cr-turno-actual-right{flex:0 0 auto}
.cr-turno-actual-left{flex:0 0 auto}

/* En moviles muy angostos, apila a modo columna para no desbordar */
@media (max-width: 480px){
  .cr-turno-actual-big-movil .cr-turno-actual-row{flex-direction:column;align-items:center}
  .cr-turno-actual-big-movil .cr-turno-actual-right .cr-turno-actual-history{flex-direction:row}
}

/* 1.8.1 · Ticket pendiente de imprimir */
.cr-tomar-turno .cr-btn.tomar.cr-pendiente{background:#d97706 !important;border-color:#d97706 !important;color:#fff !important}
.cr-tomar-turno .cr-btn.tomar:disabled{opacity:.75;cursor:wait}

/* 1.8.2 · Varias filas en la misma pantalla (envolver los botones en <div class="cr-kiosk-filas">) */
.cr-kiosk-filas{display:flex;flex-direction:column;align-items:center;gap:18px;padding:16px 0}
.cr-kiosk-filas .cr-tomar-turno{width:100%;text-align:center}
.cr-kiosk-filas .cr-tomar-turno .cr-btn.tomar{width:min(560px,92vw);height:min(150px,28vh);font-size:clamp(26px,6vw,46px);border-radius:18px}
.cr-tomar-turno .cr-btn.tomar.cr-bloqueado{opacity:.35;cursor:not-allowed}

/* 1.9.0 · Aviso y teclado de RUT (tótem) */
.cr-overlay{position:fixed;inset:0;z-index:999999;background:rgba(15,23,42,.6);display:none;align-items:center;justify-content:center;padding:16px}
.cr-overlay.is-open{display:flex}
.cr-overlay-box{position:relative;background:#fff;border-radius:24px;padding:28px 24px;width:min(560px,94vw);text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.cr-aviso-txt{font-size:clamp(28px,5vw,52px);font-weight:800;color:#145A38;line-height:1.15;margin:12px 0 24px}
.cr-ov-btn{border:0;border-radius:14px;background:#145A38;color:#fff !important;font-size:24px;font-weight:700;padding:16px 28px;cursor:pointer}
.cr-ov-sec{background:#e2e8f0;color:#0f172a !important}
.cr-ov-acts{display:flex;gap:12px;justify-content:center;margin-top:16px}
.cr-ov-acts .cr-ov-btn{flex:1}
.cr-ov-x{position:absolute;top:8px;right:12px;border:0;background:none;font-size:34px;line-height:1;color:#64748b;cursor:pointer}
.cr-rut-tit{font-size:28px;font-weight:800;color:#145A38}
.cr-rut-val{font-size:40px;font-weight:800;letter-spacing:1px;margin:12px 0 4px;min-height:52px;border-bottom:3px solid #145A38;color:#0f172a}
.cr-rut-err{min-height:24px;color:#b91c1c;font-weight:700;font-size:18px}
.cr-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}
.cr-key{border:2px solid #cbd5e1;background:#f8fafc;border-radius:14px;font-size:32px;font-weight:800;padding:14px 0;color:#0f172a !important;cursor:pointer}
.cr-key:active{background:#e2e8f0}
/* Título del tipo en el historial de la pantalla */
.cr-h-label{font-size:var(--cr-hist-point-px,14px);font-weight:800;color:#145A38;line-height:1.1;min-height:1em}

/* 1.9.2 · Panel en ventana flotante (cr_flotante=1): solo se ve el panel */
html.cr-flotante{margin-top:0 !important;overflow:hidden !important}
html.cr-flotante body{overflow:hidden !important;background:#fff !important}
html.cr-flotante body *{visibility:hidden !important}
html.cr-flotante #wpadminbar{display:none !important}
html.cr-flotante .cr-turnos-panel,
html.cr-flotante .cr-turnos-panel *{visibility:visible !important}
/* 1.9.7 · La ventana muestra el panel igual que en la página (versión escritorio) y lo escala para que quepa entero */
html.cr-flotante .cr-turno-solo-escritorio{display:block !important}
html.cr-flotante .cr-turno-solo-movil{display:none !important}
html.cr-flotante .cr-turnos-panel{position:fixed !important;top:0 !important;left:0 !important;right:auto !important;bottom:auto !important;margin:0 !important;width:460px !important;max-width:none !important;border-radius:0 !important;border:0 !important;box-shadow:none !important;z-index:2147483000 !important;overflow:visible !important;background:#fff !important;box-sizing:border-box !important;transform-origin:0 0}
html.cr-flotante .cr-turnos-result{display:none !important}
html.cr-flotante .cr-flotar{display:none !important}
.cr-turnos-panel .cr-flotar{margin-left:auto}

/* 1.9.4 · Barra de tiempo del aviso */
.cr-aviso-barra{height:8px;background:#e2e8f0;border-radius:8px;overflow:hidden;margin-top:18px}
.cr-aviso-barra span{display:block;height:100%;width:100%;background:#145A38}

/* 1.9.5 · Botones de tomar por tipo en el panel */
.cr-tomar-tipos{display:flex;gap:8px;flex-wrap:wrap}
.cr-turnos-panel .cr-tomar-tipos .cr-btn.tomar[data-tipo="mayorista"]{background:#0B5CAD !important;border-color:#0B5CAD !important;color:#fff !important}
.cr-turnos-panel .cr-tomar-tipos .cr-btn.tomar[data-tipo="publico"]{background:#145A38 !important;border-color:#145A38 !important;color:#fff !important}


/* 1.9.6 · Panel con botones por tipo: orden en la página */
.cr-turnos-panel .cr-turnos-header .cr-flotar{margin:0 auto 0 8px !important;padding:3px 10px !important;font-size:12px !important;border-radius:999px !important;line-height:1.3 !important;width:auto !important;flex:0 0 auto !important}
.cr-turnos-panel:has(.cr-tomar-tipos) .cr-turnos-actions{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:10px !important}
.cr-turnos-panel .cr-tomar-tipos{display:flex !important;gap:8px !important;flex-wrap:nowrap !important;width:100% !important}
.cr-turnos-panel .cr-tomar-tipos .cr-btn.tomar{flex:1 1 0 !important;width:auto !important;margin:0 !important}
.cr-turnos-panel:has(.cr-tomar-tipos) .ops{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;gap:6px !important;width:100% !important}
.cr-turnos-panel:has(.cr-tomar-tipos) .ops .cr-btn{flex:1 1 auto !important;width:auto !important;margin:0 !important}
.cr-turnos-panel:has(.cr-tomar-tipos) .ops .cr-btn.repetir{flex:0 0 auto !important}
.cr-turnos-panel:has(.cr-tomar-tipos) .cr-turnos-punto-wrap{margin:0 4px 0 0 !important;flex:0 0 auto !important}
.cr-turnos-panel:has(.cr-tomar-tipos) .cr-turnos-punto{min-width:56px !important;width:auto !important;flex:0 0 auto !important}

html.cr-flotante .cr-turnos-header .cr-flotar{display:none !important}

/* 1.9.8 · Aviso de números por atender en el panel */
.cr-turnos-panel .cr-espera{display:block;margin:0 0 10px;padding:6px 12px;border-radius:10px;font-size:14px;font-weight:700;background:#f1f5f9;color:#64748b;text-align:center;line-height:1.3}
.cr-turnos-panel .cr-espera b{font-size:18px}
.cr-turnos-panel .cr-espera.hay{background:#fff7ed;color:#c2410c;border:2px solid #fb923c;animation:crEsperaPulso 1.6s ease-in-out infinite}
.cr-turnos-panel .cr-espera-sig{font-weight:600;color:#9a3412}
@keyframes crEsperaPulso{0%,100%{box-shadow:0 0 0 0 rgba(251,146,60,.0)}50%{box-shadow:0 0 0 4px rgba(251,146,60,.35)}}

/* 1.9.10 · Número "Atendiendo" más grande y botón de llamar de nuevo destacado */
.cr-turnos-panel .cr-turnos-stats .cr-turno-actual .label{font-size:13px !important;font-weight:700 !important;color:#475569 !important;text-align:center}
.cr-turnos-panel .cr-turnos-stats .cr-turno-actual .num{font-size:48px !important;line-height:1 !important;font-weight:900 !important;color:#0f172a !important}
.cr-turnos-panel .ops .cr-btn.repetir,
.cr-turnos-panel .ops .cr-btn.repetir:link,
.cr-turnos-panel .ops .cr-btn.repetir:visited,
.cr-turnos-panel .ops .cr-btn.repetir:focus{background:#F59E0B !important;border-color:#D97706 !important;color:#fff !important;min-width:48px}
.cr-turnos-panel .ops .cr-btn.repetir:hover,
.cr-turnos-panel .ops .cr-btn.repetir:active{background:#D97706 !important;border-color:#B45309 !important}
.cr-turnos-panel .ops .cr-btn.repetir span[aria-hidden]{filter:brightness(0) invert(1);font-size:18px;line-height:1}

/* 1.9.11 · Pantalla de turnos (página con .cr-pantalla-escritorio): ocupa toda la pantalla y se ajusta al ALTO
   del monitor, para que en pantallas anchas y bajas no se corte el título ni el mesón. */
@media (min-width:769px), (orientation:landscape){ /* 1.10.9 · monitor/TV horizontal = diseño grande aunque sea angosto */
  html body .cr-pantalla-escritorio{position:fixed !important;inset:0 !important;z-index:99990 !important;background:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;margin:0 !important;padding:0 !important}
  html body .cr-pantalla-escritorio .cr-turno-actual-big{
    --B: min(70vh, 46vw) !important;
    padding:0 !important;
    margin:0 !important;
    grid-template-columns:var(--B) calc(var(--B) * 0.85) !important;
    column-gap:3vw !important;
  }
  html body .cr-pantalla-escritorio .cr-turno-actual-big > .label{font-size:min(8.5vh, 4.8vw) !important;height:calc(min(8.5vh, 4.8vw) * 1.3) !important;line-height:1.2 !important;margin:0 0 1.5vh 0 !important}
  html body .cr-pantalla-escritorio .cr-turno-actual-history-title{font-size:min(6vh, 3.4vw) !important;height:calc(min(8.5vh, 4.8vw) * 1.3) !important;margin:0 0 1.5vh 0 !important}
  html body .cr-pantalla-escritorio .cr-turno-actual-pointline{margin-top:1.2vh !important}
  html body .cr-pantalla-escritorio .cr-turno-actual-point{font-size:min(8vh, 4.6vw) !important;line-height:1.15 !important}
}

/* 1.9.15 · Pantalla: sin scroll ni márgenes del tema */
@media (min-width:769px), (orientation:landscape){ /* 1.10.9 · monitor/TV horizontal = diseño grande aunque sea angosto */
  html.cr-es-pantalla, html.cr-es-pantalla body{overflow:hidden !important;margin:0 !important}
  html.cr-es-pantalla body > .cr-pantalla-escritorio{width:100vw !important;height:100vh !important;transform:none !important}
}

/* 1.9.16 · Margen de seguridad (TV que recorta bordes): todo se achica para caber dentro del margen */
@media (min-width:769px), (orientation:landscape){ /* 1.10.9 · monitor/TV horizontal = diseño grande aunque sea angosto */
  html.cr-es-pantalla body > .cr-pantalla-escritorio{padding:var(--cr-mv,0vh) var(--cr-mh,0vw) !important;box-sizing:border-box !important}
  html.cr-es-pantalla body > .cr-pantalla-escritorio .cr-turno-actual-big{
    --B: min(calc(70vh - 2.3 * var(--cr-mv,0vh)), calc(46vw - 1.1 * var(--cr-mh,0vw))) !important;
  }
}

/* 1.9.17 · Medidas relativas al bloque de la Pantalla (no a la ventana): así, si la ventana es más grande que el monitor,
   el contenido igual cabe en lo que se ve. cqh/cqw = % del alto/ancho del bloque. */
@media (min-width:769px), (orientation:landscape){ /* 1.10.9 · monitor/TV horizontal = diseño grande aunque sea angosto */
  html.cr-es-pantalla body > .cr-pantalla-escritorio{container-type:size !important;top:0 !important;left:0 !important;right:auto !important;bottom:auto !important;position:fixed !important}
  html.cr-es-pantalla body > .cr-pantalla-escritorio{padding:calc(var(--cr-m,0) * 1cqh) calc(var(--cr-m,0) * 1cqw) !important}
  html.cr-es-pantalla body > .cr-pantalla-escritorio .cr-turno-actual-big{
    --B: min(calc(70cqh - 2.3 * var(--cr-m,0) * 1cqh), calc(46cqw - 1.1 * var(--cr-m,0) * 1cqw)) !important;
    column-gap:3cqw !important;
  }
  html.cr-es-pantalla body > .cr-pantalla-escritorio .cr-turno-actual-big > .label{font-size:min(8.5cqh, 4.8cqw) !important;height:calc(min(8.5cqh, 4.8cqw) * 1.3) !important;margin:0 0 1.5cqh 0 !important}
  html.cr-es-pantalla body > .cr-pantalla-escritorio .cr-turno-actual-history-title{font-size:min(6cqh, 3.4cqw) !important;height:calc(min(8.5cqh, 4.8cqw) * 1.3) !important;margin:0 0 1.5cqh 0 !important}
  html.cr-es-pantalla body > .cr-pantalla-escritorio .cr-turno-actual-point{font-size:min(8cqh, 4.6cqw) !important}
  html.cr-es-pantalla body > .cr-pantalla-escritorio .cr-turno-actual-pointline{margin-top:1.2cqh !important}
  html.cr-es-pantalla body > .cr-pantalla-escritorio .cr-turno-actual-history{gap:1.5cqh !important}
  html.cr-es-pantalla body > .cr-pantalla-escritorio .cr-turno-actual-history-box{--H: calc((var(--B) - 3cqh) / 3) !important;padding:0 2cqw 0 1.6cqw !important}
}

/* 1.9.18 · Pantalla más grande en monitores anchos (16:9): el número usa casi todo el alto y "Números pasados" más ancho */
@media (min-width:769px), (orientation:landscape){ /* 1.10.9 · monitor/TV horizontal = diseño grande aunque sea angosto */
  html.cr-es-pantalla body > .cr-pantalla-escritorio .cr-turno-actual-big{
    --B: min(calc(71cqh - 2.3 * var(--cr-m,0) * 1cqh), calc(42cqw - 1 * var(--cr-m,0) * 1cqw)) !important;
    grid-template-columns:var(--B) calc(var(--B) * 1.2) !important;
    column-gap:3cqw !important;
  }
  html.cr-es-pantalla body > .cr-pantalla-escritorio .cr-turno-actual-big > .label{font-size:min(9cqh, 5cqw) !important;height:calc(min(9cqh, 5cqw) * 1.25) !important;margin:0 0 1.2cqh 0 !important}
  html.cr-es-pantalla body > .cr-pantalla-escritorio .cr-turno-actual-history-title{font-size:min(6.5cqh, 3.6cqw) !important;height:calc(min(9cqh, 5cqw) * 1.25) !important;margin:0 0 1.2cqh 0 !important}
  html.cr-es-pantalla body > .cr-pantalla-escritorio .cr-turno-actual-point{font-size:min(8.5cqh, 4.8cqw) !important}
  html.cr-es-pantalla body > .cr-pantalla-escritorio .cr-turno-actual-pointline{margin-top:1cqh !important}
  html.cr-es-pantalla body > .cr-pantalla-escritorio .cr-h-label{font-size:calc(var(--H) * 0.27) !important}
  html.cr-es-pantalla body > .cr-pantalla-escritorio .cr-h-point{font-size:calc(var(--H) * 0.22) !important}
  html.cr-es-pantalla body > .cr-pantalla-escritorio .cr-h-num{font-size:calc(var(--H) * 0.72) !important}
}

/* 1.9.21 · Títulos de "Números pasados" más grandes, en una línea (si no cabe, se achica solo) */
@media (min-width:769px), (orientation:landscape){ /* 1.10.9 · monitor/TV horizontal = diseño grande aunque sea angosto */
  html.cr-es-pantalla body > .cr-pantalla-escritorio .cr-h-label{font-size:calc(var(--H) * 0.3) !important;white-space:nowrap !important;line-height:1.2 !important;max-height:none !important;overflow:hidden !important}
  html.cr-es-pantalla body > .cr-pantalla-escritorio .cr-h-point{font-size:calc(var(--H) * 0.22) !important}
}

/* 1.9.23 · Título y mesón de "Números pasados": tamaño fijo según el cuadro (sin JavaScript), grande y sin salirse */
@media (min-width:769px), (orientation:landscape){ /* 1.10.9 · monitor/TV horizontal = diseño grande aunque sea angosto */
  html.cr-es-pantalla body > .cr-pantalla-escritorio .cr-turno-actual-history-box .cr-h-label{font-size:min(calc(var(--H) * 0.3), calc(var(--B) * 0.075)) !important;white-space:nowrap !important;overflow:visible !important;max-height:none !important;line-height:1.2 !important}
  html.cr-es-pantalla body > .cr-pantalla-escritorio .cr-turno-actual-history-box .cr-h-point{font-size:min(calc(var(--H) * 0.22), calc(var(--B) * 0.06)) !important}
}

/* 1.9.28 · RUT del número que se atiende (panel de vendedoras) */
.cr-turnos-panel .cr-rut-actual{display:block;width:max-content;max-width:100%;margin:0 0 8px;padding:3px 10px;border-radius:999px;background:#e8f0fb;color:#0B5CAD;font-size:14px;font-weight:600;letter-spacing:.2px}
.cr-turnos-panel .cr-rut-actual b{font-weight:900;font-variant-numeric:tabular-nums}

/* 1.9.30 · RUT más grande en el panel */
.cr-turnos-panel .cr-rut-actual{font-size:18px !important;padding:5px 14px !important;border:2px solid #0B5CAD}
.cr-turnos-panel .cr-rut-actual b{font-size:22px !important}

/* 1.9.31 · RUT un poco más chico */
.cr-turnos-panel .cr-rut-actual{font-size:16px !important;padding:4px 12px !important}
.cr-turnos-panel .cr-rut-actual b{font-size:19px !important}

/* 1.10.0 · Pantalla de turnos en CELULAR (lo que ve el cliente al escanear el QR del ticket) */
@media (max-width:768px) and (orientation:portrait){ /* 1.10.9 */
  html body .cr-pantalla-escritorio{display:block !important;position:static !important;width:auto !important;height:auto !important;padding:12px 4px 24px !important;background:#fff}
  html body .cr-pantalla-movil{display:none !important} /* se usa un solo diseño para celular */
  .cr-pantalla-escritorio .cr-turno-actual-big{
    --B: min(78vw, 48vh) !important;
    --cr-box-px: var(--B) !important; --cr-number-px: calc(var(--B) * 0.6) !important;
    display:flex !important;flex-direction:column !important;align-items:center !important;gap:8px !important;
    width:100% !important;max-width:520px;margin:0 auto !important;padding:0 !important;zoom:1 !important}
  .cr-pantalla-escritorio .cr-turno-actual-big > .label{font-size:clamp(22px,7vw,34px) !important;height:auto !important;margin:0 !important;text-align:center !important;white-space:normal !important;overflow:visible !important;font-weight:800 !important;line-height:1.15 !important}
  .cr-pantalla-escritorio .cr-turno-actual-row{display:flex !important;flex-direction:column !important;align-items:center !important;gap:14px !important;width:100% !important}
  .cr-pantalla-escritorio .cr-turno-actual-left{display:flex !important;flex-direction:column !important;align-items:center !important;width:auto !important;margin:0 !important}
  .cr-pantalla-escritorio .box180{width:var(--B) !important;height:var(--B) !important;border-radius:18px !important;overflow:hidden !important;display:flex !important;align-items:center !important;justify-content:center !important}
  .cr-pantalla-escritorio .box180 .num{font-size:var(--cr-number-px) !important;line-height:1 !important;width:90% !important;text-align:center !important;white-space:nowrap !important;overflow:hidden !important}
  .cr-pantalla-escritorio .cr-turno-actual-pointline{width:auto !important;margin-top:8px !important}
  .cr-pantalla-escritorio .cr-turno-actual-point{font-size:clamp(22px,7vw,34px) !important;font-weight:800 !important;white-space:nowrap !important}
  .cr-pantalla-escritorio .cr-turno-actual-right{width:100% !important;max-width:520px;margin:0 !important;padding:0 8px !important;box-sizing:border-box}
  .cr-pantalla-escritorio .cr-turno-actual-history-title{font-size:18px !important;height:auto !important;margin:6px 0 8px !important;text-align:center !important;display:block !important}
  .cr-pantalla-escritorio .cr-turno-actual-history{display:flex !important;flex-direction:column !important;gap:8px !important;width:100% !important}
  .cr-pantalla-escritorio .cr-turno-actual-history-box{--H:64px;width:100% !important;height:64px !important;min-height:0 !important;margin:0 !important;padding:0 14px !important;box-sizing:border-box !important;display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;grid-template-rows:1fr 1fr !important;grid-template-areas:"lab num" "pt num" !important;align-items:center !important;border-radius:12px !important;container-type:normal !important}
  .cr-pantalla-escritorio .cr-h-label, .cr-pantalla-escritorio .cr-h-point{text-align:left !important}
  .cr-pantalla-escritorio .cr-h-label{grid-area:lab;font-size:16px !important;font-weight:800 !important;align-self:end !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis;max-height:none !important;line-height:1.2 !important}
  .cr-pantalla-escritorio .cr-h-point{grid-area:pt;font-size:14px !important;align-self:start !important;white-space:nowrap !important}
  .cr-pantalla-escritorio .cr-h-num{grid-area:num;font-size:36px !important;font-weight:900 !important;line-height:1 !important;text-align:right !important;width:auto !important}
  /* panel de la vendedora en celular: los botones de abajo pasan a 2 filas */
  html:not(.cr-flotante) .cr-turnos-panel:has(.cr-tomar-tipos) .ops{flex-wrap:wrap !important}
  html:not(.cr-flotante) .cr-turnos-panel:has(.cr-tomar-tipos) .ops .cr-btn.retroceder,
  html:not(.cr-flotante) .cr-turnos-panel:has(.cr-tomar-tipos) .ops .cr-btn.avanzar{flex:1 1 40% !important}
}

/* 1.10.3 · Celular: solo se muestra la pantalla de turnos (sin el resto de la página que dejaba espacio en blanco) */
@media (max-width:768px) and (orientation:portrait){ /* 1.10.9 */
  html.cr-es-pantalla body > *:not(.cr-pantalla-escritorio):not(#wpadminbar):not(script):not(style){display:none !important}
  html.cr-es-pantalla body{min-height:0 !important;padding:0 !important;margin:0 !important}
}
/* 1.10.5 · número al que pertenece el RUT */
.cr-turnos-panel .cr-rut-actual .cr-rut-n{font-weight:700;opacity:.8;font-size:.85em}
/* 1.10.8 · mesón sin elegir y código del computador */
.cr-turnos-panel .cr-turnos-punto.cr-falta-meson{outline:3px solid #dc2626 !important;outline-offset:2px;background:#fee2e2 !important}
.cr-turnos-panel .cr-equipo{margin-top:6px;font-size:11px;color:#94a3b8;text-align:right}
html.cr-flotante .cr-turnos-panel .cr-equipo{display:none !important}