.visit-qr{margin-top:14px;border:1px solid #e3e8eb;background:#fff;border-radius:18px;padding:18px}
.visit-qr-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.visit-qr h3{font-size:15px;line-height:1.35;margin:0;color:#30383d}
.visit-qr-message{font-size:11px;line-height:1.5;color:#7c858d;margin:10px 0 0}
/* Tótem vertical: el QR va en una franja (código a la izquierda, texto al lado)
   para que el panel pueda mostrar dos productos y siga entrando entero. */
@media (max-aspect-ratio:2/3){
  body.av-answer .visit-qr{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;align-items:center;padding:14px 18px}
  body.av-answer .visit-qr-code{grid-row:1 / span 2;margin:0;min-height:0}
  body.av-answer .visit-qr-code .qr-img{width:118px;height:118px;border-width:6px;border-radius:12px}
  body.av-answer .visit-qr-message{margin:6px 0 0}
}
/* El QR del traspaso se dibuja solo: en el tótem ocupa el ancho de la tarjeta y
   se escanea desde el teléfono del cliente. */
.visit-qr-code{display:flex;align-items:center;justify-content:center;min-height:170px;margin:14px 0 0}
.visit-qr-code .qr-img{width:170px;height:170px;margin:0;border:8px solid #fff;border-radius:14px;box-shadow:0 6px 22px rgba(0,0,0,.14)}
.visit-qr-code .qr-wait{font-size:12px;color:#7c858d}
.visit-qr-code .qr-error{font-size:12px;line-height:1.5;color:#8a5a5f;margin:0;text-align:center}
.visit-qr-code .qr-retry{margin-top:6px;min-height:40px;padding:8px 14px;border-radius:11px;border:1px solid #e4bec2;background:#fff7f7;font-size:12px;font-weight:650;color:#aa1822}
.visit-qr-card{animation:sweet-in .3s var(--ease)}
.visit-goodbye{max-width:520px;text-align:center;margin:10vh auto;padding:36px 24px}.visit-goodbye img{width:76px;display:block;margin:0 auto 30px}.visit-goodbye>span{font-size:10px;letter-spacing:2px;color:#ad555d}.visit-goodbye h1{font-size:36px;line-height:1.15;letter-spacing:-1px;margin:18px 0;color:#292e32}.visit-goodbye p{font-size:16px;line-height:1.65;color:#6c7880}.visit-goodbye small{display:block;border-top:1px solid #e3e7ea;margin-top:28px;padding-top:20px;font-size:12px;line-height:1.6;color:#8a9298}
body.visit-ended main{height:calc(100% - 104px);overflow:auto;background:#f6f7f8}body.visit-ended .av-fab,body.visit-ended .kb,body.visit-ended .avatar{display:none!important}
@media(max-width:760px){.visit-qr{padding:14px}.visit-qr h3{font-size:13px}.visit-qr-top{gap:10px;align-items:flex-start}body.visit-ended main{height:calc(100% - 112px)}.visit-goodbye{margin:5vh auto}.visit-goodbye h1{font-size:30px}}
@media(max-width:520px){.visit-qr-card{padding:26px 18px}.visit-qr-card .qr-img{width:min(330px,70vw);height:auto;aspect-ratio:1}}

.visit-goodbye button{margin-top:24px;padding:12px 24px;border:1px solid #dce2e6;border-radius:12px;background:#fff;font-size:14px;color:#5d6b75;min-height:44px}

/* ---------------------------------------------------------------------------
   Página del teléfono que se abre después de escanear el QR.
   Es una conversación móvil: resultado compacto y compositor fijo abajo.
   --------------------------------------------------------------------------- */
body.mobile-visit .topbar .btn-voz,
body.mobile-visit .list-fab,
body.mobile-visit .av-fab,
body.mobile-visit .visit-qr,
body.mobile-visit .kiosk-check{display:none!important}
body.mobile-visit .topbar .brand-eyebrow{display:none}
body.mobile-visit .topbar .claim{font-size:0}
body.mobile-visit .topbar .claim::after{content:'Tu asesor en Easy';font-size:15px;letter-spacing:-.25px}
body.mobile-visit:has(.store-answer) .view-switch{display:none!important}
body.mobile-visit:has(.store-answer) .topbar{height:72px;min-height:72px;flex-wrap:nowrap}
body.mobile-visit:has(.store-answer) main{height:calc(100% - 72px)}
body.mobile-visit.av-answer .stage3d,
body.mobile-visit.av-guide .stage3d{display:none!important}

body.mobile-visit #view,
body.mobile-visit #view:has(.store-answer){
  position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;
  display:block;width:auto;max-width:none;margin:0;padding:16px 16px 168px;
  overflow:visible;z-index:3;
}
body.mobile-visit .answer-card{
  border:0;border-radius:24px;padding:20px;background:#fff;
  box-shadow:0 14px 36px #1f2b3314;
}
body.mobile-visit .answer-heading{margin-bottom:16px;color:#7b8790}
body.mobile-visit .answer-heading h2{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:750}
body.mobile-visit .answer-heading>.ic{width:15px;height:15px}
body.mobile-visit .answer-product{gap:12px}
body.mobile-visit .answer-product+.answer-product{margin-top:12px;padding-top:12px}
body.mobile-visit .answer-product-copy h3{font-size:15px;line-height:1.28;margin-bottom:3px}
body.mobile-visit .answer-product-copy p{font-size:11px}
body.mobile-visit .answer-empty{font-size:13px;line-height:1.55;color:#78848c}

body.mobile-visit .answer-controls{
  position:fixed;left:0;right:0;bottom:0;z-index:30;
  margin:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  background:#fff;border:0;border-top:1px solid #e6ebee;border-radius:0;
  box-shadow:0 -12px 34px #1f2b3316;
}
body.mobile-visit .answer-controls .conversation-actions{flex:0 0 auto;gap:0}
body.mobile-visit .answer-controls .av-mic{
  width:50px;height:50px;min-height:50px;flex:none;padding:0;border-radius:50%;
  font-size:0;gap:0;box-shadow:0 6px 16px #af12121f;
}
body.mobile-visit .answer-controls .av-mic .ic{display:block;width:24px;height:24px}
body.mobile-visit .answer-controls #avMicLabel{display:none}
body.mobile-visit .answer-controls .conversation-write{display:none}
body.mobile-visit .answer-controls .av-ask{
  display:flex!important;flex:1 1 0;min-width:0;margin:0;padding:4px 6px 4px 14px;
  border:1px solid #e4e9ec;border-radius:16px;background:#f4f6f7;box-shadow:none;max-width:none;
}
body.mobile-visit .answer-controls .av-ask input{
  min-height:42px;min-width:0;padding:0;border:0;outline:none;background:transparent;font-size:16px;
}
body.mobile-visit .answer-controls .answer-send{
  width:40px;height:40px;min-height:40px;flex:none;padding:0;justify-content:center;
  border-radius:50%;background:var(--brand);color:#fff;font-size:0;
}
body.mobile-visit .answer-controls .answer-send .ic{width:17px;height:17px}
body.mobile-visit .answer-controls .answer-next{
  flex:0 0 100%;margin:2px 0 0;text-align:center;font-size:10px;line-height:1.4;color:#8a949b;
}