/* ========== VARIABLES DE COLOR ========== */
    :root {
      --azul: #131062;
      --morado: #8B0AC2;
      --cian: #08C6EA;
      --fondo: #f5f6ff;
      --texto: #1a1a2e;
      --tarjeta: #ffffff;
      --borde: rgba(19, 16, 98, 0.12);
      --sombra: 0 10px 30px rgba(19, 16, 98, 0.12);
    }

    /* Modo oscuro */
    body.dark {
      --fondo: #0b0a2e;
      --texto: #eef0ff;
      --tarjeta: #171452;
      --borde: rgba(8, 198, 234, 0.2);
      --sombra: 0 10px 30px rgba(0, 0, 0, 0.5);
    }

    * { margin: 0; padding: 0; box-sizing: border-box; }

    body {
      font-family: "Poppins", system-ui, sans-serif;
      background: var(--fondo);
      color: var(--texto);
      line-height: 1.6;
      transition: background .4s, color .4s;
    }

    img { max-width: 100%; display: block; }
    a { color: inherit; text-decoration: none; }