/* --- INICIO WIDGET --- */
.wa{
  /* Paleta. Ajustable sin tocar el resto. */
  --wa-green:#25D366;
  --wa-green-hover:#1DA851;
  --wa-dark:#075E54;
  --wa-bubble-in:#FFFFFF;
  --wa-bubble-out:#DCF8C6;
  --wa-bg:#ECE5DD;

  --wa-texto:#111B21;
  --wa-meta:#667781;          /* hora en burbuja entrante */
  --wa-meta-out:#5E6B73;      /* hora en saliente: un tono más oscuro para llegar a AA sobre #DCF8C6 */
  --wa-tick:#8696A0;
  --wa-tick-leido:#53BDEB;
  --wa-enlace:#027EB5;
  --wa-pie:#F0F2F5;
  --wa-campo:#FFFFFF;
  --wa-campo-texto:#111B21;
  --wa-icono:#8696A0;
  --wa-pastilla:#FFFFFF;
  --wa-pastilla-texto:#54656F;
  --wa-doodle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'%3E%3Cg fill='none' stroke='%23000' stroke-opacity='.05' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(38 46) rotate(-18) scale(1.05)'%3E%3Cpath d='M3 -11l-7 13h5l-4 9 9-13h-5l4-9z'/%3E%3C/g%3E%3Cg transform='translate(132 30) rotate(22) scale(0.9)'%3E%3Cpath d='M0 -11c5 7 8 10 8 14a8 8 0 01-16 0c0-4 3-7 8-14z'/%3E%3C/g%3E%3Cg transform='translate(236 58) rotate(-8) scale(1.0)'%3E%3Cpath d='M0 -11a7 7 0 00-4 12l1 2h6l1-2a7 7 0 00-4-12zM-3 6h6M-2 9h4'/%3E%3C/g%3E%3Cg transform='translate(286 150) rotate(40) scale(0.85)'%3E%3Cpath d='M-10 10l10-10a6 6 0 018-8l-5 5 4 4 5-5a6 6 0 01-8 8l-10 10a3 3 0 01-4-4z'/%3E%3C/g%3E%3Cg transform='translate(70 120) rotate(15) scale(0.95)'%3E%3Cpath d='M-6 -2h12v8a3 3 0 01-3 3h-6a3 3 0 01-3-3zM-3 -2v-5M3 -2v-5M0 9v5'/%3E%3C/g%3E%3Cg transform='translate(190 110) rotate(-30) scale(1.0)'%3E%3Cpath d='M-6 -8v10a6 6 0 006 6h10M-10 -10h7v5h-7zM4 6h5v7h-5z'/%3E%3C/g%3E%3Cg transform='translate(20 210) rotate(8) scale(0.9)'%3E%3Cpath d='M0 -11a7 7 0 00-4 12l1 2h6l1-2a7 7 0 00-4-12zM-3 6h6M-2 9h4'/%3E%3C/g%3E%3Cg transform='translate(110 230) rotate(-25) scale(1.05)'%3E%3Cpath d='M3 -11l-7 13h5l-4 9 9-13h-5l4-9z'/%3E%3C/g%3E%3Cg transform='translate(210 200) rotate(33) scale(0.9)'%3E%3Cpath d='M0 -11c5 7 8 10 8 14a8 8 0 01-16 0c0-4 3-7 8-14z'/%3E%3C/g%3E%3Cg transform='translate(270 268) rotate(-12) scale(1.0)'%3E%3Cpath d='M-6 -2h12v8a3 3 0 01-3 3h-6a3 3 0 01-3-3zM-3 -2v-5M3 -2v-5M0 9v5'/%3E%3C/g%3E%3Cg transform='translate(150 170) rotate(18) scale(0.8)'%3E%3Cpath d='M-10 10l10-10a6 6 0 018-8l-5 5 4 4 5-5a6 6 0 01-8 8l-10 10a3 3 0 01-4-4z'/%3E%3C/g%3E%3Cg transform='translate(60 280) rotate(-20) scale(0.95)'%3E%3Cpath d='M-6 -8v10a6 6 0 006 6h10M-10 -10h7v5h-7zM4 6h5v7h-5z'/%3E%3C/g%3E%3Cg transform='translate(255 105) rotate(12) scale(0.85)'%3E%3Cpath d='M3 -11l-7 13h5l-4 9 9-13h-5l4-9z'/%3E%3C/g%3E%3Cg transform='translate(12 120) rotate(-35) scale(0.9)'%3E%3Cpath d='M0 -11c5 7 8 10 8 14a8 8 0 01-16 0c0-4 3-7 8-14z'/%3E%3C/g%3E%3Cg transform='translate(165 290) rotate(27) scale(0.9)'%3E%3Cpath d='M0 -11a7 7 0 00-4 12l1 2h6l1-2a7 7 0 00-4-12zM-3 6h6M-2 9h4'/%3E%3C/g%3E%3Cg transform='translate(300 30) rotate(-15) scale(0.9)'%3E%3Cpath d='M-6 -2h12v8a3 3 0 01-3 3h-6a3 3 0 01-3-3zM-3 -2v-5M3 -2v-5M0 9v5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --wa-sombra-burbuja:0 1px .5px rgba(0,0,0,.13);

  font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  position:fixed; right:24px; bottom:24px; z-index:9999; pointer-events:none;
}
.wa[data-tema="oscuro"],
:root[data-theme="dark"] .wa[data-tema="auto"]{
  --wa-dark:#202C33;
  --wa-bubble-in:#202C33;
  --wa-bubble-out:#005C4B;
  --wa-bg:#0B141A;
  --wa-texto:#E9EDEF;
  --wa-meta:#8696A0;
  --wa-meta-out:#B6C6CB;
  --wa-enlace:#53BDEB;
  --wa-pie:#202C33;
  --wa-campo:#2A3942;
  --wa-campo-texto:#E9EDEF;
  --wa-pastilla:#182229;
  --wa-pastilla-texto:#8696A0;
  --wa-doodle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.04' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(38 46) rotate(-18) scale(1.05)'%3E%3Cpath d='M3 -11l-7 13h5l-4 9 9-13h-5l4-9z'/%3E%3C/g%3E%3Cg transform='translate(132 30) rotate(22) scale(0.9)'%3E%3Cpath d='M0 -11c5 7 8 10 8 14a8 8 0 01-16 0c0-4 3-7 8-14z'/%3E%3C/g%3E%3Cg transform='translate(236 58) rotate(-8) scale(1.0)'%3E%3Cpath d='M0 -11a7 7 0 00-4 12l1 2h6l1-2a7 7 0 00-4-12zM-3 6h6M-2 9h4'/%3E%3C/g%3E%3Cg transform='translate(286 150) rotate(40) scale(0.85)'%3E%3Cpath d='M-10 10l10-10a6 6 0 018-8l-5 5 4 4 5-5a6 6 0 01-8 8l-10 10a3 3 0 01-4-4z'/%3E%3C/g%3E%3Cg transform='translate(70 120) rotate(15) scale(0.95)'%3E%3Cpath d='M-6 -2h12v8a3 3 0 01-3 3h-6a3 3 0 01-3-3zM-3 -2v-5M3 -2v-5M0 9v5'/%3E%3C/g%3E%3Cg transform='translate(190 110) rotate(-30) scale(1.0)'%3E%3Cpath d='M-6 -8v10a6 6 0 006 6h10M-10 -10h7v5h-7zM4 6h5v7h-5z'/%3E%3C/g%3E%3Cg transform='translate(20 210) rotate(8) scale(0.9)'%3E%3Cpath d='M0 -11a7 7 0 00-4 12l1 2h6l1-2a7 7 0 00-4-12zM-3 6h6M-2 9h4'/%3E%3C/g%3E%3Cg transform='translate(110 230) rotate(-25) scale(1.05)'%3E%3Cpath d='M3 -11l-7 13h5l-4 9 9-13h-5l4-9z'/%3E%3C/g%3E%3Cg transform='translate(210 200) rotate(33) scale(0.9)'%3E%3Cpath d='M0 -11c5 7 8 10 8 14a8 8 0 01-16 0c0-4 3-7 8-14z'/%3E%3C/g%3E%3Cg transform='translate(270 268) rotate(-12) scale(1.0)'%3E%3Cpath d='M-6 -2h12v8a3 3 0 01-3 3h-6a3 3 0 01-3-3zM-3 -2v-5M3 -2v-5M0 9v5'/%3E%3C/g%3E%3Cg transform='translate(150 170) rotate(18) scale(0.8)'%3E%3Cpath d='M-10 10l10-10a6 6 0 018-8l-5 5 4 4 5-5a6 6 0 01-8 8l-10 10a3 3 0 01-4-4z'/%3E%3C/g%3E%3Cg transform='translate(60 280) rotate(-20) scale(0.95)'%3E%3Cpath d='M-6 -8v10a6 6 0 006 6h10M-10 -10h7v5h-7zM4 6h5v7h-5z'/%3E%3C/g%3E%3Cg transform='translate(255 105) rotate(12) scale(0.85)'%3E%3Cpath d='M3 -11l-7 13h5l-4 9 9-13h-5l4-9z'/%3E%3C/g%3E%3Cg transform='translate(12 120) rotate(-35) scale(0.9)'%3E%3Cpath d='M0 -11c5 7 8 10 8 14a8 8 0 01-16 0c0-4 3-7 8-14z'/%3E%3C/g%3E%3Cg transform='translate(165 290) rotate(27) scale(0.9)'%3E%3Cpath d='M0 -11a7 7 0 00-4 12l1 2h6l1-2a7 7 0 00-4-12zM-3 6h6M-2 9h4'/%3E%3C/g%3E%3Cg transform='translate(300 30) rotate(-15) scale(0.9)'%3E%3Cpath d='M-6 -2h12v8a3 3 0 01-3 3h-6a3 3 0 01-3-3zM-3 -2v-5M3 -2v-5M0 9v5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --wa-sombra-burbuja:0 1px .5px rgba(0,0,0,.2);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .wa[data-tema="auto"]{
    --wa-dark:#202C33;
    --wa-bubble-in:#202C33;
    --wa-bubble-out:#005C4B;
    --wa-bg:#0B141A;
    --wa-texto:#E9EDEF;
    --wa-meta:#8696A0;
    --wa-meta-out:#B6C6CB;
    --wa-enlace:#53BDEB;
    --wa-pie:#202C33;
    --wa-campo:#2A3942;
    --wa-campo-texto:#E9EDEF;
    --wa-pastilla:#182229;
    --wa-pastilla-texto:#8696A0;
    --wa-doodle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.04' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(38 46) rotate(-18) scale(1.05)'%3E%3Cpath d='M3 -11l-7 13h5l-4 9 9-13h-5l4-9z'/%3E%3C/g%3E%3Cg transform='translate(132 30) rotate(22) scale(0.9)'%3E%3Cpath d='M0 -11c5 7 8 10 8 14a8 8 0 01-16 0c0-4 3-7 8-14z'/%3E%3C/g%3E%3Cg transform='translate(236 58) rotate(-8) scale(1.0)'%3E%3Cpath d='M0 -11a7 7 0 00-4 12l1 2h6l1-2a7 7 0 00-4-12zM-3 6h6M-2 9h4'/%3E%3C/g%3E%3Cg transform='translate(286 150) rotate(40) scale(0.85)'%3E%3Cpath d='M-10 10l10-10a6 6 0 018-8l-5 5 4 4 5-5a6 6 0 01-8 8l-10 10a3 3 0 01-4-4z'/%3E%3C/g%3E%3Cg transform='translate(70 120) rotate(15) scale(0.95)'%3E%3Cpath d='M-6 -2h12v8a3 3 0 01-3 3h-6a3 3 0 01-3-3zM-3 -2v-5M3 -2v-5M0 9v5'/%3E%3C/g%3E%3Cg transform='translate(190 110) rotate(-30) scale(1.0)'%3E%3Cpath d='M-6 -8v10a6 6 0 006 6h10M-10 -10h7v5h-7zM4 6h5v7h-5z'/%3E%3C/g%3E%3Cg transform='translate(20 210) rotate(8) scale(0.9)'%3E%3Cpath d='M0 -11a7 7 0 00-4 12l1 2h6l1-2a7 7 0 00-4-12zM-3 6h6M-2 9h4'/%3E%3C/g%3E%3Cg transform='translate(110 230) rotate(-25) scale(1.05)'%3E%3Cpath d='M3 -11l-7 13h5l-4 9 9-13h-5l4-9z'/%3E%3C/g%3E%3Cg transform='translate(210 200) rotate(33) scale(0.9)'%3E%3Cpath d='M0 -11c5 7 8 10 8 14a8 8 0 01-16 0c0-4 3-7 8-14z'/%3E%3C/g%3E%3Cg transform='translate(270 268) rotate(-12) scale(1.0)'%3E%3Cpath d='M-6 -2h12v8a3 3 0 01-3 3h-6a3 3 0 01-3-3zM-3 -2v-5M3 -2v-5M0 9v5'/%3E%3C/g%3E%3Cg transform='translate(150 170) rotate(18) scale(0.8)'%3E%3Cpath d='M-10 10l10-10a6 6 0 018-8l-5 5 4 4 5-5a6 6 0 01-8 8l-10 10a3 3 0 01-4-4z'/%3E%3C/g%3E%3Cg transform='translate(60 280) rotate(-20) scale(0.95)'%3E%3Cpath d='M-6 -8v10a6 6 0 006 6h10M-10 -10h7v5h-7zM4 6h5v7h-5z'/%3E%3C/g%3E%3Cg transform='translate(255 105) rotate(12) scale(0.85)'%3E%3Cpath d='M3 -11l-7 13h5l-4 9 9-13h-5l4-9z'/%3E%3C/g%3E%3Cg transform='translate(12 120) rotate(-35) scale(0.9)'%3E%3Cpath d='M0 -11c5 7 8 10 8 14a8 8 0 01-16 0c0-4 3-7 8-14z'/%3E%3C/g%3E%3Cg transform='translate(165 290) rotate(27) scale(0.9)'%3E%3Cpath d='M0 -11a7 7 0 00-4 12l1 2h6l1-2a7 7 0 00-4-12zM-3 6h6M-2 9h4'/%3E%3C/g%3E%3Cg transform='translate(300 30) rotate(-15) scale(0.9)'%3E%3Cpath d='M-6 -2h12v8a3 3 0 01-3 3h-6a3 3 0 01-3-3zM-3 -2v-5M3 -2v-5M0 9v5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    --wa-sombra-burbuja:0 1px .5px rgba(0,0,0,.2);
  }
}
.wa *{box-sizing:border-box}
.wa-lanzador,.wa-panel{pointer-events:auto}
/* El reset NO toca el fondo: si pusiera background aqui, su especificidad
   (0,1,1) le ganaria a .wa-lanzador y .wa-accion (0,1,0) y los botones verdes
   quedarian transparentes hasta el :hover. Los que deben ir sin fondo lo
   declaran ellos mismos, abajo. */
