/* Abbaster 2.4 · Lista que se escribe, carrito mixto y continuidad móvil */
.v24-example{display:flex;align-items:center;gap:16px;padding:17px 20px;margin-top:18px;border:1px solid #f1d8c4;border-radius:21px;background:linear-gradient(113deg,#fffdf9,#fff2e3 55%,#fff0db);box-shadow:0 11px 34px rgba(147,72,36,.055);}
.v24-example__intro{display:flex;align-items:center;gap:12px;flex:1.3;min-width:0}
.v24-example__intro>div{display:flex;flex-direction:column;gap:4px}
.v24-example__intro strong{font-family:Outfit,sans-serif;font-size:17px;letter-spacing:-.2px;line-height:1.35;color:#4a2e26}
.v24-example__intro small{color:#927e6c;font-size:11px;line-height:1.4}
.v24-example__spark{display:grid;place-items:center;flex-shrink:0;width:50px;height:50px;background:linear-gradient(145deg,#f19a52,#d7553b);color:white;border-radius:15px;box-shadow:0 7px 17px #dc734b3d;font-size:26px}
.v24-type-preview{flex:1;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:4px;border:1px solid #f0d5c4;background:white;min-height:77px;padding:12px 17px;border-radius:13px;text-align:left;min-width:0;color:#5d4137;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.v24-type-preview:hover{border-color:#e79976;box-shadow:0 6px 18px #e7a07922}
.v24-type-label{font-size:10px;color:#be6b47;letter-spacing:1.1px;font-weight:900}
.v24-live-dot{display:inline-block;background:#d56940;width:7px;height:7px;border-radius:50%;vertical-align:middle;margin-left:4px;animation:v24-pulse 1.8s ease-in-out infinite}
.v24-typed-text{white-space:pre-line;font-size:14px;font-weight:700;color:#5b3b30;line-height:1.38;min-height:1.4em}
.v24-cursor{display:inline-block;color:#e27349;font-weight:900;animation:v24-blink 1.1s step-end infinite}
.v24-try-button{border:0;border-radius:14px;color:#fff;background:linear-gradient(125deg,#dc5337,#ee9150);padding:17px 19px;white-space:nowrap;font-size:12px;font-weight:900;box-shadow:0 10px 22px #df835c38;transition:transform .15s}
.v24-try-button:hover{transform:translateY(-2px)}
.v24-mini-type{display:inline-block;min-width:5ch;font-size:13px;font-weight:900;color:#a8422e;vertical-align:baseline}
.v21-mini-promo--ai p{min-height:29px}
.v24-mini-cursor{color:#ba5037;animation:v24-blink 1.1s step-end infinite}
@keyframes v24-blink{50%{opacity:0}}
@keyframes v24-pulse{50%{opacity:.32;transform:scale(.8)}}
.v24-quote-banner{padding:14px 16px;margin:4px 0 12px;border:1px solid #eec5a3;border-radius:14px;background:linear-gradient(115deg,#fff2df,#fffaef);color:#965535}
.v24-quote-banner strong{font-size:13px}
.v24-quote-banner p{font-size:11px;line-height:1.52;margin:6px 0 0;color:#916d5e}
.v24-quote-emoji{width:70px;height:82px;border-radius:12px;background:#fff5e9;display:grid;place-items:center;font-size:31px;grid-area:photo}
.v24-unpriced-line{background:#fffefa;border-bottom:1px solid #f2e0d1!important}
.v24-unpriced-line small{color:#c16d44!important}
.v24-price-status{font-size:11px;color:#a8643e;line-height:1.6;margin:2px 0 11px}
.v24-price-status:empty{display:none}
#v24QuoteBanner[hidden]{display:none!important}
@media(max-width:1100px){.v24-example{gap:10px;padding:14px}.v24-example__intro strong{font-size:14px}.v24-example__intro small{display:none}.v24-example__spark{width:41px;height:41px}.v24-try-button{padding:15px 13px}}
@media(max-width:750px){
 .v24-example{margin-top:13px;display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border-radius:17px}
 .v24-example__intro{grid-column:1 / -1}
 .v24-example__intro strong{font-size:14px}
 .v24-example__intro small{display:block;font-size:10px}
 .v24-example__spark{height:38px;width:38px;border-radius:11px;font-size:22px}
 .v24-type-preview{min-height:74px;flex:none;padding:10px 13px}
 .v24-type-label{font-size:9px}
 .v24-typed-text{font-size:12px}
 .v24-try-button{height:56px;align-self:center;padding:12px 10px;font-size:10px;white-space:normal;max-width:115px}
 #assistantModal .v23-candidate button{min-width:89px;line-height:1.25;white-space:normal}
 #assistantModal .v23-candidate button.is-selected{background:#bd5d3b}
 #assistantModal .v23-assistant-summary{position:sticky;top:0;z-index:2;box-shadow:0 7px 20px #f4d1b641}
 #assistantModal .v23-assistant-summary button{font-size:11px}
 .drawer#cartDrawer .v24-quote-emoji{width:70px}
}
@media(prefers-reduced-motion:reduce){.v24-live-dot,.v24-cursor,.v24-mini-cursor{animation:none}.v24-try-button,.v24-type-preview{transition:none}}

/* Modal compacto: edición arriba y candidatos desplazables abajo, sin perder el encabezado */
#assistantModal .upload-label{display:inline-flex;align-items:center;background:#fff5eb;padding:9px 12px;border:1px solid #efddcf;border-radius:9px;color:#93796c;font-size:11px}
#assistantModal .upload-label input[disabled]{display:none!important}
#assistantModal .v23-agent-pill{font-size:9px}
@media(max-width:750px){
 .modal#assistantModal{height:calc(100dvh - 40px);max-height:calc(100dvh - 40px);bottom:12px;display:flex;flex-direction:column;overflow:hidden;padding:14px 15px;border-radius:19px}
 #assistantModal .modal__head{flex:0 0 auto;min-height:36px}
 #assistantModal .modal__head .modal__icon{font-size:29px}
 #assistantModal .section-kicker{font-size:9px;letter-spacing:.9px;margin-top:3px}
 #assistantModal h2{flex:0 0 auto;font-size:25px;margin:5px 0 7px;line-height:1.1}
 #assistantModal>p{flex:0 0 auto;font-size:10px;line-height:1.4;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 #assistantModal textarea{min-height:79px;height:89px;max-height:98px;flex:0 0 89px;resize:none;padding:11px;font-size:12px}
 #assistantModal .modal__actions{margin-top:8px;display:flex;justify-content:space-between;gap:6px;align-items:center;flex:0 0 auto}
 #assistantModal .modal__actions .button{font-size:11px;padding:10px 12px}
 #assistantModal .upload-label{font-size:9px;padding:8px 9px}
 #assistantModal .v23-assistant-summary{flex:0 0 auto;margin:8px 0 6px;padding:8px;box-shadow:none}
 #assistantModal .v23-assistant-summary strong{font-size:10px}
 #assistantModal .v23-assistant-summary button{font-size:10px;padding:9px}
 #assistantModal .assistant-results{flex:1 1 auto;min-height:65px;max-height:none!important;overflow-y:auto;overscroll-behavior:contain;margin-top:6px;padding-right:3px}
 #assistantModal .v23-result-group{margin:8px 0;padding:9px}
 #assistantModal .v23-result-head{flex-wrap:wrap;gap:5px}
 #assistantModal .v23-result-head strong{font-size:12px}
 #assistantModal .v23-result-head small{font-size:9px}
 #assistantModal .v23-candidate-list{max-height:250px}
}