:root { color-scheme: dark; background: #02090e; }
* { box-sizing: border-box; }
html, body { margin: 0; min-width: 280px; min-height: 100%; }
body { background: #02090e; font-family: Arial, sans-serif; }
.landing { position: relative; width: 100%; max-width: 941px; margin-inline: auto; }
.artwork { display: block; width: 100%; height: auto; }
/* Coordenadas del botón en la imagen original de 941 × 1672. */
.whatsapp {
  position: absolute;
  left: 6.4825%;
  top: 72.3684%;
  width: 87.0351%;
  height: 7.7751%;
  border-radius: 999px;
  -webkit-tap-highlight-color: #ffffff30;
  cursor: pointer;
  transition: box-shadow 160ms ease, background-color 160ms ease;
}
.whatsapp:hover { background-color: #ffffff0a; box-shadow: 0 0 28px #00fff541; }
.whatsapp:active { background-color: #0000000c; }
.whatsapp:focus-visible { outline: 3px solid white; outline-offset: 4px; box-shadow: 0 0 25px #00fff5; }
.accessible-copy { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.pixel-fallback { display: none; }
@media (prefers-reduced-motion: reduce) { .whatsapp { transition: none; } }