.wf{--wf-perla: #fffaf0;--wf-violeta: #c2a8ff;position:relative;z-index:1;width:100%;max-width:30rem;margin:0 auto 1.4rem;padding:1.1rem 1rem 1rem;border:1px solid rgba(255,250,240,.55);border-radius:16px;background:radial-gradient(ellipse 80% 110% at 50% 0%,#fffaf024,#fffaf000 70%),linear-gradient(180deg,#151c2a,#080c14);box-shadow:0 0 28px #fffaf01f,inset 0 1px #fffaf02e;text-align:center;color:var(--paper)}.wf-eti{margin:0;font-family:var(--font-data);font-size:var(--t-micro);letter-spacing:.16em;text-transform:uppercase;color:#fffaf0bf}.wf.is-extendido .wf-eti{display:inline-block;padding:.3rem calc(.85rem - .16em) .3rem .85rem;border-radius:999px;background:var(--wf-perla);box-shadow:0 0 16px #fffaf080;font-weight:700;color:var(--void-0);animation:wf-extendido .7s cubic-bezier(.2,.8,.2,1) both}@keyframes wf-extendido{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.wf.is-extendido .wf-eti{animation:none}}.wf-titulo{margin:.1rem 0 .3rem;font-family:var(--font-display);font-size:clamp(2.1rem,9vw,2.7rem);font-weight:600;line-height:1.05;color:var(--wf-perla);text-shadow:0 0 18px rgba(255,250,240,.45)}.wf-termina{margin:0 0 .9rem;font-size:var(--t-small);color:var(--paper-dim)}.wf-cuenta{display:block;margin-top:.15rem;font-family:var(--font-data);font-size:clamp(2.2rem,11vw,2.9rem);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.05em;color:#fff;text-shadow:0 0 14px rgba(255,250,240,.4)}.wf-beneficios{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.wf-beneficio{display:grid;gap:.15rem;padding:.75rem .5rem;border:1px solid rgba(255,250,240,.3);border-radius:12px;background:#fffaf00d;font-size:.98rem;line-height:1.3;color:var(--paper);text-decoration:none}.wf-beneficio strong{font-family:var(--font-data);font-size:var(--t-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--wf-perla)}.wf-miembros{font-weight:600;color:var(--wf-violeta)}.wf-membresia{display:inline-block;margin-top:.9rem;font-size:.98rem;color:var(--wf-violeta);text-decoration:underline;text-underline-offset:3px}@media (hover: hover) and (pointer: fine){.wf-beneficio:hover{border-color:#fffaf0b3;background:#fffaf01a}}
