/* Compartido por / y /links: tokens de selectiva.app, base y hojas inferiores. */
:root{
  --color-primary:#D6336C;--color-primary-dark:#A61E4D;
  --color-secondary:#9B72CF;--color-secondary-dark:#5D3F8C;
  --text-main:#2D3748;--text-muted:#4A5568;--border-light:#E2E8F0;
  --bg-main:#FFFFFF;--bg-soft:#F7F9FC;
  --paper-butter:#FFFDE7;--paper-sky:#E3F2FD;--paper-rose:#FCE4EC;--paper-mint:#E8F5E9;--paper-lavender:#F3E5F5;
  --highlight-yellow:rgba(255,235,59,.45);
  --radius:24px;
  --font-heading:'Poppins',sans-serif;--font-body:'Inter',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--font-body);color:var(--text-main);line-height:1.6;background:var(--bg-soft);
  min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.hl{background:linear-gradient(transparent 58%,var(--highlight-yellow) 58%);padding:0 4px}

/* hojas inferiores (email, códigos): los navegadores internos de TikTok/Instagram ignoran mailto: */
.sheet{position:fixed;inset:0;z-index:50;display:none;align-items:flex-end;justify-content:center;background:rgba(45,55,72,.45);padding:16px}
.sheet.open{display:flex}
.sheet-box{width:100%;max-width:440px;background:#fff;border-radius:var(--radius);padding:24px 20px 20px;text-align:center;
  box-shadow:0 20px 25px -5px rgba(0,0,0,.15);animation:sheet-up .22s ease}
@keyframes sheet-up{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
.sheet h2{font-family:var(--font-heading);font-size:1.15rem;line-height:1.3;margin-bottom:4px}
.sheet .lead{font-size:.95rem;color:var(--text-muted);margin-top:2px}
.sheet .addr{display:block;font-weight:600;font-size:1.02rem;word-break:break-all;margin:10px 0 18px;padding:10px 12px;
  border-radius:14px;background:var(--paper-rose);-webkit-user-select:all;user-select:all}
.sheet .addr.code-big{font-family:var(--font-heading);font-weight:700;font-size:1.3rem;letter-spacing:.06em;color:var(--color-secondary-dark);
  background:var(--paper-lavender);border:2px dashed var(--color-secondary)}
.sheet .btn{display:block;width:100%;padding:13px 16px;margin-top:10px;border-radius:16px;font:600 1rem var(--font-body);
  text-decoration:none;cursor:pointer;border:2px solid var(--border-light);background:#fff;color:var(--text-main)}
.sheet .btn.main{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 0 var(--color-primary-dark)}
.sheet .btn.main.done{background:#38A169;border-color:#38A169;box-shadow:0 4px 0 #276749}
.sheet .close{margin-top:12px;background:none;border:none;font:500 .92rem var(--font-body);color:var(--text-muted);cursor:pointer;padding:8px}
.sheet .hint{font-size:.85rem;color:var(--text-muted);margin-top:12px}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}