/* Generador de link de WhatsApp (/herramientas/link-de-whatsapp/). */
html:not(#z) body main.ps.wa-pagina > section.pagina-intro { padding-top: 24px !important; padding-bottom: 22px !important; }
@media (min-width: 1024px) { html:not(#z) body main.ps.wa-pagina > section.pagina-intro { padding-top: 36px !important; padding-bottom: 28px !important; } }
html:not(#z) body main.ps.wa-pagina .pagina-intro h1 { margin: 0 0 12px !important; font-size: clamp(1.75rem, 1.3rem + 2.2vw, 3rem) !important; }
html:not(#z) body main.ps.wa-pagina .pagina-intro > p.lead { margin: 0 !important; }

html:not(#z) body main.ps > section.wa-app { padding-top: 32px !important; }
html:not(#z) body main.ps .wa-grid { display: grid; grid-template-columns: 1fr; gap: 24px; align-items: start; }
@media (min-width: 900px) { html:not(#z) body main.ps .wa-grid { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 40px; } }
html:not(#z) body main.ps .wa-form { display: grid; gap: 14px; }
html:not(#z) body main.ps .wa-campo { display: grid; gap: 6px; font-size: .9rem; font-weight: 600; color: var(--ps-ink); }
html:not(#z) body main.ps .wa-campo input,
html:not(#z) body main.ps .wa-campo select,
html:not(#z) body main.ps .wa-campo textarea {
  width: 100%; box-sizing: border-box; min-height: 48px; border-radius: 10px; border: 1.5px solid var(--ps-rule);
  background: var(--ps-paper); color: var(--ps-text); font: inherit; font-size: 1rem; font-weight: 400; padding: 10px 12px;
}
html:not(#z) body main.ps .wa-campo textarea { min-height: 110px; resize: vertical; }
html:not(#z) body main.ps .wa-fila { display: grid; grid-template-columns: minmax(0, 150px) minmax(0, 1fr); gap: 10px; }
html:not(#z) body main.ps .wa-nota { margin: 0; font-size: .85rem; color: var(--ps-muted); line-height: 1.45; }
html:not(#z) body main.ps .wa-plantillas { display: flex; flex-wrap: wrap; gap: 8px; }
html:not(#z) body main.ps .wa-plantillas button {
  min-height: 38px; border-radius: 999px; border: 1.5px solid var(--ps-rule); background: var(--ps-soft); color: var(--ps-ink);
  font: inherit; font-size: .82rem; font-weight: 600; padding: 0 12px; cursor: pointer;
}

html:not(#z) body main.ps .wa-salida { background: var(--ps-soft); border: 1px solid var(--ps-rule); border-radius: 16px; padding: 20px; }
@media (min-width: 900px) { html:not(#z) body main.ps .wa-salida { position: sticky; top: 90px; } }
html:not(#z) body main.ps .wa-link {
  display: block; padding: 14px; border-radius: 10px; background: var(--ps-paper); border: 1.5px dashed var(--ps-rule);
  font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .9rem; color: var(--ps-ink); overflow-wrap: anywhere; margin: 0 0 12px;
}
html:not(#z) body main.ps .wa-botones { display: flex; flex-wrap: wrap; gap: 10px; }
html:not(#z) body main.ps .wa-botones button,
html:not(#z) body main.ps .wa-botones a {
  min-height: 46px; border-radius: 10px; font: inherit; font-size: .95rem; font-weight: 700; cursor: pointer; padding: 0 18px;
  display: inline-flex; align-items: center; justify-content: center; text-decoration: none; box-sizing: border-box;
  border: 1.5px solid var(--ps-ink); background: var(--ps-paper); color: var(--ps-ink);
}
html:not(#z) body main.ps .wa-botones .wa-copiar { background: #128C7E; border-color: #128C7E; color: #fff; }
html:not(#z) body main.ps .wa-vacio .wa-botones button,
html:not(#z) body main.ps .wa-vacio .wa-botones a,
html:not(#z) body main.ps .wa-vacio [data-bajar] { opacity: .45; pointer-events: none; }
html:not(#z) body main.ps .wa-aviso { min-height: 1.3em; margin: 10px 0 0; font-size: .88rem; font-weight: 600; color: var(--ps-ink); }
html:not(#z) body main.ps .wa-qr { display: grid; grid-template-columns: 120px 1fr; gap: 14px; align-items: center; margin: 14px 0 0; padding: 14px 0 0; border-top: 1px solid var(--ps-rule); }
html:not(#z) body main.ps .wa-qr canvas { width: 120px; height: 120px; image-rendering: pixelated; border-radius: 6px; background: #fff; }
html:not(#z) body main.ps .wa-qr p { margin: 0 0 8px; font-size: .88rem; color: var(--ps-text); line-height: 1.45; }
html:not(#z) body main.ps .wa-qr button {
  min-height: 40px; border-radius: 999px; border: 1.5px solid var(--ps-ink); background: var(--ps-paper); color: var(--ps-ink);
  font: inherit; font-size: .85rem; font-weight: 700; padding: 0 14px; cursor: pointer;
}

html:not(#z) body main.ps .wa-boton-web { margin: 28px 0 0; }
html:not(#z) body main.ps .wa-boton-web h2 { font-size: 1.25rem !important; margin: 0 0 8px !important; }
html:not(#z) body main.ps .wa-boton-web h2::before { display: none !important; }
html:not(#z) body main.ps .wa-boton-web p { margin: 0 0 10px; font-size: .95rem; color: var(--ps-text); max-width: 70ch; }
html:not(#z) body main.ps pre.wa-codigo {
  margin: 0 0 10px; padding: 14px; border-radius: 10px; background: #0b1a2b; color: #e6edf5; font-size: .78rem; line-height: 1.5;
  white-space: pre-wrap; overflow-wrap: anywhere; max-height: 220px; overflow: auto;
}
html:not(#z) body main.ps .wa-cta { margin: 16px 0 0; padding: 16px; border-radius: 14px; background: var(--ps-ink); color: #fff; }
html:not(#z) body main.ps .wa-cta p { margin: 0 0 8px; color: #fff; font-size: .95rem; line-height: 1.5; }
html:not(#z) body main.ps .wa-cta a { color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
html:not(#z) body main.ps .wa-form p.wa-nota { font-size: .85rem !important; line-height: 1.45 !important; margin: 0 !important; }
html:not(#z) body main.ps .wa-qr p,
html:not(#z) body main.ps .wa-cta p { font-size: .9rem !important; line-height: 1.45 !important; }