/* Tema LoIAlty — se carga DESPUÉS de styles.css (común) y sólo redefine
   tokens. Morados del logo oficial de loialty.co: "IA" #7c3aed y la corona
   (#4c0fb5 → #b560f0). Contrastes medidos sobre blanco:
   #6d28d9 = 7,1:1 (titular) · #7c3aed = 5,7:1 (kicker, CTA). */
:root {
  --orange: #7c3aed;            /* acento principal: CTA, kicker, foco */
  --orange-2: #a855f7;          /* segundo tono del degradado del CTA */
  --blue: #4c0fb5;              /* extremo de la regla y las ondas */
  --sombra-cta: rgba(124, 58, 237, .55);
}
.effie { --gold: #6d28d9; }     /* acento del titular sobre blanco */
.foot .q { color: #c4a6ff; }    /* acento del pie sobre negro */

/* Logo en el pie (sólo esta landing). "IA" en el morado claro de loialty.co:
   el #7c3aed sobre negro da 3,4:1; #a78bfa da 7,5:1. */
.foot__logo { display: flex; align-items: center; gap: 10px; }
.foot__logo img { height: 34px; width: auto; }
.foot__logo span { font-size: 26px; font-weight: 700; letter-spacing: -.01em; color: #fff; line-height: 1; }
.foot__logo b { font-weight: inherit; color: #a78bfa; }