/* Escena «Asistente IA de WhatsApp»: raíz .sc-asis; estados data-s 0–5 (chat del paciente + panel de ajustes). */

/* Cabecera */
.sc-asis .as-top{display:flex;justify-content:space-between;align-items:center;height:52px;padding:0 18px;border-bottom:1px solid #e6ebf2}
.sc-asis .as-top>b{font-size:15px;font-weight:900}
.sc-asis .as-on{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#1d2b4f}
.sc-asis .as-on i{width:8px;height:8px;border-radius:50%!important;background:#25a55f;animation:asis-pulse 2s ease-out infinite}

/* Cuerpo */
.sc-asis .as-body{display:grid;grid-template-columns:58% 42%;grid-template-rows:100%;height:328px}
.sc-asis .as-wa{display:grid;grid-template-rows:52px 1fr;min-width:0;min-height:0;border-right:1px solid #e6ebf2;background:#f3f5f9}
.sc-asis .as-wh{display:flex;align-items:center;gap:10px;padding:0 14px;background:#101b31;color:#fff;min-width:0}
.sc-asis .as-av{flex:none;width:32px;height:32px;border-radius:50%!important;background:#c93a27;color:#fff;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:900}
.sc-asis .as-wh>span{flex:1;min-width:0}
.sc-asis .as-wh b{display:block;font-size:13px;font-weight:900;line-height:1.3}
.sc-asis .as-wh small{display:block;font-size:10.5px;font-weight:700;color:#aab6cc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-asis .as-wl{flex:none;font-style:normal;font-size:10px;font-weight:850;color:#7fe0a6;border:1px solid rgba(127,224,166,.45);padding:2px 6px}

/* Chat: un bloque por estado */
.sc-asis .as-chat{position:relative;min-height:0;overflow:hidden}
.sc-asis .as-cv{position:absolute;inset:0;display:none;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px}
.sc-asis[data-s="0"] .as-cv0,.sc-asis[data-s="1"] .as-cv1,.sc-asis[data-s="2"] .as-cv2,.sc-asis[data-s="3"] .as-cv3,.sc-asis[data-s="4"] .as-cv4,.sc-asis[data-s="5"] .as-cv5{display:flex}
.sc-asis .as-day{align-self:center;font-size:10.5px;font-weight:800;color:#526174;background:#e3e8f0;padding:3px 8px}
.sc-asis .as-cv4 .as-day{background:#1d2b4f;color:#fff}
.sc-asis .as-m{position:relative;max-width:88%;padding:8px 10px 6px;font-size:12px;line-height:1.45;font-weight:600;color:#25324a;animation:asis-in .4s ease var(--d,0s) both}
.sc-asis .as-m b{font-weight:900}
.sc-asis .as-m small{display:block;text-align:right;font-size:10px;font-weight:700;opacity:.7;margin-top:2px}
.sc-asis .as-p{align-self:flex-end;background:#1d2b4f;color:#fff}
.sc-asis .as-p small i{font-style:normal;letter-spacing:-2px;color:#7fe0a6}
.sc-asis .as-a,.sc-asis .as-t{background:#fff;border:1px solid #dbe3ef;border-left:3px solid #c93a27}
.sc-asis .as-t{border-left-color:#1d2b4f}
.sc-asis .as-n{display:block;font-size:10px;font-weight:900;color:#c93a27;margin-bottom:2px}
.sc-asis .as-t .as-n{color:#1d2b4f}
.sc-asis .as-n i{font-style:normal;font-size:9px;font-weight:850;color:#fff;background:#c93a27;padding:1px 4px;margin-left:3px;vertical-align:1px}
.sc-asis .as-tx{display:block;animation:asis-fade .3s ease calc(var(--d,0s) + .8s) both}
.sc-asis .as-dots{position:absolute;left:12px;top:12px;display:flex;gap:4px;animation:asis-out .2s ease calc(var(--d,0s) + .75s) both}
.sc-asis .as-dots i{width:6px;height:6px;border-radius:50%!important;background:#8b95a5;animation:asis-dot .9s ease-in-out infinite}
.sc-asis .as-dots i:nth-child(2){animation-delay:.15s}
.sc-asis .as-dots i:nth-child(3){animation-delay:.3s}

/* Enlace de reserva (estado 2) */
.sc-asis .as-lk{display:flex;align-items:center;gap:8px;margin-top:7px;padding:6px 9px;background:#f3f5f9;border:1px solid #dbe3ef;color:#101b31;font-weight:850;animation:asis-lk 1.2s ease 1.9s both}
.sc-asis .as-lk>i,.sc-asis .as-url>i{flex:none;width:22px;height:22px;display:grid;place-items:center;background:#c93a27;color:#fff;font-style:normal;font-size:12px;font-weight:900}
.sc-asis .as-lk>span{min-width:0;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-asis .as-m .as-lk small{text-align:left;margin:0;font-size:9.5px;opacity:1;color:#8b95a5}

/* Espera (estado 3) */
.sc-asis .as-wt{position:relative;align-self:center;display:grid;width:92%;padding:7px 10px 9px;background:#fff;border:1px dashed #8b95a5;font-size:11px;line-height:1.35;font-weight:800;color:#526174;text-align:center;animation:asis-in .35s ease .6s both}
.sc-asis .as-wt>span{grid-area:1/1}
.sc-asis .as-wt1{animation:asis-out .25s ease 2.2s both}
.sc-asis .as-wt2{color:#c93a27;animation:asis-fade .25s ease 2.3s both}
.sc-asis .as-wt>i{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#c93a27;transform-origin:left;transform:scaleX(0);animation:asis-wait 1.6s linear .6s both,asis-out .25s ease 2.2s both}

/* Panel de ajustes */
.sc-asis .as-side{position:relative;min-width:0;min-height:0;overflow:hidden;background:#fff}
.sc-asis .as-cd{position:absolute;inset:16px 16px auto;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateX(24px);transition:opacity .3s,transform .3s,visibility 0s .3s}
.sc-asis[data-s="0"] .as-cd0,.sc-asis[data-s="1"] .as-cd1,.sc-asis[data-s="2"] .as-cd2,.sc-asis[data-s="3"] .as-cd3,.sc-asis[data-s="4"] .as-cd4,.sc-asis[data-s="5"] .as-cd5{opacity:1;visibility:visible;transform:none;transition:opacity .35s ease .1s,transform .35s ease .1s,visibility 0s}
.sc-asis .as-cd>b{display:block;font-size:13px;font-weight:950;padding-bottom:8px;margin-bottom:8px;border-bottom:2px solid #c93a27}
.sc-asis .as-lb{display:block;font-size:10px;line-height:1.35;color:#8b95a5;font-weight:750;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}
.sc-asis .as-kv{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:8px 6px;border-bottom:1px solid #eef2f7;font-size:12px;font-weight:850;color:#101b31}
.sc-asis .as-kv small{font-size:10.5px;font-weight:700;color:#8b95a5}
.sc-asis .as-hl{animation:asis-hl .5s ease 1.4s both}
.sc-asis .as-hl2{animation-delay:1.7s}
.sc-asis .as-qa{display:block;padding:7px 6px;border-bottom:1px solid #eef2f7;font-size:11.5px;line-height:1.35;font-weight:750;color:#25324a}
.sc-asis .as-qa small{display:block;font-size:11px;font-weight:900;color:#101b31;margin-bottom:1px}
.sc-asis .as-qa em{display:block;margin-top:4px;font-style:normal;font-size:10px;font-weight:850;color:#c93a27;animation:asis-fade .3s ease 1.6s both}
.sc-asis .as-url{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #101b31;font-size:12px;font-weight:850;color:#101b31;animation:asis-hl .5s ease 1.9s both}
.sc-asis .as-nt{display:block;margin-top:10px;padding:8px 10px;background:#f3f5f9;font-size:11px;line-height:1.4;font-weight:700;color:#526174}
.sc-asis .as-ch{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;background:#eef2f7;padding:3px}
.sc-asis .as-ch span{text-align:center;font-size:11px;font-weight:850;padding:6px 2px;color:#596579;white-space:nowrap}
.sc-asis .as-ch .is-on{background:#101b31;color:#fff}
.sc-asis .as-st{position:relative;display:grid;margin-top:12px;padding:8px 10px 11px;border:1px solid #dbe3ef;font-size:11px;font-weight:850;color:#526174}
.sc-asis .as-st small{grid-area:1/1;font-size:11px;line-height:1.35}
.sc-asis .as-st1{animation:asis-out .25s ease 2.2s both}
.sc-asis .as-st2{color:#1f8f4e;animation:asis-fade .25s ease 2.3s both}
.sc-asis .as-st>i{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#c93a27;transform-origin:left;transform:scaleX(0);animation:asis-wait 1.6s linear .6s both,asis-out .25s ease 2.2s both}
.sc-asis .as-ops{display:flex;flex-direction:column;gap:6px}
.sc-asis .as-op{display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid #dbe3ef;font-size:11.5px;font-weight:800;color:#526174}
.sc-asis .as-op i{flex:none;width:12px;height:12px;border-radius:50%!important;border:2px solid #c3ccd8;background:#fff}
.sc-asis .as-op3{animation:asis-op .35s ease .7s both}
.sc-asis .as-op3 i{animation:asis-rd .35s ease .7s both}
.sc-asis .as-now{display:block;margin-top:10px;font-size:11px;font-weight:850;color:#1f8f4e;animation:asis-fade .3s ease 1.2s both}
.sc-asis .as-lg{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.sc-asis .as-lg span{padding:5px 9px;border:1px solid #dbe3ef;font-size:11px;font-weight:850;color:#596579}
.sc-asis .as-lg .as-en{animation:asis-op .35s ease .5s both}

/* Animaciones */
@keyframes asis-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes asis-fade{from{opacity:0}to{opacity:1}}
@keyframes asis-out{from{opacity:1}to{opacity:0}}
@keyframes asis-dot{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-3px);opacity:1}}
@keyframes asis-pulse{0%{box-shadow:0 0 0 0 rgba(37,165,95,.5)}100%{box-shadow:0 0 0 7px rgba(37,165,95,0)}}
@keyframes asis-hl{from{background:transparent;box-shadow:none}to{background:#fff6f4;box-shadow:inset 3px 0 #c93a27}}
@keyframes asis-lk{0%{box-shadow:0 0 0 0 rgba(201,58,39,.45)}100%{box-shadow:0 0 0 8px rgba(201,58,39,0)}}
@keyframes asis-wait{from{transform:scaleX(0)}to{transform:scaleX(.33)}}
@keyframes asis-op{from{background:#fff;border-color:#dbe3ef;color:#596579}to{background:#101b31;border-color:#101b31;color:#fff}}
@keyframes asis-rd{from{border-color:#c3ccd8;background:#fff}to{border-color:#fff;background:#c93a27}}

@media(max-width:700px){
.sc-asis .as-top{display:none}
.sc-asis .as-body{grid-template-columns:100%;grid-template-rows:1fr 96px;height:330px}
.sc-asis .as-wa{grid-template-rows:44px 1fr;border-right:0;border-bottom:1px solid #e6ebf2}
.sc-asis .as-wh{padding:0 10px;gap:8px}
.sc-asis .as-av{width:28px;height:28px;font-size:10px}
.sc-asis .as-wh b{font-size:12px}.sc-asis .as-wh small{font-size:10px}
.sc-asis .as-cv{padding:8px 10px;gap:6px}
.sc-asis .as-day{display:none}
.sc-asis .as-cv4 .as-day{display:block;font-size:9.5px;padding:2px 7px}
.sc-asis .as-m .as-lk small{display:none}
.sc-asis .as-m{max-width:92%;font-size:11px;line-height:1.4;padding:6px 8px 4px}
.sc-asis .as-m small{font-size:9px;margin-top:1px}
.sc-asis .as-n{font-size:9.5px;margin-bottom:1px}
.sc-asis .as-dots{top:9px;left:10px}
.sc-asis .as-lk{margin-top:5px;padding:4px 7px}
.sc-asis .as-lk>i{width:18px;height:18px;font-size:10px}
.sc-asis .as-lk>span{font-size:10.5px}
.sc-asis .as-wt{width:96%;font-size:10px;padding:5px 8px 7px}
.sc-asis .as-side{background:#fafbfd}
.sc-asis .as-cd{inset:9px 10px auto}
.sc-asis .as-x{display:none!important}
.sc-asis .as-cd>b{font-size:11.5px;padding-bottom:5px;margin-bottom:5px}
.sc-asis .as-lb{font-size:9px;margin-bottom:5px}
.sc-asis .as-kv{padding:5px 6px;font-size:11px}.sc-asis .as-kv small{font-size:10px}
.sc-asis .as-cd0 .as-hl2{display:none}
.sc-asis .as-qa{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;padding:4px 6px;font-size:10.5px;border:0}
.sc-asis .as-qa small{font-size:10.5px;margin:0}
.sc-asis .as-qa em{display:none}
.sc-asis .as-url{padding:5px 7px;font-size:11px}
.sc-asis .as-url>i{width:18px;height:18px;font-size:10px}
.sc-asis .as-ch span{font-size:10px;padding:4px 1px}
.sc-asis .as-cd3 .as-lb{margin-bottom:5px}
.sc-asis .as-st{display:none}
.sc-asis .as-ops{flex-direction:row;flex-wrap:wrap;gap:4px}
.sc-asis .as-op{padding:4px 7px;gap:5px;font-size:10px}
.sc-asis .as-op i{width:9px;height:9px;border-width:2px}
.sc-asis .as-lg{margin-top:2px;gap:4px}
.sc-asis .as-lg span{padding:3px 8px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.sc-asis *{animation:none!important;transition:none!important}.sc-asis .as-dots,.sc-asis .as-wt1,.sc-asis .as-st1,.sc-asis .as-wt>i{display:none}.sc-asis .as-op3,.sc-asis .as-lg .as-en{background:#101b31;color:#fff}.sc-asis .as-hl,.sc-asis .as-url{background:#fff6f4}}