/* Asistente de atención · Data AI Latam */
.dal-as { --as-ink:#072a48; --as-muted:#45617d; --as-line:#c8d9e8; --as-bg:#ffffff; --as-soft:#eef6fc; --as-ice:#006fb5; --as-grad:linear-gradient(135deg,#10BFF3,#1B63EE); position:fixed; right:1rem; bottom:1rem; z-index:900; font-family:"Inter",system-ui,sans-serif; color:var(--as-ink); }
@media (prefers-color-scheme: dark) { .dal-as { --as-ink:#e8f2fb; --as-muted:#a9c1d6; --as-line:#21405e; --as-bg:#0a1f35; --as-soft:#0f2a46; --as-ice:#5cc8f5; } }
.dal-as-lanzador { display:inline-flex; align-items:center; gap:.5rem; min-height:3.25rem; padding:0 1.15rem 0 .9rem; border:0; border-radius:999px; background:var(--as-grad); color:#fff; font:700 .92rem/1 "Inter",system-ui,sans-serif; cursor:pointer; box-shadow:0 .7rem 1.8rem rgb(6 24 42 / .35); transition:transform .18s ease; }
.dal-as-lanzador:hover { transform:translateY(-2px); }
.dal-as-lanzador:focus-visible, .dal-as button:focus-visible, .dal-as a:focus-visible, .dal-as input:focus-visible { outline:3px solid #10BFF3; outline-offset:2px; }
.dal-as-lanzador svg { width:1.45rem; height:1.45rem; fill:#fff; }
.dal-as-lanzador svg circle { fill:#1B63EE; }
.dal-as-abierto .dal-as-lanzador span { display:none; }
.dal-as-abierto .dal-as-lanzador { padding:0 .9rem; }
.dal-as-panel { position:absolute; right:0; bottom:4rem; display:flex; flex-direction:column; width:min(24rem, calc(100vw - 2rem)); height:min(36rem, calc(100svh - 6rem)); overflow:hidden; border:1px solid var(--as-line); border-radius:1.1rem; background:var(--as-bg); box-shadow:0 1.4rem 3.5rem rgb(6 24 42 / .32); }
.dal-as-panel[hidden] { display:none; }
.dal-as-cab { display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding:.9rem 1rem; background:#06182A; background-image:radial-gradient(120% 140% at 100% 0%, rgb(16 191 243 / .35), transparent 60%); color:#fff; }
.dal-as-cab strong { display:block; font-size:.98rem; }
.dal-as-cab span { display:block; margin-top:.15rem; font-size:.74rem; color:#b9d4ea; }
.dal-as-cerrar { width:2.25rem; height:2.25rem; border:0; border-radius:999px; background:rgb(255 255 255 / .12); color:#fff; font-size:1.4rem; line-height:1; cursor:pointer; }
.dal-as-lista { flex:1; overflow-y:auto; padding:1rem; display:flex; flex-direction:column; gap:.55rem; background:var(--as-soft); }
.dal-as-msg { max-width:88%; padding:.6rem .8rem; border-radius:.9rem; font-size:.88rem; line-height:1.45; }
.dal-as-msg p { margin:0; } .dal-as-msg p + p { margin-top:.4rem; }
.dal-as-bot { align-self:flex-start; background:var(--as-bg); border:1px solid var(--as-line); border-bottom-left-radius:.25rem; }
.dal-as-yo { align-self:flex-end; background:var(--as-grad); color:#fff; border-bottom-right-radius:.25rem; }
.dal-as-escribiendo { display:flex; gap:.25rem; }
.dal-as-escribiendo span { width:.4rem; height:.4rem; border-radius:50%; background:var(--as-muted); animation:dal-as-pulso 1s infinite ease-in-out; }
.dal-as-escribiendo span:nth-child(2) { animation-delay:.15s; } .dal-as-escribiendo span:nth-child(3) { animation-delay:.3s; }
@keyframes dal-as-pulso { 0%,80%,100% { opacity:.3; } 40% { opacity:1; } }
.dal-as-acciones { display:flex; flex-wrap:wrap; gap:.4rem; padding:.6rem .8rem 0; max-height:45%; overflow-y:auto; }
.dal-as-acciones:empty { display:none; }
.dal-as-op { display:inline-flex; align-items:center; min-height:2.25rem; padding:0 .8rem; border:1px solid var(--as-ice); border-radius:999px; background:transparent; color:var(--as-ice); font:600 .8rem/1.2 "Inter",system-ui,sans-serif; text-decoration:none; cursor:pointer; }
.dal-as-op:hover { background:var(--as-ice); color:var(--as-bg); }
.dal-as-form { display:flex; gap:.5rem; padding:.7rem .8rem; border-top:1px solid var(--as-line); margin-top:.6rem; }
.dal-as-form input { flex:1; min-width:0; min-height:2.6rem; padding:0 .8rem; border:1px solid var(--as-line); border-radius:.7rem; background:var(--as-bg); color:var(--as-ink); font:400 .9rem "Inter",system-ui,sans-serif; }
.dal-as-form button, .dal-as-lead button { min-height:2.6rem; padding:0 1rem; border:0; border-radius:.7rem; background:var(--as-grad); color:#fff; font:700 .85rem "Inter",system-ui,sans-serif; cursor:pointer; }
.dal-as-form button:disabled, .dal-as-lead button:disabled { opacity:.55; cursor:default; }
.dal-as-pie { margin:0; padding:0 .8rem .6rem; font-size:.7rem; color:var(--as-muted); }
.dal-as-pie a, .dal-as-lead a { color:var(--as-ice); }
.dal-as-lead { display:grid; gap:.45rem; width:100%; padding-bottom:.2rem; }
.dal-as-lead label { display:grid; gap:.2rem; font-size:.76rem; font-weight:600; color:var(--as-muted); }
.dal-as-lead input:not([type=checkbox]) { min-height:2.4rem; padding:0 .7rem; border:1px solid var(--as-line); border-radius:.6rem; background:var(--as-bg); color:var(--as-ink); font:400 .88rem "Inter",system-ui,sans-serif; }
.dal-as-lead .dal-as-check { display:flex; align-items:flex-start; gap:.45rem; font-weight:400; line-height:1.35; }
.dal-as-hp { position:absolute !important; left:-9999px !important; width:1px; height:1px; opacity:0; }
.dal-as-error { margin:0; font-size:.76rem; color:#c0392b; }
.dal-as-error:empty { display:none; }
@media (max-width: 480px) { .dal-as { right:.75rem; bottom:.75rem; } .dal-as-panel { position:fixed; inset:auto .5rem 4.6rem .5rem; width:auto; height:min(34rem, calc(100svh - 6rem)); } }
@media (prefers-reduced-motion: reduce) { .dal-as-lanzador { transition:none; } .dal-as-escribiendo span { animation:none; } }
@media print { .dal-as { display:none; } }