:root{--rojo:#a0001c;--blanco:#fff;color:var(--rojo);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;min-height:100dvh}body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;background:#111;overflow:hidden}.pantalla{--header-h:clamp(4rem, 9vh, 5.5rem);--footer-h:clamp(3.55rem, 8vh, 4.5rem);--pad:clamp(.55rem, 1.2vw, 1.15rem);--radius-card:clamp(1.6rem, 3.2vw, 2.75rem);--fs-title:clamp(1.85rem, 3.6vw, 3.4rem);--fs-hour:clamp(1.85rem, 3.8vw, 3.5rem);--fs-date:clamp(.85rem, 1.35vw, 1.25rem);--fs-servicio:clamp(1.25rem, 2.4vw, 2.45rem);--fs-turno-label:clamp(.75rem, 1.2vw, 1.15rem);--fs-turno-num:clamp(2.4rem, 5vw, 4.8rem);--fs-copy:clamp(.78rem, 1.35vw, 1.15rem);--fs-ticker:clamp(.95rem, 1.8vw, 1.55rem);--logo-w:clamp(9.5rem, 18vw, 14rem);grid-template-rows:var(--header-h) minmax(0, 1fr) var(--footer-h);background:var(--blanco);backface-visibility:hidden;outline:none;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;display:grid;position:relative;overflow:hidden;transform:translateZ(0)}.screen-header{background:var(--rojo);grid-template-columns:minmax(0,1fr) auto;align-items:stretch;height:100%;display:grid;overflow:hidden}.screen-header__title-wrap{align-items:center;min-width:0;padding:0 clamp(1rem,2.5vw,2rem);display:flex}.screen-header__title{color:var(--blanco);font-size:var(--fs-title);letter-spacing:.04em;white-space:nowrap;margin:0;font-weight:800;line-height:1}.screen-header__clock{height:100%;min-width:var(--logo-w);background:var(--blanco);border-bottom-left-radius:min(var(--radius-card), calc(var(--header-h) * .42));flex-direction:column;justify-content:center;align-items:flex-end;gap:.2rem;padding:.35rem clamp(1rem,2.2vw,1.75rem);display:flex;overflow:hidden}.screen-header__hour{color:var(--rojo);font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;justify-content:flex-end;align-items:baseline;gap:.35em;font-weight:800;line-height:1;display:flex}.screen-header__time{font-size:var(--fs-hour)}.screen-header__ampm{letter-spacing:.04em;text-transform:lowercase;font-size:clamp(.95rem,1.55vw,1.35rem);font-weight:800;line-height:1}.screen-header__date{max-width:100%;color:var(--rojo);font-size:var(--fs-date);text-transform:capitalize;white-space:nowrap;font-weight:600;line-height:1.15;display:block}.pantalla__error{inset-inline:0;top:var(--header-h);z-index:5;background:var(--rojo);color:var(--blanco);padding:.4rem 1rem;font-weight:600;position:absolute}.pantalla__main{gap:var(--pad);padding:var(--pad);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.info-panel{min-height:0;display:flex;position:relative;overflow:hidden}.info-panel__frame{background:#f3f3f3;border-radius:.4rem;flex:1;min-height:0;overflow:hidden}.info-panel__frame img{object-fit:cover;width:100%;height:100%;display:block}.info-panel__dots{z-index:2;gap:.4rem;display:flex;position:absolute;bottom:.65rem;left:50%;transform:translate(-50%)}.info-panel__dot{background:#ffffff80;border-radius:999px;width:.5rem;height:.5rem}.info-panel__dot--active{background:var(--blanco);width:1.25rem}.turns-board{flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.turns-board__viewport{flex:1;min-height:0;position:relative;overflow:hidden}.turns-board__head{flex-shrink:0;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(.75rem,2vw,1.5rem);padding:0 clamp(.75rem,1.8vw,1.35rem) clamp(.45rem,1.1vh,.85rem);display:grid}.turns-board__head-servicio,.turns-board__head-turno{color:var(--rojo);letter-spacing:.06em;text-transform:uppercase;font-weight:800;line-height:1}.turns-board__head-servicio{font-size:clamp(1.15rem,2.4vw,2rem)}.turns-board__head-turno{text-align:right;min-width:clamp(4.5rem,10vw,7.5rem);font-size:clamp(1.15rem,2.4vw,2rem)}.turns-board__empty{text-align:center;color:var(--rojo);margin:auto;font-size:clamp(1.2rem,2.2vw,1.9rem);font-weight:700}.turns-board__list{will-change:transform, opacity;flex-direction:column;justify-content:flex-start;gap:clamp(.4rem,1.2vh,.85rem);height:100%;min-height:0;list-style:none;display:flex;overflow:hidden}.turns-board__list--in{animation:.55s cubic-bezier(.22,1,.36,1) both turns-page-in}.turns-board__list--out{animation:.45s cubic-bezier(.4,0,.2,1) both turns-page-out}@keyframes turns-page-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-1.25rem)}}@keyframes turns-page-in{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.turns-board__dots{flex-shrink:0;justify-content:center;align-items:center;gap:.45rem;padding:clamp(.35rem,1vh,.65rem) 0 0;display:flex}.turns-board__dot{background:#a0001c47;border-radius:999px;width:.45rem;height:.45rem;transition:width .25s,background .25s}.turns-board__dot--active{background:var(--rojo);width:1.15rem}.turns-board__row{background:#fff5f6;border-radius:.35rem;flex:0 0 clamp(4.25rem,12vh,7rem);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(.75rem,2vw,1.5rem);min-height:0;padding:clamp(.45rem,1.4vh,1rem) clamp(.75rem,1.8vw,1.35rem);display:grid;overflow:hidden}.turns-board__row--calling{background:var(--rojo);box-shadow:none;animation:1.6s ease-in-out infinite pulse-call}.turns-board__row--calling .turns-board__servicio,.turns-board__row--calling .turns-board__servicio-text,.turns-board__row--calling .turns-board__modulo,.turns-board__row--calling .turns-board__estado,.turns-board__row--calling .turns-board__num{color:var(--blanco)}.turns-board__info{flex-direction:column;justify-content:center;gap:.15rem;min-width:0;display:flex;overflow:hidden}.turns-board__servicio{font-size:var(--fs-servicio);color:var(--rojo);white-space:nowrap;width:100%;min-width:0;margin:0;font-weight:500;line-height:1.1;display:flex;overflow:hidden}.turns-board__modulo{color:var(--rojo);letter-spacing:.02em;opacity:.92;font-size:clamp(.95rem,1.7vw,1.35rem);font-weight:700;line-height:1.15}.turns-board__row--calling .turns-board__modulo{color:var(--blanco);opacity:.95}.turns-board__servicio-text{flex-shrink:0}.turns-board__servicio--marquee{gap:3rem;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 1.2rem calc(100% - 1.2rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 1.2rem calc(100% - 1.2rem),#0000 100%)}.turns-board__servicio--marquee .turns-board__servicio-text{animation:12s linear infinite servicio-marquee}@keyframes servicio-marquee{0%{transform:translate(0)}to{transform:translate(calc(-100% - 3rem))}}.turns-board__estado{letter-spacing:.06em;text-transform:uppercase;color:var(--blanco);font-size:clamp(.8rem,1.3vw,1.1rem);font-weight:700}.turns-board__turno{flex-shrink:0;justify-content:flex-end;align-items:center;min-width:clamp(4.5rem,10vw,7.5rem);display:flex}.turns-board__num{font-size:var(--fs-turno-num);font-variant-numeric:tabular-nums;color:var(--rojo);font-weight:900;line-height:.95}.screen-footer{grid-template-columns:var(--logo-w) minmax(0, 1fr);background:var(--rojo);align-self:stretch;align-items:stretch;height:100%;min-height:100%;margin:0;padding:0;display:grid;overflow:hidden}.screen-footer__logo{background:var(--blanco);border-top-right-radius:min(var(--radius-card), calc(var(--footer-h) * .42));justify-content:center;align-self:stretch;align-items:center;width:100%;height:100%;min-height:100%;margin:0;padding:.3rem clamp(.55rem,1.6vw,.9rem);display:flex;overflow:hidden}.screen-footer__logo img{object-fit:contain;width:100%;height:100%;display:block}.screen-footer__ticker{min-width:0;height:100%;color:var(--blanco);background:var(--rojo);align-items:center;display:flex;overflow:hidden}.screen-footer__track{white-space:nowrap;width:max-content;font-size:var(--fs-ticker);letter-spacing:.03em;align-items:center;gap:4rem;font-weight:800;animation:20s linear infinite ticker;display:flex}.screen-footer__track span{flex-shrink:0}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@keyframes pulse-call{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}@media (aspect-ratio<=1){.pantalla{--header-h:clamp(3.6rem, 8vh, 4.5rem);--footer-h:clamp(3.4rem, 7.5vh, 4.25rem);--logo-w:clamp(8rem, 32vw, 12rem);--fs-title:clamp(1.5rem, 5.5vw, 2.3rem);--fs-hour:clamp(1.5rem, 5.5vw, 2.3rem);--fs-date:clamp(.72rem, 2.4vw, 1rem);--fs-copy:clamp(.7rem, 2.6vw, .95rem);--fs-ticker:clamp(.85rem, 3.2vw, 1.2rem)}.pantalla__main{grid-template-rows:minmax(0,.85fr) minmax(0,1.15fr);grid-template-columns:1fr}.screen-header__clock{min-width:clamp(9.5rem,40vw,14rem)}}.turn-announce{z-index:40;background:var(--rojo);color:var(--blanco);justify-content:center;align-items:center;animation:.4s ease-out announce-in;display:flex;position:absolute;inset:0}.turn-announce__content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.45rem,1.4vh,1rem);max-width:100%;padding:clamp(1.5rem,5vw,4rem);display:flex}.turn-announce__eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--blanco);opacity:.9;margin:0 0 clamp(.4rem,1.2vh,.9rem);font-size:clamp(1rem,2.2vw,1.65rem);font-weight:700}.turn-announce__label{letter-spacing:.24em;text-transform:uppercase;color:var(--blanco);opacity:.75;margin:0;font-size:clamp(1rem,2vw,1.5rem);font-weight:500}.turn-announce__num{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--blanco);margin:0;font-size:clamp(5.5rem,16vw,12rem);font-weight:800;line-height:.9}.turn-announce__rule{background:var(--blanco);opacity:.35;width:clamp(3rem,8vw,5.5rem);height:1px;margin-block:clamp(.2rem,.7vh,.5rem)}.turn-announce__servicio{letter-spacing:.03em;max-width:min(90%,30rem);color:var(--blanco);margin:0;font-size:clamp(1.4rem,3.4vw,2.6rem);font-weight:700;line-height:1.2}.turn-announce__modulo{letter-spacing:.04em;color:var(--blanco);opacity:.95;margin:clamp(.35rem,1vh,.75rem) 0 0;font-size:clamp(1.15rem,2.6vw,2rem);font-weight:700}@keyframes announce-in{0%{opacity:0}to{opacity:1}}html,body,#root{height:100%;min-height:100%;margin:0}
