:root{--elanco-blue:#0033a0;--elanco-blue-dark:#002271;--elanco-blue-soft:#e8eefb;--color-bg:#f5f6f8;--color-surface:#fff;--color-text:#16181d;--color-text-muted:#5b6270;--color-border:#d3d7de;--color-border-strong:#a8aebb;--color-danger:#b3261e;--color-danger-bg:#fdecea;--color-success:#1b6b3a;--color-success-bg:#e7f4ec;--color-warning-bg:#fdf4e3;--color-warning-border:#e0a800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--radius:10px;--radius-lg:16px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--control-height:48px;--shadow-card:0 1px 3px #00000014, 0 8px 24px #0000000f}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);margin:0;font-size:16px;line-height:1.5}h1,h2,h3,p{margin:0}button,input,select{font:inherit;color:inherit}:where(a){color:var(--elanco-blue)}:where(:focus-visible){outline:3px solid var(--elanco-blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--landing-bg:#f4f1ea;--dermaton:#6f9f2e;--dermaton-ink:#3f6414;--quiz:#0033a0;--quiz-deep:#002271;--parasitos:#1b5e3b;--parasitos-ink:#0f3d26;--yoga:#1d3f37;--yoga-ink:#1d3f37}html,body,#app{background:var(--landing-bg);min-height:100%}#app{max-width:28rem;margin:0 auto;padding:16px 16px 40px}.masthead{margin-bottom:20px}.logos{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.logo-elanco{object-fit:contain;width:auto;max-width:46%;height:40px}.logo-zenrelia{object-fit:contain;width:auto;max-width:46%;height:24px}.kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 6px;font-size:.72rem;font-weight:700}h1{color:var(--elanco-blue);margin:0;font-size:1.75rem;font-weight:800;line-height:1.15}.lead{color:var(--color-text-muted);margin:8px 0 0}.puntos{justify-content:center;gap:8px;margin:14px 0 0;display:flex}.puntos span{border-radius:50%;width:8px;height:8px}.puntos span:first-child{background:var(--dermaton)}.puntos span:nth-child(2){background:var(--quiz)}.puntos span:nth-child(3){background:var(--parasitos)}.bloques{gap:14px;margin:0;padding:0;list-style:none;display:grid}.tarjeta{width:100%;min-height:176px;box-shadow:var(--shadow-card);color:inherit;text-align:left;font:inherit;cursor:pointer;appearance:none;background:#fff;border:0;border-radius:20px;grid-template-columns:minmax(7.25rem,38%) 1fr;padding:0;text-decoration:none;display:grid;overflow:hidden}div.tarjeta{cursor:default}.portada{background:#d9d3c7;min-height:176px;position:relative}.portada img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.categoria{z-index:1;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#0000008c;border-radius:999px;max-width:calc(100% - 16px);padding:4px 8px;font-size:.62rem;font-weight:700;line-height:1.2;position:absolute;bottom:8px;left:8px}.tema-dermaton .categoria{background:var(--dermaton)}.tema-quiz .categoria{background:var(--quiz)}.tema-parasitos .categoria{background:var(--parasitos)}.tema-yoga .categoria{background:var(--yoga)}.cuerpo{flex-direction:column;gap:6px;min-width:0;height:100%;min-height:176px;padding:12px 12px 10px;display:flex}.titulo{color:var(--tema,var(--elanco-blue));align-items:center;gap:6px;display:flex}.tema-dermaton{--tema:var(--dermaton-ink);--cta-bg:#fff;--cta-fg:var(--dermaton-ink);--cta-border:var(--dermaton)}.tema-quiz{--tema:var(--quiz);--cta-bg:var(--quiz);--cta-fg:#fff;--cta-border:var(--quiz)}.tema-parasitos{--tema:var(--parasitos);--cta-bg:var(--parasitos);--cta-fg:#fff;--cta-border:var(--parasitos)}.tema-yoga{--tema:var(--yoga);--cta-bg:var(--yoga);--cta-fg:#fff;--cta-border:var(--yoga)}.tema-generic{--tema:var(--elanco-blue);--cta-bg:var(--elanco-blue);--cta-fg:#fff;--cta-border:var(--elanco-blue)}.label{font-size:1rem;font-weight:700;line-height:1.2}.copy{color:var(--color-text-muted);font-size:.8rem;line-height:1.35}.marca{flex:auto;justify-content:center;align-items:center;min-height:28px;display:flex}.marca__img{object-fit:contain;width:auto;max-width:100%;display:block}.marca__img--zenrelia{height:12px}.marca__img--elanco{height:24px}.marca__img--credelio{height:20px}.cta{border:1.5px solid var(--cta-border,var(--elanco-blue));background:var(--cta-bg,var(--elanco-blue));min-height:44px;color:var(--cta-fg,#fff);text-wrap:balance;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:.78rem;font-weight:700;line-height:1.2;display:inline-flex}.pendiente .cta{color:var(--color-text-muted);background:#eee;border-color:#d3d7de}.pendiente .tarjeta{opacity:.92}.icono{width:18px;height:18px;-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;background:currentColor;flex:none;display:inline-block}.cta-icono{width:16px;height:16px}.cargando,.vacio,.error{color:var(--color-text-muted);padding:8px 0 16px}.reintentar{min-height:var(--control-height);background:var(--elanco-blue);color:#fff;border:0;border-radius:10px;padding:12px 20px;font-weight:700}.modal-overlay{z-index:20;background:#16181d7a;place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0}.modal{--modal-accent:var(--elanco-blue);--modal-ink:var(--elanco-blue);text-align:center;background:#fff;border-radius:20px;width:min(100%,22rem);padding:28px 20px 20px;position:relative;box-shadow:0 16px 48px #0000002e}.modal.tema-dermaton{--modal-accent:var(--dermaton);--modal-ink:var(--dermaton-ink)}.modal.tema-quiz{--modal-accent:var(--quiz);--modal-ink:var(--quiz)}.modal.tema-yoga{--modal-accent:var(--yoga);--modal-ink:var(--yoga)}.modal.tema-parasitos{--modal-accent:var(--parasitos);--modal-ink:var(--parasitos)}.modal-cerrar{width:44px;height:44px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.modal-icono{background:var(--modal-accent);color:#fff;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 12px;display:grid}.modal-icono .icono{width:28px;height:28px}.modal h2{color:var(--modal-ink);margin:0;font-size:1.25rem}.modal-lead{color:var(--modal-ink);margin:10px 0 0;font-size:1.05rem;font-weight:800;line-height:1.3}.modal-body{color:var(--color-text-muted);margin:8px 0 0}.modal-cta{width:100%;min-height:var(--control-height);background:var(--modal-accent);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;margin-top:20px;padding:12px 16px;font-weight:700;text-decoration:none;display:flex}