/* ==========================================================================
   SALA DE ESPERA v1 · Dr. José · 15-oct-2026
   SOLO TABLETA (≥600px de ancho y ≥561px de alto, en el modo app):
   - Se ocultan el bloque de
     navegación del héroe (Agenda tu cita + 5 tarjetas) y la barra
     Llamar/WhatsApp; en su lugar va la tarjeta "Llévame en tu celular"
     con dos QR: Mi sitio y Déjame una reseña (js/kiosk.js).
   - El héroe se mueve suave, digno de sala de espera: anillos que giran
     despacio detrás del doctor, halo que respira, dos dientes de cristal
     flotando a los lados, destellos, y el diente grande flota más visible.
   Celular y escritorio NO cambian. "Reducir movimiento" apaga todo
   (regla global de css/hero.css).
   ========================================================================== */
.jose-kiosk,.jose-kfx{display:none}

@media (min-width:600px) and (max-width:1024px) and (min-height:561px),
       (min-width:600px) and (max-aspect-ratio:10/11) and (min-height:561px){
  :root{--mbar-h:0px}
  .jose-dock,.jose-mbar{display:none!important}
  .jose-toast{bottom:calc(24px + env(safe-area-inset-bottom,0px))}

  /* ── fondo animado del héroe ── */
  .jose-kfx{display:block;position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
  .jose-kfx__glow{position:absolute;left:50%;top:calc(var(--sub-top) + 34%);width:min(78cqw,620px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;
    background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,.55) 45%,rgba(255,255,255,0) 100%);animation:kfx-breathe 7s ease-in-out infinite}
  .jose-kfx__ring{position:absolute;left:50%;top:calc(var(--sub-top) + 34%);aspect-ratio:1;translate:-50% -50%;border-radius:50%}
  .jose-kfx__ring--1{width:min(96cqw,760px);border:1.5px solid rgba(31,95,224,.14)}
  .jose-kfx__ring--2{width:min(74cqw,590px);border:1.5px dashed rgba(31,95,224,.3);animation:kfx-spin 70s linear infinite}
  .jose-kfx__ring--3{width:min(54cqw,430px);border:1.5px solid rgba(31,95,224,.2);animation:kfx-pulse 6s ease-in-out infinite}
  .jose-kfx__ring--2::before,.jose-kfx__ring--2::after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;
    background:linear-gradient(160deg,var(--blue-a),var(--blue-b));box-shadow:0 0 0 5px rgba(77,139,255,.18),0 0 18px rgba(77,139,255,.6)}
  .jose-kfx__ring--2::before{left:50%;top:-6px;translate:-50% 0}
  .jose-kfx__ring--2::after{left:calc(14.6% - 6px);bottom:calc(14.6% - 6px);width:8px;height:8px}
  .jose-kfx__tooth{position:absolute;fill:#fff;filter:drop-shadow(0 18px 24px rgba(46,96,200,.25)) drop-shadow(0 0 16px rgba(255,255,255,.9))}
  .jose-kfx__tooth--a{left:6%;top:calc(var(--sub-top) + 16%);width:clamp(54px,9cqw,92px);rotate:16deg;animation:kfx-float-a 6.5s ease-in-out infinite}
  .jose-kfx__tooth--b{left:15%;top:calc(var(--sub-top) + 52%);width:clamp(34px,5.5cqw,58px);rotate:-10deg;opacity:.85;animation:kfx-float-b 8s ease-in-out 1.2s infinite}
  .jose-kfx__spark{position:absolute;filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 10px rgba(120,170,255,.9));animation:twinkle 2.8s ease-in-out infinite}
  .jose-kfx__spark--1{left:26%;top:calc(var(--sub-top) + 6%);width:22px}
  .jose-kfx__spark--2{right:24%;top:calc(var(--sub-top) + 58%);width:16px;animation-delay:.9s}
  .jose-kfx__spark--3{left:9%;top:calc(var(--sub-top) + 38%);width:13px;animation-delay:1.7s}
  /* el diente grande flota más visible */
  .jose-tooth__svg{animation:kfx-tooth 5.5s ease-in-out 1.6s infinite}

  /* ── tarjeta "Llévame en tu celular" ── */
  .jose-kiosk{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;position:relative;z-index:5;isolation:isolate;overflow:hidden;
    width:calc(100% - var(--pad) * 2);max-width:760px;margin:-26px auto var(--pad);padding:26px 26px 26px 30px;border-radius:30px;color:#fff;text-align:left;
    background:radial-gradient(70% 90% at 100% 0%,#2457c9 0%,rgba(36,87,201,0) 70%),#0f1f3d;
    box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 30px 50px -28px rgba(15,31,61,.9);animation:rise .7s var(--ease) .6s backwards}
  .jose-kiosk::before{content:"";position:absolute;z-index:-1;left:-34px;bottom:-56px;width:150px;height:170px;opacity:.1;rotate:-14deg;background:#fff;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 240'%3E%3Cpath d='M40 30C60 5 85 18 100 28c15-10 40-23 60 2 22 28 18 70 5 95-9 20-7 50-15 80-5 20-22 23-26 0-4-25-8-50-24-53-16 3-20 28-24 53-4 23-21 20-26 0-8-30-6-60-15-80C22 100 18 58 40 30Z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 240'%3E%3Cpath d='M40 30C60 5 85 18 100 28c15-10 40-23 60 2 22 28 18 70 5 95-9 20-7 50-15 80-5 20-22 23-26 0-4-25-8-50-24-53-16 3-20 28-24 53-4 23-21 20-26 0-8-30-6-60-15-80C22 100 18 58 40 30Z'/%3E%3C/svg%3E") center/contain no-repeat}
  .jose-kiosk__who{display:flex;align-items:center;gap:12px}
  .jose-kiosk__av{width:52px;height:52px;flex:none;border-radius:50%;overflow:hidden;background:#dfeafe;box-shadow:0 0 0 3px var(--blue-a)}
  .jose-kiosk__av img{width:100%;height:100%;object-fit:cover;object-position:50% 14%}
  .jose-kiosk__who div{display:grid;line-height:1.25}
  .jose-kiosk__who b{font-size:17px;font-weight:700;letter-spacing:-.01em}
  .jose-kiosk__who span{font-size:13px;color:#a9c3f5}
  .jose-kiosk__t{margin-top:18px;font-size:clamp(24px,3.6vw,30px);font-weight:700;line-height:1.1;letter-spacing:-.035em}
  .jose-kiosk__s{margin-top:6px;min-height:2.9em;font-size:14.5px;line-height:1.45;color:rgba(255,255,255,.82)}
  .jose-kiosk__tabs{display:inline-flex;gap:4px;margin-top:14px;padding:4px;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
  .jose-kiosk__tabs button{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 16px;border:0;border-radius:999px;background:none;font-size:14.5px;font-weight:600;color:rgba(255,255,255,.8);cursor:pointer;transition:background-color .25s,color .25s}
  .jose-kiosk__tabs .jose-ic{width:17px;height:17px}
  .jose-kiosk__tabs button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 8px 16px -10px rgba(0,0,0,.5)}
  .jose-kiosk__tabs button[aria-selected="true"] .jose-ic{color:var(--blue-b)}
  .jose-kiosk__tabs button:focus-visible{outline:2px solid #fff;outline-offset:2px}
  .jose-kiosk [data-kiosk="review"]{min-width:15.5em;justify-content:center}
  .jose-kiosk__steps{display:flex;flex-wrap:wrap;gap:8px 14px;margin:16px 0 0;padding:0;list-style:none;font-size:13px;color:rgba(255,255,255,.75)}
  .jose-kiosk__steps li{display:flex;align-items:center;gap:7px}
  .jose-kiosk__steps b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:600;background:rgba(255,255,255,.12);color:#fff}
  .jose-kiosk__qr{display:grid;justify-items:center;gap:12px}
  .jose-kiosk__frame{position:relative;padding:12px;border-radius:24px;background:#fff;box-shadow:0 22px 40px -22px rgba(0,0,0,.7)}
  .jose-kiosk__code{width:clamp(170px,26vw,212px);aspect-ratio:1;display:grid;place-items:center}
  .jose-kiosk__code img,.jose-kiosk__code canvas{width:100%!important;height:100%!important;image-rendering:pixelated}
  .jose-kiosk__code p{margin:0;padding:10px;font-size:12.5px;line-height:1.35;color:var(--ink-soft);text-align:center}
  .jose-kiosk__code.is-new{animation:kfx-qr .45s var(--ease)}
  .jose-kiosk__scan{position:absolute;left:14px;right:14px;top:14px;height:2px;border-radius:2px;opacity:.85;
    background:linear-gradient(90deg,transparent,var(--blue-a),transparent);box-shadow:0 0 12px var(--blue-a);animation:kfx-scan 3.4s ease-in-out infinite alternate}
  .jose-kiosk__frame i{position:absolute;width:22px;height:22px;border:3px solid #7fb0ff;animation:kfx-corner 2.4s ease-in-out infinite}
  .jose-kiosk__frame i:nth-of-type(1){left:-9px;top:-9px;border-right:0;border-bottom:0;border-top-left-radius:12px}
  .jose-kiosk__frame i:nth-of-type(2){right:-9px;top:-9px;border-left:0;border-bottom:0;border-top-right-radius:12px}
  .jose-kiosk__frame i:nth-of-type(3){left:-9px;bottom:-9px;border-right:0;border-top:0;border-bottom-left-radius:12px}
  .jose-kiosk__frame i:nth-of-type(4){right:-9px;bottom:-9px;border-left:0;border-top:0;border-bottom-right-radius:12px}
  .jose-kiosk__qr small{font-size:13px;font-weight:600;color:rgba(255,255,255,.86)}
}
/* tableta horizontal: tarjeta compacta para que todo quepa en la primera pantalla */
@media (min-width:600px) and (max-width:1024px) and (min-height:561px) and (orientation:landscape){
  .jose-kiosk{padding:18px 20px 18px 24px;gap:22px}
  .jose-kiosk__t{margin-top:10px;font-size:23px}
  .jose-kiosk__s{min-height:0}
  .jose-kiosk__steps{margin-top:10px}
  .jose-kiosk__code{width:150px}
}
@keyframes kfx-spin{to{rotate:360deg}}
@keyframes kfx-pulse{0%,100%{scale:1;opacity:.9}50%{scale:1.05;opacity:.45}}
@keyframes kfx-breathe{0%,100%{scale:1}50%{scale:1.06}}
@keyframes kfx-float-a{0%,100%{translate:0 0;rotate:16deg}50%{translate:0 -18px;rotate:9deg}}
@keyframes kfx-float-b{0%,100%{translate:0 0}50%{translate:6px -14px}}
@keyframes kfx-tooth{0%,100%{translate:0 0;rotate:-18deg}50%{translate:0 -24px;rotate:-10deg}}
@keyframes kfx-scan{to{top:calc(100% - 16px)}}
@keyframes kfx-corner{50%{scale:1.12}}
@keyframes kfx-qr{from{opacity:0;scale:.92}}