/* Estilos de /referral.
 *
 * La pagina usa el esqueleto de la PORTADA (body.home-body + home.css), no el de las paginas
 * legales: se llega a ella desde el menu del sitio y el menu tiene que seguir ahi. Consecuencia:
 * las cuatro reglas que vivian aqui ancladas a .legal-content ya no aplican a nada y se han
 * quitado. Queda una sola cosa.
 *
 * POR QUE ESTA REGLA, medido y no estetico: styles.css:593 solo estiliza <code> DENTRO de
 * .legal-content. Al dejar ese esqueleto, el <code> del enlace de invitacion se queda sin
 * pastilla y, lo que importa, sin punto de corte:
 * "https://kreawave.com/register?ref=YOUR-CODE" son 43 caracteres sin un solo espacio (~335 px
 * en monoespaciada de 13 px) dentro de una .recharge que a 360 px de ancho deja ~264 px utiles.
 * Sin overflow-wrap se sale de la tarjeta y empuja la pagina de lado en el movil. No es
 * maquetacion nueva: es el mismo aspecto que styles.css ya da, reanclado a .home-body.
 *
 * LIMITACION ASUMIDA: en /es/referral la URL de ejemplo sale igual, con /register y no con
 * /es/register. No es por el <code>: extraer.py rechaza como intraducible CUALQUIER cadena que
 * sea una URL entera (_URLISH), este donde este, para que nadie rompa un enlace traduciendolo.
 * La URL que se ensena funciona y es solo un ejemplo de la forma; el enlace bueno lo copia el
 * usuario de su panel, que si lleva /es/.
 */
.home-body code {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: 5px;
  padding: 1px 6px;
  font-size: 13px;
  font-family: ui-monospace, "Cascadia Code", monospace;
  overflow-wrap: anywhere;
}