.wa button{font:inherit; cursor:pointer; border:0; padding:0; color:inherit}
.wa-cerrar,.wa-icono{background:transparent}
.wa :focus-visible{outline:2px solid var(--wa-tick-leido); outline-offset:2px}

/* --- Botón flotante (estado cerrado) --- */
.wa-lanzador{
  width:60px; height:60px; border-radius:50%; background:var(--wa-green);
  display:flex; align-items:center; justify-content:center; position:relative;
  box-shadow:0 4px 12px rgba(0,0,0,.25);
  transition:transform .18s ease, background-color .18s ease;
}
.wa-lanzador:hover{transform:scale(1.05); background:var(--wa-green-hover)}
.wa-lanzador:active{transform:scale(.97)}
.wa-lanzador svg{width:34px; height:34px; fill:#fff; display:block}
.wa-lanzador[hidden]{display:none}
.wa-badge{
  position:absolute; top:-2px; right:-2px; min-width:21px; height:21px; padding:0 5px;
  border-radius:999px; background:#E7513B; color:#fff; font-size:12px; font-weight:600;
  line-height:21px; text-align:center;
  font-variant-numeric:tabular-nums;
}
.wa-badge[hidden]{display:none}

/* --- Ventana (estado abierto) --- */
.wa-panel{
  width:400px; height:600px; max-height:calc(100vh - 48px);
  display:flex; flex-direction:column; overflow:hidden;
  border-radius:12px; background:var(--wa-bg);
  box-shadow:0 12px 40px rgba(0,0,0,.28), 0 2px 8px rgba(0,0,0,.12);
  opacity:0; transform:translateY(16px) scale(.985); transform-origin:bottom right;
  transition:opacity .2s ease, transform .2s ease;
}
.wa-panel[hidden]{display:none}
.wa-panel.wa--abierto{opacity:1; transform:none}

/* --- Header --- */
.wa-encabezado{
  flex:0 0 60px; height:60px; background:var(--wa-dark); color:#fff;
  display:flex; align-items:center; gap:10px; padding:0 8px 0 12px;
}
.wa-avatar{
  width:40px; height:40px; border-radius:50%; flex:0 0 40px; object-fit:cover;
  background:rgba(255,255,255,.22); display:flex; align-items:center; justify-content:center;
  font-size:14px; font-weight:600; letter-spacing:.02em; color:#fff;
}
.wa-quien{display:flex; flex-direction:column; min-width:0; gap:1px; flex:1}
.wa-nombre{font-size:16px; font-weight:600; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.wa-estado{font-size:12px; line-height:1.25; opacity:.85; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.wa-cerrar{
  width:40px; height:40px; border-radius:50%; flex:0 0 40px;
  display:flex; align-items:center; justify-content:center;
  transition:background-color .15s;
}
.wa-cerrar:hover{background:rgba(255,255,255,.14)}
.wa-cerrar svg{width:22px; height:22px; stroke:#fff; stroke-width:2; fill:none; stroke-linecap:round}

/* --- Área de mensajes --- */
.wa-mensajes{
  flex:1 1 auto; overflow-y:auto; overflow-x:hidden; padding:12px;
  background-color:var(--wa-bg); background-image:var(--wa-doodle); background-repeat:repeat;
  display:flex; flex-direction:column; align-items:stretch;
  overscroll-behavior:contain; scrollbar-width:thin;
}
.wa-mensajes::-webkit-scrollbar{width:6px}
.wa-mensajes::-webkit-scrollbar-thumb{background:rgba(0,0,0,.18); border-radius:3px}

.wa-sep{align-self:center; margin:4px 0 12px}
.wa-sep span{
  display:inline-block; background:var(--wa-pastilla); color:var(--wa-pastilla-texto);
  font-size:12px; line-height:1; padding:6px 12px; border-radius:7px;
  box-shadow:var(--wa-sombra-burbuja); text-transform:uppercase; letter-spacing:.03em;
}

.wa-fila{display:flex; margin-top:10px}
.wa-fila.wa--seguida{margin-top:2px}
.wa-fila.wa--in{justify-content:flex-start}
.wa-fila.wa--out{justify-content:flex-end}

.wa-burbuja{
  position:relative; max-width:75%; padding:6px 8px 8px 8px; border-radius:8px;
  font-size:14px; line-height:1.35; color:var(--wa-texto);
  box-shadow:var(--wa-sombra-burbuja); word-wrap:break-word; overflow-wrap:anywhere;
}
.wa--in .wa-burbuja{background:var(--wa-bubble-in); border-top-left-radius:0; --wa-reserva:46px}
.wa--out .wa-burbuja{background:var(--wa-bubble-out); border-top-right-radius:0; --wa-reserva:66px}
/* Puntita: solo en el primer mensaje de cada tanda, como WhatsApp */
.wa-fila:not(.wa--seguida) .wa-burbuja::before{content:""; position:absolute; top:0; width:8px; height:13px}
.wa--in:not(.wa--seguida) .wa-burbuja::before{
  left:-8px; background:var(--wa-bubble-in); clip-path:polygon(100% 0, 100% 100%, 0 0);
}
.wa--out:not(.wa--seguida) .wa-burbuja::before{
  right:-8px; background:var(--wa-bubble-out); clip-path:polygon(0 0, 0 100%, 100% 0);
}
.wa-fila.wa--seguida .wa-burbuja{border-radius:8px}

.wa-texto{white-space:pre-wrap; margin:0}
/* Hueco para que la hora quepa al final del último renglón */
.wa-texto::after{content:""; display:inline-block; width:var(--wa-reserva); height:1px}
.wa-meta{
  position:absolute; right:8px; bottom:5px; display:flex; align-items:center; gap:3px;
  font-size:11px; line-height:1; color:var(--wa-meta); font-variant-numeric:tabular-nums;
}
.wa--out .wa-meta{color:var(--wa-meta-out)}
.wa-meta svg{width:16px; height:15px; fill:var(--wa-tick); display:block}
.wa-meta.wa--leido svg{fill:var(--wa-tick-leido)}
.wa-burbuja a{color:var(--wa-enlace); text-decoration:underline}

/* --- Fotos (flyers de paquetes) --- */
.wa-imagen{
  display:block; width:100%; max-width:100%; height:auto; border-radius:6px;
  background:rgba(0,0,0,.06);
}
.wa-burbuja.wa--con-imagen{padding:3px 3px 5px 3px}
.wa--con-imagen .wa-texto{display:block; padding:4px 5px 0}
/* Foto sin pie: la hora va encima de la imagen, en pastilla, para que se lea. */
.wa-burbuja.wa--sin-texto{padding:3px}
.wa-burbuja.wa--sin-texto .wa-meta{
  right:9px; bottom:9px; color:#fff; background:rgba(0,0,0,.45);
  padding:3px 7px; border-radius:10px; backdrop-filter:blur(2px);
}
.wa-burbuja.wa--sin-texto .wa-meta svg{fill:#fff}

/* --- Escribiendo… --- */
.wa-escribiendo .wa-burbuja{display:flex; align-items:center; gap:4px; padding:12px 12px}
.wa-punto{width:7px; height:7px; border-radius:50%; background:var(--wa-meta); animation:wa-rebote 1.2s infinite ease-in-out}
.wa-punto:nth-child(2){animation-delay:.18s}
.wa-punto:nth-child(3){animation-delay:.36s}
@keyframes wa-rebote{0%,60%,100%{opacity:.35; transform:translateY(0)} 30%{opacity:1; transform:translateY(-3px)}}

/* --- Barra de entrada --- */
.wa-pie{
  flex:0 0 auto; min-height:56px; background:var(--wa-pie); padding:8px;
  display:flex; align-items:flex-end; gap:8px;
}
.wa-campo{
  flex:1 1 auto; display:flex; align-items:flex-end; gap:4px; background:var(--wa-campo);
  border-radius:24px; padding:4px 6px; min-height:40px;
}
.wa-icono{
  width:32px; height:32px; flex:0 0 32px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; color:var(--wa-icono);
  transition:background-color .15s, color .15s;
}
.wa-icono:hover{color:var(--wa-texto); background:rgba(0,0,0,.06)}
.wa-icono svg{width:22px; height:22px; fill:currentColor; display:block}
.wa-entrada{
  flex:1 1 auto; border:0; background:none; resize:none; outline:none;
  font:inherit; font-size:14px; line-height:1.4; color:var(--wa-campo-texto);
  padding:7px 2px; max-height:96px; min-height:32px; overflow-y:auto;
}
.wa-entrada::placeholder{color:var(--wa-icono); opacity:1}
.wa-accion{
  width:44px; height:44px; flex:0 0 44px; border-radius:50%; background:var(--wa-green);
  display:flex; align-items:center; justify-content:center; margin-bottom:0;
  transition:background-color .15s, transform .15s;
}
.wa-accion:hover{background:var(--wa-green-hover)}
.wa-accion:active{transform:scale(.94)}
.wa-accion svg{width:24px; height:24px; fill:#fff; display:block}
.wa-accion .wa-enviar,
.wa-accion.wa--enviar .wa-mic{display:none}
.wa-accion.wa--enviar .wa-enviar{display:block}

/* --- Móvil: pantalla completa --- */
@media (max-width:600px){
  .wa{right:0; bottom:0; left:0; top:auto}
  .wa-lanzador{position:fixed; right:16px; bottom:16px}
  .wa-panel{
    position:fixed; inset:0; width:100%; height:100%; height:100dvh;
    border-radius:0; transform-origin:bottom center;
    transform:translateY(24px); max-height:none;
  }
  .wa-panel.wa--abierto{transform:none}
  .wa-burbuja{max-width:85%}
}

@media (prefers-reduced-motion:reduce){
  .wa-panel{transition:none}
  .wa-lanzador,.wa-accion,.wa-cerrar,.wa-icono{transition:none}
  .wa-lanzador:hover{transform:none}
  .wa-punto{animation:none; opacity:.6}
}
/* --- FIN WIDGET (CSS) --- */