/* Plantillas de mensajes de WhatsApp por giro (plantillas/mensajes-whatsapp/).
   Cada mensaje es una tarjeta con su momento, su categoría de Meta y dos
   acciones: copiar el texto y abrirlo en WhatsApp para elegir el chat. */
.msg-indice{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:0 0 var(--sp-6);padding:0;list-style:none}
.msg-indice a{display:inline-block;padding:6px 12px;border:1px solid var(--border);border-radius:var(--r-pill);font-size:var(--fs-sm);color:var(--text-2);text-decoration:none}
.msg-indice a:hover{border-color:var(--text-3);color:var(--text)}
.msg-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:var(--sp-4)}
.msg{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5);border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface-2);min-width:0;scroll-margin-top:96px}
.msg-cab{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2)}
.msg h3{margin:0;font-size:var(--fs-md);color:var(--text)}
.msg-cat{display:inline-block;padding:3px 10px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.02em;border:1px solid var(--border-strong);color:var(--text-2);white-space:nowrap}
.msg-cat-utilidad{border-color:rgba(18,79,255,.6);color:#9DB6FF}
.msg-cat-marketing{border-color:rgba(255,58,31,.6);color:#FF9A8A}
.msg-texto{margin:0;padding:var(--sp-4);border-radius:var(--r-control);background:var(--surface-0);border:1px solid var(--border);color:var(--text);font-size:var(--fs-sm);line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}
.msg-acciones{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:auto}
.msg-acciones .btn-secondary,.msg-acciones .btn-quiet{font-size:var(--fs-sm)}
.msg-acciones .copiado{border-color:var(--ok);color:var(--ok)}
.msg-leyenda{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--sp-3);margin:var(--sp-6) 0 0}
.msg-leyenda div{padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface-1);font-size:var(--fs-sm);color:var(--text-2);line-height:1.55}
.msg-leyenda strong{display:block;margin-bottom:var(--sp-1);color:var(--text)}
.plantillas-cierre .tool-empresa{max-width:760px;margin:var(--sp-5) auto 0;text-align:left}
.msg-acciones .btn-quiet{align-self:center}
@media(max-width:520px){.msg{padding:var(--sp-4)}.msg-acciones{flex-direction:column;align-items:stretch}.msg-acciones>*{text-align:center}.msg-acciones .btn-quiet{align-self:center}}